@charset "utf-8";
/* CSS Document */

/* MOBILES */
@media only screen and (max-width:760px) {
/* Feuille de style minified pour Mobiles : mobile.css */
.grid_1,.grid_10,.grid_11,.grid_12,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{margin-left:10px;margin-right:10px}.alpha,.omega{margin-left:0;margin-right:0}.align_center,.align_right{text-align:left}#navigation{background:rgba(236,138,0,8);margin:-50px 0 0}nav ul li{line-height:50px;text-transform:uppercase;margin:0;font-family:Roboto,sans-serif;text-align:center;list-style:none}nav ul li a{text-decoration:none;color:#fff;padding:0 0 0 5px;display:block}nav ul li a:hover{background:#fff}#tablegrand{display:none}
/* Fin Feuille de style minified pour Mobiles : mobile.css */
}
/* TABLETTES */
@media only screen and (min-width:761px) and (max-width:979px) {
/* Feuille de style minified pour Tablettes : 720.css */
.clear,.clearfix:after,.container_12:after{clear:both}body{min-width:720px}.container_12{margin-left:auto;margin-right:auto;width:720px}.grid_1,.grid_10,.grid_11,.grid_12,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;margin-left:10px;margin-right:10px}.pull_1,.pull_10,.pull_11,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.push_1,.push_10,.push_11,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:40px}.container_12 .grid_2{width:100px}.container_12 .grid_3{width:160px}.container_12 .grid_4{width:220px}.container_12 .grid_5{width:280px}.container_12 .grid_6{width:340px}.container_12 .grid_7{width:400px}.container_12 .grid_8{width:460px}.container_12 .grid_9{width:520px}.container_12 .grid_10{width:580px}.container_12 .grid_11{width:640px}.container_12 .grid_12{width:700px}.container_12 .prefix_1{padding-left:60px}.container_12 .prefix_2{padding-left:120px}.container_12 .prefix_3{padding-left:180px}.container_12 .prefix_4{padding-left:240px}.container_12 .prefix_5{padding-left:300px}.container_12 .prefix_6{padding-left:360px}.container_12 .prefix_7{padding-left:420px}.container_12 .prefix_8{padding-left:480px}.container_12 .prefix_9{padding-left:540px}.container_12 .prefix_10{padding-left:600px}.container_12 .prefix_11{padding-left:660px}.container_12 .suffix_1{padding-right:60px}.container_12 .suffix_2{padding-right:120px}.container_12 .suffix_3{padding-right:180px}.container_12 .suffix_4{padding-right:240px}.container_12 .suffix_5{padding-right:300px}.container_12 .suffix_6{padding-right:360px}.container_12 .suffix_7{padding-right:420px}.container_12 .suffix_8{padding-right:480px}.container_12 .suffix_9{padding-right:540px}.container_12 .suffix_10{padding-right:600px}.container_12 .suffix_11{padding-right:660px}.container_12 .push_1{left:60px}.container_12 .push_2{left:120px}.container_12 .push_3{left:180px}.container_12 .push_4{left:240px}.container_12 .push_5{left:300px}.container_12 .push_6{left:360px}.container_12 .push_7{left:420px}.container_12 .push_8{left:480px}.container_12 .push_9{left:540px}.container_12 .push_10{left:600px}.container_12 .push_11{left:660px}.container_12 .pull_1{left:-60px}.container_12 .pull_2{left:-120px}.container_12 .pull_3{left:-180px}.container_12 .pull_4{left:-240px}.container_12 .pull_5{left:-300px}.container_12 .pull_6{left:-360px}.container_12 .pull_7{left:-420px}.container_12 .pull_8{left:-480px}.container_12 .pull_9{left:-540px}.container_12 .pull_10{left:-600px}.container_12 .pull_11{left:-660px}.clear{display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before,.container_12:after,.container_12:before{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix,.container_12{zoom:1}
/* Fin Feuille de style minified pour Tablettes : 720.css */
}
/* PC */
@media only screen and (min-width:980px) {
/* Feuille de style minified pour PC : 960_12_col.css */
.clear,.clearfix:after,.container_12:after{clear:both}body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_10,.grid_11,.grid_12,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9{display:inline;float:left;margin-left:10px;margin-right:10px}.pull_1,.pull_10,.pull_11,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9,.push_1,.push_10,.push_11,.push_2,.push_3,.push_4,.push_5,.push_6,.push_7,.push_8,.push_9{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.clearfix:before,.container_12:after,.container_12:before{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix,.container_12{zoom:1}
/* Fin Feuille de style minified pour PC */
}

/* GLOBAL */
/* Polices */
@font-face {
  font-family:'BrushScriptStd';
  src:url(../fonts/BrushScriptStd.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/BrushScriptStd.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/BrushScriptStd.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/BrushScriptStd.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/BrushScriptStd.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/BrushScriptStd.svg#BrushScriptStd) format('svg'); 
}
@font-face {
  font-family:'Arimo-Regular';
  src:url(../fonts/Arimo-Regular.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/Arimo-Regular.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/Arimo-Regular.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/Arimo-Regular.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/Arimo-Regular.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/Arimo-Regular.svg#Arimo-Regular) format('svg'); 
}
@font-face {
  font-family:'Arimo-Bold';
  src:url(../fonts/Arimo-Bold.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/Arimo-Bold.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/Arimo-Bold.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/Arimo-Bold.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/Arimo-Bold.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/Arimo-Bold.svg#Arimo-Bold) format('svg'); 
}
@font-face {
  font-family:'Arimo-BoldItalic';
  src:url(../fonts/Arimo-BoldItalic.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/Arimo-BoldItalic.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/Arimo-BoldItalic.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/Arimo-BoldItalic.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/Arimo-BoldItalic.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/Arimo-BoldItalic.svg#Arimo-BoldItalic) format('svg'); 
}
@font-face {
  font-family:'Arimo-Italic';
  src:url(../fonts/Arimo-Italic.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/Arimo-Italic.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/Arimo-Italic.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/Arimo-Italic.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/Arimo-Italic.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/Arimo-Italic.svg#Arimo-Italic) format('svg'); 
}
@font-face {
  font-family:'Product-Sans-Regular';
  src:url(../fonts/Product-Sans-Regular.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/Product-Sans-Regular.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/Product-Sans-Regular.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/Product-Sans-Regular.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/Product-Sans-Regular.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/Product-Sans-Regular.svg#Product-Sans-Regular) format('svg'); 
}
@font-face {
  font-family:'Product-Sans-Bold';
  src:url(../fonts/Product-Sans-Bold.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/Product-Sans-Bold.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/Product-Sans-Bold.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/Product-Sans-Bold.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/Product-Sans-Bold.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/Product-Sans-Bold.svg#Product-Sans-Bold) format('svg'); 
}
@font-face {
  font-family:'Product-Sans-Italic';
  src:url(../fonts/Product-Sans-Italic.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/Product-Sans-Italic.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/Product-Sans-Italic.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/Product-Sans-Italic.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/Product-Sans-Italic.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/Product-Sans-Italic.svg#Product-Sans-Italic) format('svg'); 
}
@font-face {
  font-family:'Product-Sans-BoldItalic';
  src:url(../fonts/Product-Sans-BoldItalic.eot); /* Compatibilité IE9 */
       /* Compatibilité IE6-IE8 */
  src:url(../fonts/Product-Sans-BoldItalic.eot?#iefix) format('embedded-opentype'), 
       /* woff2 pour les navigateurs les plus récents */
       url(../fonts/Product-Sans-BoldItalic.woff2) format('woff2'), 
       /* woff pour les navigateurs récents */
       url(../fonts/Product-Sans-BoldItalic.woff) format('woff'), 
       /* Safari, Android, iOS */
       url(../fonts/Product-Sans-BoldItalic.ttf)  format('truetype'), 
       /* Legacy iOS */
       url(../fonts/Product-Sans-BoldItalic.svg#Product-Sans-BoldItalic) format('svg'); 
}
/* Fin Polices */

* {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.875em; /*14px*/
}
noscript div {
	border:1px solid purple;
	padding:10px;
}
noscript div span {
	color:red;
}
header {
	background:url(../img/bg-accueil.jpg);
	background-size:cover;
}
img {
	max-width:100%;
}


/* Citation */
blockquote {
	margin:auto;
	text-align:center;
	font-family:'Product-Sans-Regular', sans-serif;
	font-size:2.857em;/*40px*/
	padding:0;
	line-height:80px;
	overflow:hidden;
	color:#fff;
	margin-bottom:15px;
	text-shadow:0px 0px 4px rgba(19, 107, 158, 1);/*bleu nav*/
}
blockquote:before {
	content:open-quote;
	font-size:1.3em;/*52px*/
}
blockquote:after {
	content:close-quote;
	font-size:1.3em;/*52px*/
}

/*ANIMATION TEXTE VISIBILITE*/
@-webkit-keyframes zoomInOut {
 50% {
 -webkit-transform:scale3d(1.18, 1.18, 1.18);
}
 100% {
 -webkit-transform:scale3d(1, 1, 1);
}
}
@-moz-keyframes zoomInOut {
 50% {
 -moz-transform:scale3d(1.18, 1.18, 1.18);
}
 100% {
 -moz-transform:scale3d(1, 1, 1);
}
}
@-o-keyframes zoomInOut {
 50% {
 -o-transform:scale3d(1.18, 1.18, 1.18);
}
 100% {
 -o-transform:scale3d(1, 1, 1);
}
}
@keyframes zoomInOut {
 50% {
 transform:scale3d(1.18, 1.18, 1.18);
}
 100% {
 transform:scale3d(1, 1, 1);
}
}
.zoomInOut {
	-webkit-animation:zoomInOut 9s infinite linear 6s;
	-moz-animation:zoomInOut 9s infinite linear 6s;
	-o-animation:zoomInOut 9s infinite linear 6s;
	animation:zoomInOut 9s infinite linear 6s;
}
 @-webkit-keyframes fondVisibilite {
 50% {
 background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f1da36), color-stop(100%, #f47836)); /* Chrome,Safari4+ */
 background:-webkit-radial-gradient(center, ellipse cover, #f1da36 0%, #f47836 100%); /* Chrome10+,Safari5.1+ */
 box-shadow:0px 0px 50px rgba(244, 120, 54, 1);
}
 100% {
 background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f2825b), color-stop(50%, #e55b2b), color-stop(100%, #f07146)); /* Chrome,Safari4+ */
 background:-webkit-radial-gradient(center, ellipse cover, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* Chrome10+,Safari5.1+ */
}
}
@-moz-keyframes fondVisibilite {
 50% {
 background:-moz-radial-gradient(center, ellipse cover, #f1da36 0%, #f47836 100%); /* FF3.6+ */
 box-shadow:0px 0px 50px rgba(244, 120, 54, 1);
}
 100% {
 background:-moz-radial-gradient(center, ellipse cover, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6+ */
}
}
@-o-keyframes fondVisibilite {
 50% {
 background:-o-radial-gradient(center, ellipse cover, #f1da36 0%, #f47836 100%); /* Opera 12+ */
 box-shadow:0px 0px 50px rgba(244, 120, 54, 1);
}
 100% {
 background:-o-radial-gradient(center, ellipse cover, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* Opera 12+ */
}
}
@keyframes fondVisibilite {
 50% {
 background:#f1da36; /* Old browsers */
 background:-ms-radial-gradient(center, ellipse cover, #f1da36 0%, #f47836 100%); /* IE10+ */
 background:radial-gradient(ellipse at center, #f1da36 0%, #f47836 100%); /* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#f47836', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 box-shadow:0px 0px 50px rgba(244, 120, 54, 1);
}
 100% {
 background:#f2825b; /* Old browsers */
 background:-ms-radial-gradient(center, ellipse cover, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* IE10+ */
 background:radial-gradient(ellipse at center, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
}
.fondVisibilite {
	-webkit-animation:fondVisibilite 5s infinite linear 3s;
	-moz-animation:fondVisibilite 5s infinite linear 3s;
	-o-animation:fondVisibilite 5s infinite linear 3s;
	animation:fondVisibilite 5s infinite linear 3s;
}


/*ANIMATION CITATION*/
@-webkit-keyframes Opac {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
@-moz-keyframes Opac {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
@-o-keyframes Opac {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
@keyframes Opac {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
#accueil #sphere {
	height:560px;
}
#elipse {
	top:60px;
	width:640px;
	height:400px;
	-webkit-border-radius:320px / 200px;
	-moz-border-radius:320px / 200px;
	-o-border-radius:320px / 200px;
	border-radius:320px / 200px;
	border:4px solid rgba(255, 255, 255, 0.6);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:0px 0px 30px rgba(234, 234, 234, 1);
}
.cercle_visi_size {
	width:140px;
	line-height:140px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
	position:inherit;
	top:130px;
	left:250px;
	text-align:center;
	font-size:1.429em;/*20px*/
	text-transform:uppercase;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.cercle_visi_size:hover span, .cercle_visi_size:focus span {
	-moz-transform:scale(1) rotate(0);
	-webkit-transform:scale(1) rotate(0);
	-o-transform:scale(1) rotate(0);
	-ms-transform:scale(1) rotate(0);
	transform:scale(1) rotate(0);
	opacity:1;
}
.cercle_visi_size span {
	width:220px;
	height:220px;
	line-height:20px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	position:absolute;
	-moz-transform:scale(0) rotate(-190deg);
	-webkit-transform:scale(0) rotate(-190deg);
	-o-transform:scale(0) rotate(-190deg);
	-ms-transform:scale(0) rotate(-190deg);
	transform:scale(0) rotate(-190deg);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	opacity:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-transform:none;
	font-size:0.8em;/*16px*/
	color:#fff;
}
.cercle_visi_bg {
	background:#f1da36; /* Old browsers */
	background:-moz-radial-gradient(center, ellipse cover, #f1da36 0%, #f47836 100%); /* FF3.6+ */
	background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f1da36), color-stop(100%, #f47836)); /* Chrome,Safari4+ */
	background:-webkit-radial-gradient(center, ellipse cover, #f1da36 0%, #f47836 100%); /* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(center, ellipse cover, #f1da36 0%, #f47836 100%); /* Opera 12+ */
	background:-ms-radial-gradient(center, ellipse cover, #f1da36 0%, #f47836 100%); /* IE10+ */
	background:radial-gradient(ellipse at center, #f1da36 0%, #f47836 100%); /* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#f47836', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-moz-box-shadow:0px 0px 50px 20px #f56b00;
	-webkit-box-shadow:0px 0px 50px 20px #f56b00;
	-o-box-shadow:0px 0px 50px 20px #f56b00;
	box-shadow:0px 0px 50px 20px #f56b00;
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#f56b00, Direction=NaN, Strength=50);
}
.cercle_visi_bg:hover, .cercle_visi_bg:focus {
	cursor:pointer;
}
.cercle_visi_bg span {
	margin:-180px 0 0 -110px;
	padding:40px 20px;
	background:#f2825b; /* Old browsers */
	background:-moz-radial-gradient(center, ellipse cover, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* FF3.6+ */
	background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f2825b), color-stop(50%, #e55b2b), color-stop(100%, #f07146)); /* Chrome,Safari4+ */
	background:-webkit-radial-gradient(center, ellipse cover, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(center, ellipse cover, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* Opera 12+ */
	background:-ms-radial-gradient(center, ellipse cover, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* IE10+ */
	background:radial-gradient(ellipse at center, #f2825b 0%, #e55b2b 50%, #f07146 100%); /* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#f07146', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:0px 0px 50px rgba(244, 120, 54, 1);
}
/*CERCLE COMPETENCES*/
.cercle_size {
	width:120px;
	line-height:120px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
	position:absolute;
	text-align:center;
	text-transform:capitalize;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.cercle_bg {
	background:#30a8e7; /* Old browsers */
	background:-moz-radial-gradient(center, ellipse cover, #30a8e7 60%, #ededed 100%); /* FF3.6+ */
	background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(60%, #30a8e7), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background:-webkit-radial-gradient(center, ellipse cover, #30a8e7 60%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(center, ellipse cover, #30a8e7 60%, #ededed 100%); /* Opera 12+ */
	background:-ms-radial-gradient(center, ellipse cover, #30a8e7 60%, #ededed 100%); /* IE10+ */
	background:radial-gradient(ellipse at center, #30a8e7 60%, #ededed 100%); /* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a8e7', endColorstr='#ededed', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:0px 0px 5px rgba(234, 234, 234, 1);/*gris*/
}
.cercle_bg:hover, .cercle_bg:focus {
	background:rgba(81, 81, 81, 1);
	box-shadow:0px 0px 30px rgba(234, 234, 234, 1);
	color:#fff;
	cursor:pointer;
}
.cercle_bg span {
	background:#30a8e7; /* Old browsers */
	background:-moz-radial-gradient(center, ellipse cover, #30a8e7 60%, #ededed 100%); /* FF3.6+ */
	background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(60%, #30a8e7), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
	background:-webkit-radial-gradient(center, ellipse cover, #30a8e7 60%, #ededed 100%); /* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(center, ellipse cover, #30a8e7 60%, #ededed 100%); /* Opera 12+ */
	background:-ms-radial-gradient(center, ellipse cover, #30a8e7 60%, #ededed 100%); /* IE10+ */
	background:radial-gradient(ellipse at center, #30a8e7 60%, #ededed 100%); /* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a8e7', endColorstr='#ededed', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow:0px 0px 30px rgba(234, 234, 234, 1);
}
.cercle_size span {
	width:220px;
	height:220px;
	line-height:20px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	position:absolute;
	-moz-transform:scale(0) rotate(-190deg);
	-webkit-transform:scale(0) rotate(-190deg);
	-o-transform:scale(0) rotate(-190deg);
	-ms-transform:scale(0) rotate(-190deg);
	transform:scale(0) rotate(-190deg);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	opacity:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-transform:none;
	font-size:14px;
}
.cercle_size:hover span, .cercle_size:focus span {
	-moz-transform:scale(1) rotate(0);
	-webkit-transform:scale(1) rotate(0);
	-o-transform:scale(1) rotate(0);
	-ms-transform:scale(1) rotate(0);
	transform:scale(1) rotate(0);
	opacity:1;
}
.cercle_strategie {
	top:-55px;
	left:190px;
	font-size:1.429em;/*20px*/
}
.cercle_strategie span {
	margin:-43px 0 0 -270px;
	padding:35px 20px;
	z-index:50;
}
.cercle_webdesign {
	top:-30px;
	left:430px;
	font-size:1.429em;/*20px*/
}
.cercle_webdesign span {
	margin:-93px 0 0 -5px;
	padding:50px 20px;
}
.cercle_developpement {
	top:115px;
	left:575px;
	font-size:1.143em;/*16px*/
}
.cercle_developpement span {
	margin:23px 0 0 -35px;
	padding:50px 20px;
}
.cercle_administration {
	top:295px;
	left:455px;
	font-size:1.143em;/*16px*/
}
.cercle_administration span {
	margin:-23px 0 0 -35px;
	padding:50px 20px;
}
.cercle_contenu {
	top:335px;
	left:210px;
	font-size:1.429em;/*20px*/
}
.cercle_contenu span {
	margin:-23px 0 0 -15px;
	padding:50px 20px;
	z-index:100;
}
.cercle_referencement {
	top:240px;
	left:-15px;
	font-size:1.143em;/*16px*/
}
.cercle_referencement span {
	margin:-23px 0 0 -325px;
	padding:50px 20px;
}
.cercle_communication {
	top:45px;
	left:-25px;
	font-size:1.143em;/*16px*/
}
.cercle_communication span {
	margin:-75px 0 0 -325px;
	padding:40px 20px;
}
/*TITRE PRINCIPAL*/
h1 {
	text-align:center;
	padding:8px 10px 3px 10px;
	margin-bottom:-2px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:2.143em;/*30px*/
	color:#fff;
	font-family:'BrushScriptStd', cursive;
	font-weight:normal;
	background:#136b9e;
	-webkit-border-radius:50px 50px 0 0;
	-moz-border-radius:50px 50px 0 0;
	-o-border-radius:50px 50px 0 0;
	border-radius:50px 50px 0 0;
	-moz-transform:scaleY(1.1);
	-webkit-transform:scaleY(1.1);
	-o-transform:scaleY(1.1);
	-ms-transform:scaleY(1.1);
	transform:scaleY(1.1);
}
/*MENU*/
.navigation {
	background:#136b9e;
	line-height:80px;
	font-family:'Arimo-Regular', sans-serif;
	font-size:1.286em;/*18px*/
	text-transform:uppercase;
	text-align:center;
}
.navigation nav ul li a {
	color:#fff;
	text-decoration:none;
}
.navigation nav ul li a:hover {
	color:#EF7F43;
	/*text-shadow:0px 0px 1px rgba(255, 255, 255, 0.6);*/
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.navigation nav {
	overflow:hidden;
}
.underline {
	border:0;
	border-top:1px solid #fff;
	width:60px;
	margin:-20px auto 20px auto;
	display:block;
}
.logo:hover {
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
.logo_svg {
	margin:-68px auto 10px auto;
	display:table;
	width:140px;/*transition:all 1s linear;*/
}
.logo_svg_anim {
	margin:-68px auto 10px auto;
	display:table;
	width:140px;
	transition:all 1s linear;
}
.logo_svg_anim:hover {
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}
/*FIN MENU*/

/*TITRE SECTIONS*/
h2 {
	color:#136b9e;
	font-family:'Arimo-Regular', sans-serif;
	font-size:1.714em;/*24px*/
	text-transform:uppercase;
	text-align:center;
}
.presentation {
	font-size:1.214em;/*17px*/
	text-align:center;
	padding:10px 0 20px 0;
}
.center {
	text-align:center;
}
.justify {
	text-align:justify;
}
/*COMPETENCES*/
#container_competences {
	background:#fff;
	background:url(../img/bg-competences.png) no-repeat;
	background-size:cover;
}
#competences {
	background:#fff;
	margin-bottom:25px;
}
#competences section article div {
	padding-top:10px;
	margin:0 auto;
	display:table;
}
#strategie {
	padding-top:14px !important;
}
.rond_competences {
	background:rgba(244,120,54,0.9);/*orange*/
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	width:80px;
	height:80px;
	text-align:center;
	padding-top:18px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#competences h3 {
	font-family:'Arimo-Regular', sans-serif;
	font-size:1.286em;/*18px*/
	text-transform:capitalize;
	text-align:center;
	padding:5px 0;
}
#competences section article hr {
	border:0;
	border-top:1px solid #000;
	text-align:center;
	margin:0 auto;
	display:block;
	width:60px;
}
#competences section article {
	background:#d6d6d6;
	margin-bottom:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}
#competences section article h4 {
	padding:10px;
	min-height:245px;
	font-weight:100;
	font-size:1.071em;/*15px*/
}
/*.paragraphe {
	padding:10px;
	min-height:245px;
	font-weight:100;
	font-size:1.071em;
}*/
/*REALISATIONS*/
#container_realisations {
	background:#fff;
	/*background:url(../img/bg-competences.png) no-repeat;
	background-size:contain;*/
}
#realisations {
	margin-bottom:25px;
}
#realisations figure {
	margin-bottom:10px;
	border:#4D4D4D 3px solid;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#4D4D4D;
	position:relative;
}
/*Infobulle description réaliaation*/
.madesc {
	width:300px;
	background:#4D4D4D;
	position:relative;
	overflow:hidden;
}
.madesc span {
	color:#FFF;
	/*background:rgba(0,153,255,7);*/
	background:#136B9E;
	height:176px;
	padding:10px;
	position:absolute;
	top:240px;
	left:0;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease;
	opacity:.95;
}
.madesc:hover {
	cursor:pointer;
}
.madesc:hover span {
	top:0;
}
.madesc span strong {
	color:#FCDA17;
}
.madesc span:before, .madesc span:after {
	content:"";
	position:absolute;
	z-index:500;
	bottom:-7px;
	left:50%;
	margin-left:-8px;
	/*border-top:8px solid #ddd;*/
	/*border-top:8px solid rgba(0,153,255,7);*/
	border-top:8px solid #136B9E;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:0;
}
.madesc span:before {
	border-top-color:#136B9E;
	bottom:-8px;
}
#realisations figure figcaption {
	background:#4D4D4D;
	opacity:1;
	color:#fff;
	line-height:30px;
	padding-left:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#realisations figure figcaption a {
	color:#fff;
}
#cv {
	width:300px;
}
/*ARTICLES*/
#container_articles {
	background:#fff;
	/*background:url(../img/bg-competences.png) no-repeat;
	background-size:contain;*/
}
#articles {
	margin-bottom:25px;
}
.cadreDiago {
	padding-left:10px;
	color:#fff;
	font-weight:bold;
	display:block;
	border-right:30px solid transparent;
	border-bottom:30px solid #4c4c4c;
	line-height:30px;
	width:110px;
	height:0;
}
#articles section article {
	margin-bottom:10px;
}
#articles section article img {
	border:#4D4D4D 1px solid;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.bordure {
	border:#4D4D4D 1px solid;
}
#articles section article div:nth-child(1-n) {
	margin:26px 0 15px 10px;
}
#articles section #reseaux div:nth-child(2) {
	margin-top:0;
}
#articles section #scoopit {
	margin-top:10px;
}
#articles section article h3 {
	font-family:'Arimo-Regular', sans-serif;
	font-size:1.286em;/*18px*/
	margin-bottom:10px;
}
#articles section article hr {
	border:0;
	border-top:1px solid #000;
	width:50px;
	margin:10px 0;
}
/*CONTACT*/
#container_contact {
	position:relative;
}
#googlemaps {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:0.30;
}
#contact {
	padding-bottom:50px;
	margin-bottom:5px;
	position:relative;
	z-index:600;
}
#contactFormArea table {
	border-spacing:0;
}
input[type=text], input[type=email] {
	border:none;
	background:#4D4D4D;
	width:100%;
	height:50px;
	/*font-size:1.143em;*//*16px*/
	font-size:1.286em;/*18px*/
	padding-left:15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	color:#fff;
	margin-bottom:15px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
input:hover, textarea:hover {
	cursor:pointer;
}
input:focus:invalid {
 box-shadow:0px 0px 2px 1px #F47836;
}
input:focus:valid {
 box-shadow:0px 0px 2px 1px #008000;
}
textarea {
	border:none;
	background:#4D4D4D;
	width:100%;
	height:220px;
	/*font-size:1.143em;*//*16px*/
	font-size:1.286em;/*18px*/
	padding:7px 0 0 15px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	color:#fff;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
textarea:focus:invalid {
 box-shadow:0px 0px 2px 1px #F47836;
}
textarea:focus:valid {
 box-shadow:0px 0px 2px 1px #008000;
}
#contactFormArea table tr:nth-child(6) td:first-child {
	width:300px;
}
::placeholder {
  color: #dddddd;
}
.button_envoyer {
	border:none;
	background:#f47836;
	width:140px;
	height:40px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	font-size:1.143em;/*16px*/
	color:#fff;
	margin:10px auto 0 auto;
	display:block;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.button_envoyer:hover {
	background:#136b9e;
	cursor:pointer;
}
#loadBar {
	display:none;
	padding:10px 0 20px 0;
	text-align:center;
}
#emailSuccess {
	display:none;
	padding:10px 0 20px 0;
	text-align:center;
	color:green;
}
#contact #coordonnees table {
	font-size:1.286em;/*18px*/
	line-height:25px;
	border-spacing:0;
}
#contact #coordonnees table a {
	color:#136b9e;
	text-decoration:underline;
}
#contact #coordonnees table a:hover {
	color:#f47836;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
#contact #coordonnees table caption {
	font-family:'BrushScriptStd', cursive;
	font-size:1.889em;/*34px*/
	padding:5px 0 10px 0;
	color:#303030;
}
#contact #coordonnees table tr td:first-child {
	text-align:center;
}
#contact #coordonnees table tr td {
	vertical-align:middle;
	padding:5px 0;
}
#contact #coordonnees table tr th {
	width:45px;
	text-align:center;
	padding-right:10px;
	color:#136b9e;
}
#coordonnees p a {
	text-decoration:none;
	color:#000;
}
#contact #coordonnees p:nth-child(3) {
	padding-bottom:10px;
}
/*#maps {
	margin-top:10px;
	border:#ccc 1px solid;
}
#maps iframe {
	width:100%;
	height:300px;
	border:none;
}*/
.rond_reseau {
	background:#4D4D4D;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	width:60px;
	height:60px;
	margin-bottom:10px;
	padding-top:10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
#contact #reseau {
	padding-top:80px;
}
#contact #reseau_mobile {
	display:none;
}
#contact #reseau a {
	color:#fff;
	
}
#contact #reseau p:hover {
	background:#f47836;
}
.verticalalignbottom {
	vertical-align:bottom;
}

/*FOOTER*/
#footer{
	color:#fff;
	text-transform:none;
}

/*PAGE TERMES WEBMARKETING et PYRAMIDE REF*/
#webmarketing h1, #pyramide h1, #chiffres h1 {
	background:none;
	color:#136b9e;
	font-family:'Arimo-Regular', sans-serif;
	font-size:1.714em;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	padding-bottom:10px;
}
#webmarketing section h2 {
	color:#136b9e;
	font-family:'Arimo-Regular', sans-serif;
	font-size:1.714em;
	text-transform:none;
	text-align:center;
	font-weight:normal;
	padding:20px 0;
}
#webmarketing section article {
	padding-bottom:15px;
	font-size:16px;
	margin:5px 0;
}
#webmarketing section article h3 {
	font-size:1.286em;/*18px*/
}
.fontsize12 {
	font-size:12px;
}
/*PAGE PYRAMIDE*/
#pyramide section {
	margin-bottom:40px;
}
#pyramide section figure {
	margin:20px;
}
#pyramide section figure figcaption {
	line-height:30px;
}
#pyramide section article ul li {
	margin:10px 0 10px 10px;
}
#pyramide h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	text-transform:none;
	text-align:left;
	padding:15px 0;
}
/*PAGE CHIFFRES*/
#chiffres h2 {
	color:#136b9e;
	font-family:'Arimo-Regular', sans-serif;
	font-size:1.714em;
	text-transform:none;
	text-align:center;
	font-weight:normal;
	margin:30px 0 10px 0;
	padding:15px;
	background:#E0E0E0;
}
#chiffres section article div {
	margin-bottom:40px;
}
#chiffres h3 {
	font-family:'Arimo-Regular', sans-serif;
	font-size:1.286em;/*18px*/
	text-align:center;
	padding:25px 0;
}
#chiffres p {
	font-size:1.143em;/*16px*/
	text-align:left;
	padding:10px 0;
}


/* MOBILES */
@media only screen and (max-width:760px) {
blockquote {
	margin:auto;
	text-align:center;
	font-size:1.857em;/*26px*/
	padding:0;
	line-height:34px;
	overflow:hidden;
	color:#fff;
	margin-bottom:15px;
	text-shadow:0px 0px 4px rgba(19, 107, 158, 1);/*bleu nav*/
}

#sphere {
	display:none;
}
#container_competences, #container_realisations, #container_articles, #container_contact {
	background:#fff;
}
h1 {
	padding-bottom:10px;
}
#realisations figure {
	margin:10px auto;
}
#articles section article div:nth-child(2) {
	margin:0 0 35px 10px;
}
#articles section article:last-child div:nth-child(2) {
	margin-top:10px;
}
.paragraphe {
	padding:10px;
	min-height:200px;
	font-weight:100;
	font-size:1.143em;/*16px*/
}
#googlemaps {
	display:none;
}
#contact {
	padding-bottom:20px;
}
#contact #coordonnees table caption {
	padding:20px 0 30px 0;
}
#contact #reseau {
	display:none;
}
#contact #reseau_mobile {
	display:table;
	text-align:center;
	margin: 0 auto;
}
#contact #reseau_mobile div {
	display:block;
	float:left;
	margin-right:15px;
}
#contact #reseau_mobile div:hover {
	background:#f47836;
}
#contact #reseau_mobile a {
	color:#fff;
}
#contactFormArea {
	margin:30px 0;
	padding:0 10px;
}
.navigation {
	margin-bottom:20px;
}
.logo_svg {
	display:none;
}
.logo_svg_anim {
	display:none;
}
.underline {
	border:0;
	border-top:1px solid #fff;
	width:60px;
	margin:-10px auto 10px auto;
	display:block;
}

#scoopit {
	display: none;
}
}

/* TABLETTES */
@media only screen and (min-width:761px) and (max-width:979px) {
#realisations figure span {
	font-size:0.857em;
}
#realisations figure figcaption {
	font-size:0.82em;
}
.paragraphe {
	padding:10px;
	min-height:390px;
	font-weight:100;
	font-size:1.143em;/*16px*/
}
}

/* PC */
@media only screen and (min-width:980px) {
/*ANIMATION CITATION*/
@-webkit-keyframes rollIn {
 0% {
 opacity:0;
 -webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity:1;
 -webkit-transform:none;
}
}
@-moz-keyframes rollIn {
 0% {
 opacity:0;
 -moz-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity:1;
 -moz-transform:none;
}
}
@-o-keyframes rollIn {
 0% {
 opacity:0;
 -o-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity:1;
 -o-transform:none;
}
}
@keyframes rollIn {
 0% {
 opacity:0;
 transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity:1;
 transform:none;
}
}
.rollIn {
	opacity:0;
	-webkit-animation:rollIn 4s ease-in-out forwards;
	-moz-animation:rollIn 4s ease-in-out forwards;
	-o-animation:rollIn 4s ease-in-out forwards;
	animation:rollIn 4s ease-in-out forwards;
	animation-delay:1s;
}

/* effet js au clic */
.size_rond_js_1 {
	width:40px;
	height:40px;	
}
.size_rond_js_2 {
	width:60px;
	height:60px;	
}
.size_rond_js_3 {
	width:80px;
	height:80px;	
}
.rond_js {
	background:rgba(255, 255, 255, 0.1); /* Old browsers */
	background:-moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 35%, rgba(248, 248, 248, 0.3) 60%, rgba(241, 241, 241, 0.6) 70%, rgba(238, 238, 238, 0.1) 80%, rgba(235, 235, 235, 0.1) 100%); /* FF3.6+ */
	background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(35%, rgba(255, 255, 255, 0.1)), color-stop(60%, rgba(248, 248, 248, 0.3)), color-stop(70%, rgba(241, 241, 241, 0.6)), color-stop(80%, rgba(238, 238, 238, 0.1)), color-stop(100%, rgba(235, 235, 235, 0.1))); /* Chrome,Safari4+ */
	background:-webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 35%, rgba(248, 248, 248, 0.3) 60%, rgba(241, 241, 241, 0.6) 70%, rgba(238, 238, 238, 0.1) 80%, rgba(235, 235, 235, 0.1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 35%, rgba(248, 248, 248, 0.3) 60%, rgba(241, 241, 241, 0.6) 70%, rgba(238, 238, 238, 0.1) 80%, rgba(235, 235, 235, 0.1) 100%); /* Opera 12+ */
	background:-ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.1) 35%, rgba(248, 248, 248, 0.3) 60%, rgba(241, 241, 241, 0.6) 70%, rgba(238, 238, 238, 0.1) 80%, rgba(235, 235, 235, 0.1) 100%); /* IE10+ */
	background:radial-gradient(ellipse at center, rgba(255, 255, 255, 0.1) 35%, rgba(248, 248, 248, 0.3) 60%, rgba(241, 241, 241, 0.6) 70%, rgba(238, 238, 238, 0.1) 80%, rgba(235, 235, 235, 0.1) 100%); /* W3C */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0.1)', endColorstr='rgba(235, 235, 235, 0.1)', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position:absolute;
	border-radius:100%;
}