/*
Theme Name: Damien Gatinel
Description: Thème 3D
Author: Nicolas BLOMME (Studio Cassette)
Author URI: http://www.studiocassette.com
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{	margin: 0;	padding: 0;	border: 0;	vertical-align: baseline;	background: transparent;}
body { line-height: 1.2; }
h1, h2, h3, h4, h5, h6 {	 font-size:100%; font-weight:normal; }
ul,ol{	list-style: none; }
blockquote {	quotes: none;	}
blockquote:before, blockquote:after {	content: '';	content: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}
a img { border: none; }
html { min-height: 100%;}
input{ margin:0px; }
input[type="submit"]::-moz-focus-inner {border:0;}
input[type="submit"]::-webkit-focus-inner {border:0;}
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

.clear{clear:both;}

body{
	font-family:'Open sans', sans_serif;
	font-size:12px;
	color:black;/*color:#34495e;*/
	background:#eceeef;
}
body.left_3d, body.right_3d{
	background:#eceeef;
}

p{ font-size:110%; }
a{ text-decoration:none; color:inherit; }

.button,.wpcf7 input[type="submit"],
#commentform input[type="submit"]{
	margin:0px;
	padding:0.5em 1em;
	border-radius:5px 5px;
	color:white;
	width:auto;
	background:#448ccb;
	border:0px;
	cursor:pointer;
	display: inline-block;
}
.button:hover,.wpcf7 input[type="submit"]:hover,
#commentform input[type="submit"]:hover{ background:#005b7f; }


.wrapper960{
	margin:auto;
	width:960px;
	position:relative;
}
body,.main_container,.aside,.aside .arrow{
	-webkit-transition: all 500ms;
	-moz-transition:  all 500ms;
	-ms-transition:  all 500ms;
	transition:  all 500ms;
}
.main_container{ 
	background:white;
	-webkit-transition: all 500ms;
	-moz-transition:  -moz-transform 500ms;
	-ms-transition:  all 500ms;
	transition:  all 500ms;
}

.main_wrapper{ overflow-x:hidden; }
.left_3d .main_wrapper,.right_3d .main_wrapper{
	overflow:hidden;
}

.left_3d .main_container{
	-webkit-transform: rotateY(-15deg) translateZ(0px) translateX(400px);
	-ms-transform: rotateY(-15deg) translateZ(0px) translateX(400px);
	-moz-transform: rotateY(-15deg) translateZ(0px) translateX(400px);
	-o-transform: rotateY(-15deg) translateZ(0px) translateX(400px);
	transform: rotateY(-15deg) translateZ(0px) translateX(400px);
	/*margin-left: 500px;
    -moz-transform: matrix(1, -0.1, 0, 1, 0, 0);
 -webkit-transform: matrix(1, -0.1, 0, 1, 0, 0);
      -o-transform: matrix(1, -0.1, 0, 1, 0, 0);
     -ms-transform: matrix(1, -0.1, 0, 1, 0, 0);
		 transform: matrix(1, -0.1, 0, 1, 0, 0);*/
}
.right_3d .main_container{
	-webkit-transform: rotateY(15deg) translateZ(0px) translateX(-400px);
	-ms-transform: rotateY(15deg) translateZ(0px) translateX(-400px);
	-moz-transform: rotateY(15deg) translateZ(0px) translateX(-400px);
	-o-transform: rotateY(15deg) translateZ(0px) translateX(-400px);
	transform: rotateY(15deg) translateZ(0px) translateX(-400px);
	/*margin-right: 500px;
	-moz-transform: matrix(1, 0.1, 0, 1, 0, 0);
 -webkit-transform: matrix(1, 0.1, 0, 1, 0, 0);
      -o-transform: matrix(1, 0.1, 0, 1, 0, 0);
     -ms-transform: matrix(1, 0.1, 0, 1, 0, 0);
		 transform: matrix(1, 0.1, 0, 1, 0, 0);*/
}


.aside{
	position:fixed;
	left:-485px; top:0px; 
	height:100%; width:400px;
	padding:0px 50px;
	background:#448ccb;
	z-index:99;
}
.aside::-webkit-scrollbar { width: 10px; }
.aside::-webkit-scrollbar-track { background:#eceeef; }
.aside::-webkit-scrollbar-thumb { background:#448ccb; cursor:pointer; }

.aside.right{ left:auto; right:-485px; }


.toggler_arrow{
	display:block;
	position:fixed;
	top:50%;
	margin-top:-30px;
	background:#448ccb;
	color:white;
	font-family:"Quicksand", monospace;
	font-weight:bold;
	height:60px;width:30px;
	line-height:57px;
	font-size: 30px;
	z-index:10;
	cursor:pointer;
	
	-webkit-transition: all 600ms;
	-moz-transition:  all 600ms;
	-ms-transition:  all 600ms;
	transition:  all 600ms;
}
.toggler_arrow.left{
	left:15px;
	border-bottom-right-radius:999px 999px;
	border-top-right-radius:999px 999px;
	text-align:left;
}
.toggler_arrow.right{
	right:15px; 
	border-bottom-left-radius:999px 999px;
	border-top-left-radius:999px 999px;
	text-align:right;
}

.left_3d .aside.left{ left:0px; background:#eceeef; }
.right_3d .aside.right{ right:0px; background:#eceeef; }

.left_3d .aside.left,.right_3d .aside.right{
	overflow:auto;
}

#header .social{
	position:absolute;
	top:0px; right:0px;
	background:#448ccb;
	border-bottom-right-radius:5px 5px;
	border-bottom-left-radius:5px 5px;
}
#header .social a{
	width:28px;height:28px;
	background:url( img/sprites.png ) left top no-repeat transparent;
	opacity:.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	text-indent:-9999px;
	float:left;
	margin:7px;
}
#header .social a:hover{
	opacity:1; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#header .social a.gp{ background-position: -30px top; }
#header .social a.rss{ background-position: -60px top; }
#header .social a.tw{ background-position: -90px top; }

#header .country-selector{ position:absolute; top:0px; right:170px; }
#header .country-selector li{ padding:0px; margin:7px; height:28px; line-height:28px; width:28px; }
#header .country-selector li.wgcurrent{ display:none; }
#header .country-selector li a{ padding:0px; }

#header .logo{ padding-top:40px; display:inline;display:inline-block; }
#header .logo img{ width:317px; }
#header .logo h1{ display:none; }


#menuprincipal{ margin-top:12px; padding:13px 0px; background: #eceeef; position:relative; height:15px; }
.home #menuprincipal{ background:white; }
#menumobile{ display:none; }
#menuprincipal > ul > li {
	display:inline; display:inline-block;
	border-left:1px solid 	#d7dcde;
	height:15px; overflow:visible;
	font-size:110%;
}
#menuprincipal > ul > li:first-child { border-left:0px; }
#menuprincipal > ul > li > a{
	display:block;
	padding:0px 1em 12px;
	font-weight:600;
	font-size:110%;
	color:#005b7f;
	z-index:400;
}
#menuprincipal > ul > li.menu-parent-item > a{ position:relative; }
#menuprincipal > ul > li.menu-parent-item:hover > a:after{
	content:" ";
	width:20px;height:14px;
	background:url( img/sprites.png ) 0px -80px no-repeat #eceeef;
	position:absolute;
	left:50%;bottom:2px;
	margin-left:-10px;
	z-index:-1;
}
.home #menuprincipal > ul > li.menu-parent-item:hover > a:after{ background-color:white; }


#menuprincipal > ul > li > ul{ 
	position:absolute;
	z-index:150;
	top:41px; left:0px;
	width:100%;
	display:none;
	background:white;
	padding:15px 0px;
	border-radius:5px 5px;
	-moz-box-shadow: 0px 0px 10px #BBBBBB;
	-webkit-box-shadow: 0px 0px 10px #BBBBBB;
	-o-box-shadow: 0px 0px 10px #BBBBBB;
	box-shadow: 0px 0px 10px #BBBBBB;
}
#menuprincipal > ul > li:hover > ul{ display:block; }

#menuprincipal > ul > li > ul > div.colonne{ 
	float:left;
	width:20%;
	margin-bottom: 15px;
}

#menuprincipal > ul > li > ul > div > li {
	font-size:90%;
	padding-bottom: 1em;
}
#menuprincipal > ul > li > ul > div > li > a{
	padding:5px 20px;
	display:block;
	font-weight:600;
} 
#menuprincipal > ul > li > ul > div > li > a:hover{ background:#3498db; color:white; }

#menuprincipal > ul > li > ul > div > li li{ padding:0px 20px; }

#menuprincipal > ul > li > ul > div > li li a{
	position:relative;
	display:block;
	padding-left:10px;
	color:#0076a3;
	line-height: 1.5em;
}
#menuprincipal > ul > li > ul > div > li li a:hover{ background:#3498db; color:white; }

#menuprincipal > ul > li > ul > div > li li a:before{
	content:" ";
	position:absolute;
	border:3px solid transparent;
	border-left-color:#34495e;
	left: 0px;
	top: 4px;
}
#menuprincipal > ul > li > ul > div > li li a:hover:before{ border-left-color: white; }

#menuprincipal > ul > li.current-page-ancestor > a,
#menuprincipal > ul li.current-menu-item > a{ color:#B92963; }

#menuprincipal > ul > li > ul li.current-menu-item > a{ color:white; background:#0076a3; }

#footer{ margin-top:35px; background:#005b7f; padding-bottom:20px; }

#footer aside{ 
	padding:30px 0px;
	background:#eceeef; 
}
#footer aside section{ width:300px; margin-left:30px; float:left; }
#footer aside .flickr_photos{ height:65px; display:block; overflow:hidden; }
#footer aside .cv{ margin-left:0px; }

#footer aside .cv h1{
	width:204px;
	height:18px;
	text-indent:-9999px;
	background:url( img/sprites.png ) 0px -170px no-repeat transparent;
}
#footer aside .cv h2{
	margin-top:10px;
	color:#3498db;
	font-weight:600;
}
#footer aside .cv .button{
	position:relative;
	margin-top:15px;
	width:100%;
	padding:0.8em 0px;
	text-align:center;
}
#footer aside .cv .button:before{
	content:" ";
	position:absolute;
	top:8px;left:40px;
	width:12px; height:17px;
	background:url( img/sprites.png ) 0px -200px no-repeat transparent;
}


#footer aside .newsletter h1{ 
	text-transform:uppercase;
	color:#3498db;
	font-size:135%;
	margin-bottom:20px;
	line-height:16px;
}
#footer aside .newsletter h1:before{
	content:" ";
	float:left;
	width:24px;height:16px;
	background:url( img/sprites.png ) -20px -200px no-repeat transparent;
	margin-right:9px;
}

#footer aside .newsletter p{
	font-weight: 600;
	font-size:110%;
	margin-bottom: 18px;
}
#footer aside .newsletter input[type="text"]{
	margin:0px 0px 15px;
	padding:6px;
	color:#34495e;
	font-size:120%;
	font-family:inherit;
	border-radius:5px 5px;
	border:1px inset #caced2;
	outline:0px;
	resize:none;
	width: 234px;
	float:left;
	border-right: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
#footer aside .newsletter input[type="submit"]{
	color:white;
	background:#448ccb;
	border:1px inset #caced2;
	border-left:0px;
	cursor:pointer;
	border-radius:5px 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	width: 45px; padding:7px 0px 8px;
	float: left;
}
#footer aside .newsletter input[type="submit"]:hover{ background:#005b7f; }


#footer aside .photos .button{ float:right; } 
#footer aside .photos h1{
	text-transform:uppercase;
	color:#3498db;
	font-size:135%;
	margin-bottom:33px;
	line-height:19px;
}
#footer aside .photos h1:before{
	content:" ";
	float:left;
	width:24px;height:19px;
	background:url( img/sprites.png ) -50px -200px no-repeat transparent;
	margin-right:9px;
}

#footer #menu_footer{
	float:right;
	color:white;
}
#footer #menu_footer ul{ margin-top:15px; }
#footer #menu_footer li{
	float:left;
	margin-left:25px;
}
#footer .hon{
	margin-top:15px;
	float:left; width:180px;
	font-size:90%;
	color:white;
}
#footer .hon img{ float:right; }









.aside.left .logo{
	padding: 40px 85px 50px 0px;
	display:block;
}

.aside.left nav ul{ width: 400px; }
.aside.left nav ul li a{ padding:12px 50px; display:block; }
.aside.left nav ul li a:hover{ background:#448ccb; color:white; }

.aside.left .contact{ padding-bottom:80px; }
.aside.left .contact form{ width:400px; }


.aside.left .contact h1, .aside.right .newsletter h1,
.aside.right .a_la_une > h1,.aside.right .video > h1{ 
	text-transform:uppercase;
	color:#3498db;
	font-size:150%;
	margin-bottom:20px;
}

.aside.left .contact input,.aside.left .contact textarea,
.aside.right #searchform input[type="text"],
.aside.right .newsletter input[type="text"],
.aside.right .newsletter input[type="submit"]{
	width:378px;
	margin:0px;
	padding:10px;
	color:#34495e;
	font-size:120%;
	font-family:inherit;
	border-radius:5px 5px;
	margin-bottom:15px;
	border:1px inset #caced2;
	outline:0px;
	resize:none;
}
.aside.left .contact input[type="text"]{
	height:29px; line-height:29px;
	padding:0px 10px;
}
.aside.left .contact textarea{ height:130px; }

.aside.left .contact input[type="submit"],
.aside.right .newsletter input[type="submit"]{
	float:right;
	color:white;
	width:auto;
	background:#448ccb;
	border:0px;
	cursor:pointer;
}
.aside.left .contact input[type="submit"]:hover,
.aside.right .newsletter input[type="submit"]:hover{ background:#005b7f; }





.aside.right .search_container{ padding:35px 0px; }
.aside.right #searchform{
	padding:10px;
	background:#448ccb;
	border:0px;border-radius:5px 5px;
	position:relative;
	width: 380px;
}
.aside.right #searchform label{ display:none; }
.aside.right #searchform input[type="text"]{
	color:#448ccb;
	width:315px;
	margin:0px;
}
.aside.right #searchform input[type="submit"]{
	margin:0px;padding:0px;
	width:50px;height:40px;
	position:absolute;
	right:5px;top:10px;
	border:0px;cursor:pointer;
	background:url( img/sprites.png ) -120px 0px no-repeat transparent;
}

.aside.right .newsletter{ padding-bottom:35px; }
.aside.right .newsletter h1:before{
	content:" ";
	float:left;
	width:30px;height:20px;
	background:url( img/sprites.png ) 0px -40px no-repeat transparent;
	margin-right:9px;
}
.aside.right .newsletter p{
	font-weight: 600;
	font-size: 130%;
	margin-bottom: 20px;
}
.aside.right .newsletter input[type="text"]{
	width: 334px;
	float:left;
	border-right: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.aside.right .newsletter input[type="submit"]{
	border:1px inset #caced2;
	border-left: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	width: 45px; padding:10px 0px;
	float: left;
}

.aside.right .a_la_une > h1{ line-height:32px; }
.aside.right .a_la_une > h1:before{
	content:" ";
	float:left;
	width:30px;height:32px;
	background:url( img/sprites.png ) -30px -40px no-repeat transparent;
	margin-right:9px;
}
.aside.right .a_la_une article{ margin-top:20px; }
.aside.right .a_la_une article:first-child{ margin-top:0px; }

.aside.right .a_la_une article img{
	width:103px;height:103px;
	float:left; margin-right:10px;
}
.aside.right .a_la_une article h1{ font-size:115%; }
.aside.right .a_la_une article time{ 
	margin: 5px 0px;
	display: block;
	color:#448ccb;
}
.aside.right .a_la_une article .button{ 
	float:right;
	margin-top:10px;
}


.aside.right .video > h1{ line-height:29px; }
.aside.right .video > h1:before{
	content:" ";
	float:left;
	width:30px;height:29px;
	background:url( img/sprites.png ) -60px -40px no-repeat transparent;
	margin-right:9px;
}
.aside.right .video article{ margin-top:20px; }
.aside.right .video article:first-child{ margin-top:0px; }

.aside.right .video article img{
	width:260px;height:145px;
	float:left; margin-right:10px;
	border:5px solid #34495e;
	border-radius:5px 5px;
}
.aside.right .video article .button{ 
	float:right;
	margin-top:129px;
}
.aside.right .video article h1{ margin-top:10px; }


.aside.left .logo,.aside.left nav,
.aside.right .search_container,.aside.right .newsletter,
.aside.right .a_la_une,.aside.right .video,.aside.right #classement_question{
	padding-bottom:35px;
	margin-bottom:35px; border-bottom:2px ridge #dadee1;
	width:400px;
}
.aside.left .logo{ width:315px; }
.aside.right .video{ border-bottom:0px; }



#home #slider{
	background:#e5e7e9; 
	height:230px;
	position:relative;
	padding:25px 0px;
}
#home #slider ul{ width:780px; height:230px; position:relative; margin:auto; overflow:hidden; }

#home #slider ul li{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;left:0px;
	z-index:0;
	background:#e5e7e9;
}
#home #slider ul li.active{ z-index:10; }
#home #slider ul li .wrapper_slide{ position:relative; width:770px;height:230px; padding-right:10px; }


#home #slider ul li img{ 
	float:left;
	margin-right:50px;
	-moz-box-shadow: 0px 0px 10px #BBBBBB;
	-webkit-box-shadow: 0px 0px 10px #BBBBBB;
	-o-box-shadow: 0px 0px 10px #BBBBBB;
	box-shadow: 0px 0px 10px #BBBBBB;
}
#home #slider ul li h1{
font-size: 215%;
color: #448ccb;
margin-bottom: 1.5em;
}
#home #slider ul li p{ font-size:130%; }
#home #slider ul li .button{ 
	position:absolute;
	bottom:0px; right:10px;
}

#home .nav_slider ul{ 
	margin:auto;
	height:10px;
	text-align:center;
	padding-top:10px;
	cursor:default;
}
#home .nav_slider ul li{
	width:10px;height:10px;
	display:inline;display:inline-block;
	border-radius:100% 100%;
	background:#bdc3c7;
	margin:0px 5px;
	cursor:pointer;
}
#home .nav_slider ul li:hover,#home .nav_slider ul li.active{ background:#3498db; }

#home #slider .arrow{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	color: #828282;
	font-family: "Quicksand", monospace;
	font-weight: bold;
	height: 50px;
	width: 28px;
	line-height: 45px;
	font-size: 45px;
	text-align: center;
	cursor: pointer;
	opacity:0.2;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	transition: opacity 300ms;
}
#home #slider .arrow.left{ left:0px; }
#home #slider .arrow.right{ right:0px; }
#home #slider .arrow:hover{ opacity:1; }

#home_cat{ margin-top:30px; }

#home_cat article{ width:31%; float:left; margin-left:3.5%; }
#home_cat article:first-child{ margin-left:0px; }

#home_cat article h1{
	text-transform:uppercase;
	font-size:150%;
	line-height:37px;
	margin-bottom:10px;
	color:#0076a3;
}
#home_cat article h1:before{
	content:" ";
	width:37px;height:37px;
	float:left;
	margin-right:8px;
	background:url( img/sprites.png ) 0px -100px no-repeat transparent;
}
#home_cat .home_cat_8 h1{ color:#00a651; }
#home_cat .home_cat_8 h1:before{ background-position: -40px -100px; }

#home_cat .home_cat_219 h1{ color:#1cbbb4; }
#home_cat .home_cat_219 h1:before{ background-position: -80px -100px; }

#home_cat article img{ margin-bottom:10px; width:100%; height:auto; }
#home_cat article p{ font-size:115%; }

#home_cat article .button{ float:right; margin-top:10px; }
#home_cat .home_cat_219 p{ padding-bottom:1em } 

#home_cat .home_cat_8 .button{ background-color:#00a651; }
#home_cat .home_cat_8 .button:hover{ background-color:#278554; }
#home_cat .home_cat_219 .button{ background-color:#1cbbb4; }
#home_cat .home_cat_219 .button:hover{ background-color:#379995; }

#last_news{ margin-top:40px; }
#last_news .news{ width:660px; float:left; }
#last_news .video{ float:right; width:300px; line-height:0px; }

#last_news .video aside,#last_news .video header,
#last_news .video .button,#last_news .video .button:hover{ 
	background:#34495e; color:white; line-height:1.2; }
#last_news .video aside,#last_news .video header{ padding:10px 15px; }
#last_news .video aside{ border-top-left-radius:5px 5px; border-top-right-radius:5px 5px; }
#last_news .video header{ border-bottom-left-radius:5px 5px; border-bottom-right-radius:5px 5px; }

#last_news .calculator{
	margin-bottom:10px;float:right;
}
#last_news .video .button{ 
	float:right;
	border:1px solid #868686;
}
#last_news .video h2{ 
	line-height:27px; 
	text-transform:uppercase; font-size: 135%; 
}
#last_news .video h2:before{ 
	content:" ";
	float:left; margin-right:10px;
	height:27px; width:25px;
	background:url( img/sprites.png ) 0px -140px no-repeat transparent;
}
#last_news .news h2{ 
	margin-bottom:15px; color:#448ccb;
	line-height:19px; 
	text-transform:uppercase;
	font-size: 135%;
}
#last_news .news h2:before{ 
	content:" ";
	float:left; margin-right:10px;
	height:19px; width:23px;
	background:url( img/sprites.png ) -30px -140px no-repeat transparent;
}
#last_news .news article{ width:300px; float:left; margin-right:30px; }

#last_news .news article header time{
	float:left; margin-right:15px;
	width:50px; text-align:center;
	padding:10px 0px;
	background:#d7dcde;
	border-radius:5px 5px;
	text-transform: uppercase;
}
#last_news .news article header h1{ font-size:115%; }

#last_news .news article aside{ color:#448ccb; margin:5px 0px; }

#last_news .news article p{ font-size:110%; }

#last_news .news article .button{ float:right; margin-top:25px; }


#classement_question{ padding-top:40px; clear:both; }

#classement_question .question{ float:right; width:300px; }
#classement_question .question h2{
	color:#448ccb; margin-bottom:10px;
	line-height:23px; 
	text-transform:uppercase; font-size: 135%; 
}
#classement_question .question h2:before{ 
	content:" ";
	float:left; margin-right:8px;
	height:23px; width:24px;
	background:url( img/sprites.png ) -90px -140px no-repeat transparent;
}
#classement_question .question article a{
	background:#ecf0f1;
	padding:10px 12px;
	margin-top:7px;
	display:block;
}
#classement_question .question article a:hover{ background:#448ccb; color:white; }
#classement_question .question article:first-child{ margin-top:0px; }


#classement_question .question .button{
	margin-top:20px;
	float:right;
}
#classement_question .question .button.left{ 
	position:relative; padding-left: 3em; float:none; 
}
#classement_question .question .button.left:before{
	content:" ";
	width:17px;height:16px;
	position:absolute; top:0.4em;left:1em;
	background:url( img/sprites.png ) -120px -140px no-repeat transparent;
}

#classement_question .classement h2{
	color:#448ccb; margin-bottom:10px;
	line-height:23px; 
	text-transform:uppercase; font-size: 135%; 
}
#classement_question .classement h2:before{ 
	content:" ";
	float:left; margin-right:8px;
	height:23px; width:28px;
	background:url( img/sprites.png ) -60px -140px no-repeat transparent;
}
#classement_question .classement article{ width:630px; }
#classement_question .classement article img{
	float:left; 
	margin-right:25px; margin-bottom: 20px;
	border:4px solid black;
}
#classement_question .classement article h1{
	font-size:150%; margin-bottom:1.5em;
	text-transform:uppercase;
}
#classement_question .classement article time{
	display:block; color:#448ccb; font-weight:600;
}
#classement_question .classement article time,
#classement_question .classement article p{
	line-height:1.5;
	font-size:115%;
}


#classement_question .classement .button{
	margin-top:20px;
	float:right;
}




.content_wrapper{ width:630px; float:left; }

#breadcrumb{ padding:8px 0px 12px; /*border-top:2px outset #EDEDED;*/ }

.post_title{ 
	text-transform: uppercase;
	font-size: 150%;
	line-height: 37px;
	margin-bottom: 1em;
	color: #0076a3;
}
.post_title:before {
	content: " ";
	width: 37px;
	height: 37px;
	float: left;
	margin-right: 8px;
	background: url(img/sprites.png ) 0px -100px no-repeat transparent;
}
.color_cataracte .post_title{ color:#00a651; }
.color_cataracte .post_title:before{ background-position: -40px -100px; }
.color_recherche .post_title{ color:#1cbbb4; }
.color_recherche .post_title:before{ background-position: -80px -100px; }

.entry .post_title{ line-height: 1.3; padding-top: 7px; padding-left: 45px; position:relative; }
.entry .post_title:before{ position:absolute; top:0px; left:0px; }

.entry h2,.entry h3,.entry h4,
.entry h5,.entry h6{
	padding:1em 0px 0.5em;
	font-weight:600;
	color: #0076a3;
}
.entry h2{ font-size:140%; }
.entry h3{ font-size:130%; }
.entry h4{ font-size:120%; }
.entry h5{ font-size:110%; }

.color_cataracte .entry h2,.color_cataracte .entry h3,
.color_cataracte .entry h4, .color_cataracte .entry h5,
.color_cataracte .entry h6{ color:#00a651; }

.color_recherche .entry h2,.color_recherche .entry h3,
.color_recherche .entry h4, .color_recherche .entry h5,
.color_recherche .entry h6{ color:#1cbbb4; }


.entry p{ margin-bottom:1.2em; font-size: 110%; line-height: 1.4; text-align:justify; }
.entry a{ color:#B92963; font-weight:600; }
.entry img{ max-width:100%; height:auto; }
/*.entry img.size-full{ width:100%; height:auto; }*/

.entry img.aligncenter{ display:block; margin-left:auto; margin-right:auto;}
.entry img.alignleft{ float:left; margin-right:2em; margin-bottom:1.2em; }
.entry img.alignright{ float:right; margin-left:2em; margin-bottom:1.2em; }

.entry strong{ font-weight:600; }

.entry footer{ font-weight:600; text-align:right; color: #0076a3; height: 20px; margin: 1.2em 0px; }
.entry #div_social{ clear:both; float:left; }
.entry #div_social #span-tweeter{ float:left; }
.entry #div_social #span-facebook{ float:left;margin-right: 30px; }
.entry #div_social #span-google{ float:left; }

.wp-caption{ background:#eceeef; border:1px solid #0076a3; padding:14px; margin-bottom:1.2em; }
.color_cataracte .wp-caption{ border-color:#00a651; }
.color_recherche .wp-caption{ border-color:#1cbbb4; }

.wp-caption img{ display:block; margin:auto; }
.wp-caption p{
	margin:0.5em 0px 0px;
	text-align: center;
	font-size: 100%;
	font-style: italic;
}






.aside.right #classement_question .question{ width:100%; float:none; }
.aside.left .rappel_menu{margin-top:0px;}
.aside.left .rappel_menu{ margin:190px 0px 100px; padding:0px; border-bottom:0px; }

.aside.left .rappel_menu h1{
	text-transform:uppercase;
	color:#3498db;
	font-size:150%;
	margin-bottom:20px;
	line-height:37px;
}
.aside.left .rappel_menu h1:before {
	content: " ";
	width: 37px;
	height: 37px;
	float: left;
	margin-right: 8px;
	background: url(img/sprites.png ) 0px -100px no-repeat transparent;
}
.color_cataracte .aside.left .rappel_menu h1{ color:#00a651; }
.color_cataracte .aside.left .rappel_menu h1:before{ background-position: -40px -100px; }
.color_recherche .aside.left .rappel_menu h1{ color:#1cbbb4; }
.color_recherche .aside.left .rappel_menu h1:before{ background-position: -80px -100px; }

.aside.left .rappel_menu > ul > li > ul{ padding-left:50px; width:350px; }
.aside.left .rappel_menu > ul > li > ul ul{ padding-left:25px; width:325px; }
.aside.left .rappel_menu > ul > li > ul  li > a{
	padding:6px 15px;
	position:relative;
}
.aside.left .rappel_menu > ul > li > ul li > a:before{
	content:" ";
	position:absolute;
	left:0px; top:6px;
	border:6px solid transparent;
	border-left-color:#bcc4c5;
}
.aside.left .rappel_menu > ul > li > ul li > a:hover:before{
	border-left-color:white;
	top:0px;left:-26px;
	border:13px solid #448ccb;
	border-left-color:#eceeef;
}
.aside.left .rappel_menu > ul li.current-menu-item > a{ background:#0076a3; color:white; }
.aside.left .rappel_menu > ul li.current-menu-item > a:before,
.aside.left .rappel_menu > ul li.current-menu-item > a:hover:before{ border:transparent; }

.mwm-aal-container{ border-top:1px solid lightgrey; border-bottom:1px solid lightgrey; }

.mwm-aal-container ol {
	padding:5px 0px 5px 15px;
}
.mwm-aal-container ol li{ line-height:1.4; }



#sidebar{ width:300px; float:right; }

#sidebar .related_post .post_title{ color:#0076a3; line-height:32px; }
#sidebar .related_post .post_title:before {
	width: 28px;height: 32px;
	background-position: -30px -40px;
}
#sidebar .related_post ol li,#sidebar .derniere_publi article{ margin-bottom:25px; }

#sidebar .related_post img{
	width:100px; height:auto;
	float:left; margin-right:10px;
}
#sidebar .related_post article h1,#sidebar .derniere_publi article h1{ font-size:110%;}
#sidebar .related_post article .crp_title{ font-size:110%; margin-bottom:0.5em; display:block;}
#sidebar .related_post time, #sidebar .derniere_publi time{ color:#0076a3; margin:0.8em 0px 1em; display:block; }
#sidebar .related_post .button, #sidebar .derniere_publi .button{ float:right; margin-top:1em; }

#sidebar .derniere_publi .post_title{ color:#0076a3; line-height:19px; }
#sidebar .derniere_publi .post_title:before {
	width: 23px;height: 19px;
	background-position: -30px -140px;
	margin-right: 7px;
}
#sidebar .derniere_publi aside{ color:#0076a3; margin-bottom:1em; }

#sidebar article a{ position:relative; padding-left:1em; display:block; }
#sidebar article a:before{
	content: " ";
	border: 0.5em solid transparent;
	border-left-color: #448ccb;
	border-right: 0px;
	position: absolute;
	height: 100%;
	top: -0.5em;
	left: 0px;
}
#sidebar .post_title{ font-weight:600; }



ol.faq h3{ padding-top:0px; }


#page_links{ padding:20px 10px; }
#page_links a{ float: right; }
#page_links a:first-child { float: left; }



.list article{ margin-bottom:30px; }

.list article header time{
	float:left; margin-right:15px;
	width:50px; text-align:center;
	padding:10px 0px;
	background:#d7dcde;
	border-radius:5px 5px;
	text-transform: uppercase;
}
.list article header h1{ font-size:115%; }

.list article aside{ color:#448ccb; margin:5px 0px; }

.list article p{ font-size:110%; }

.list article .button{ float:right; margin-top:25px; }


.pagination{ text-align:center; padding:10px 0px; cursor:default; }

.pagination span,.pagination a{
	background: #448ccb;
	border: 1px solid #ccc;
	color: white;
	margin-right: 4px;
	padding: 0px 6px;
	text-align: center;
	text-decoration: none;
	display:inline-block;
	line-height: 1.8em;
}
.pagination span.current,.pagination a.current{ background-color: #005b7f; }



/*.page-id-6414 .wrapper_content{ width:940px; }*/


#form_add_blog_faq{ width:100%; padding: 30px 0px; }

#form_add_blog_faq #email,#form_add_blog_faq #sujet,
#form_add_blog_faq #question,
.wpcf7 input[type="text"],.wpcf7 textarea,
#commentform input,#commentform textarea{
	margin: 0px;
	padding: 10px;
	color: #34495e;
	font-size: 100%;
	font-family: inherit;
	border-radius: 5px 5px;
	margin-bottom: 15px;
	margin-top:0.5em;
	border: 1px inset #caced2;
	outline: 0px;
}

#form_add_blog_faq #email{ width:428px; }
#form_add_blog_faq #sujet{ width:500px; }
#form_add_blog_faq #question{ width:498px; }




ol li.comment { border-bottom: 1px solid #dadada; padding: 10px 0px; }
ol li.comment .comment-author img { float: right; border: 3px solid #dadada; }
ol li.comment .comment-author cite { font-weight: 600; font-size: 110%; }
ol li.comment .comment-meta { font-size: 90%; text-transform: uppercase; }
ol li.comment p { margin: 15px 0 5px 0; }

#commentform input{ width:280px; }
#commentform label small{ font-size:90%; }
#commentform textarea{ width:608px; }




.post-type-archive-blog_faq article header,
.post-type-archive-video article header{ margin-bottom:10px; }
.post-type-archive-blog_faq article cite{ margin-top:10px; display:block; }

.post-type-archive-video article img{ float:left; margin-right:10px;  }

@media all and (max-width: 1100px){ .toggler_arrow,.aside{ display:none; } }

@media all and (max-width: 800px){
	/* Ajustement */
	#last_news .news,.wrapper960,
	#home #slider ul li .wrapper_slide{ 
		width:630px; 
	}
	#menuprincipal > ul > li{ font-size:90%; }
	#menuprincipal > ul > li > a{ padding: 0px 5px 15px; font-size:100%; }
	
	#home #slider ul{ font-size:80%; }
	
	#home_cat article h1{ font-size:110%; }
	#home_cat article h1:before{ display:none; }
	
	#last_news .news article{ width:48%; margin-right:4%; }
	#last_news .news article:last-child{ margin-right:0px; }
	
	#last_news .video{ float:left; margin-top:40px; }
	#classement_question{ clear:none; padding:0px; }
	#classement_question .question{ margin-top:40px; }
	
	#classement_question .classement{ clear:both; padding-top:40px; }
	#classement_question .classement article{ width:100%; }
	
	#footer aside section{ width:292px; margin:0px; }
	#footer aside section:first-child{ margin-right:46px; }
	#footer aside section.photos{ width:100%; margin-top:40px; }
	#footer .hon{ width:160px; }
	#footer #menu_footer li{ margin-left:10px; }
	
	#sidebar{ width:100%; margin-top: 20px; }
	#sidebar section{ width:48%; margin-left:4%; float:left; }
	#sidebar section:first-child{ margin-left:0%; }
}

#toggle_menu,#search_mobile{ display:none; }

/* Mobile & Tablette Portrait */
@media all and (max-width: 768px){
	/* Max_container */
	.wrapper960{ width:728px; max-width:calc(100% - 40px); }
	.main_wrapper{ overflow:auto; word-break:break-word; }
	a img{ max-width:100%; height:auto; }
	/* Full container */
	#last_news .news,.content_wrapper,#home #slider ul li .wrapper_slide,#footer aside section{ width:100%; }
	
	#header .logo{ padding-top:55px; }
	#last_news .news{ float:none; }
	#last_news .news:after{ content:""; display:block; clear:left; }
	#classement_question .question,#last_news .video{ max-width:100%; margin-left:auto; margin-right:auto; float:none; }
	
	#home_cat article{ width:297px; margin:auto; max-width:100%; float:none; } #home_cat article:first-child{ margin-left:auto; }
	#home_cat article:after{ content:""; display:block; clear:both; }
	#home_cat article + article{ margin-top:2em; }
	#home_cat article h1{ line-height:1.2em; }
	
	/* Slider */
	#home #slider,#home #slider ul,#home #slider ul li .wrapper_slide{ height:260px; }
	#home #slider ul li{ z-index:-1; }
	#home #slider ul li .wrapper_slide{ margin:auto; padding:0px; }
	#home #slider ul li .wrapper_slide img{ width:35%; height:auto; margin-right: 2em; margin-bottom: 1em; }
	#home #slider ul{ font-size: 70%; width:auto; margin:0px 50px; } #home #slider ul li h1{ font-size:175%; }
	
	.wp-caption{ max-width:calc(100% - 30px); }
	
	.entry footer{ height:auto; }
	.entry #div_social{ width:100%; margin-bottom:10px; }
	#commentform textarea{ width:calc(100% - 22px); }
	
	#sidebar section{ width:100%; margin-left:0px; float:none; }
	.wpTagCanvasWidget{ display:none; }
	
	#footer aside section{ margin-left:0px; margin-top:2em; }
	#footer aside section:first-child{ margin-right:0px; margin-top:0px; }
	#footer aside .cv .button:before{ left:22px; }
	
	.home #menuprincipal,#menuprincipal{ display:block; width:calc(100% + 40px); margin-left:-20px; margin-top: 12px; background: #eceeef; height:auto; padding:0px; }
	#menuprincipal > ul > li,#menuprincipal li{ display:block; border:0px solid white; height:auto; }
	#menuprincipal > ul > li.menu-parent-item:hover > a:after{ display:none; }
	#menuprincipal > ul > li > ul > div > li,#menuprincipal > ul > li > ul > div > li li{ padding:0px; }
	#menuprincipal > ul > li > ul{ position:relative; top:auto; left:auto; display:block; padding:0px; border-radius:0px 0px; background:transparent; 
	-moz-box-shadow: 0px 0px 0px #BBBBBB; -webkit-box-shadow: 0px 0px 0px #BBBBBB; -o-box-shadow: 0px 0px 0px #BBBBBB; box-shadow: 0px 0px 0px #BBBBBB; }
	#menuprincipal > ul > li > ul > div.colonne{ float:none; display:block; width:100%; margin:0px; }
	#menuprincipal > ul > li.current-page-ancestor > a, #menuprincipal > ul li.current-menu-item > a,#menuprincipal > ul > li > ul > div > li li a,#menuprincipal > ul > li > a,#menuprincipal a{ 
		display:block; font-weight:600; color:#005b7f; z-index:400; 
	}
	#menuprincipal > ul li.current-menu-item > a{ background: #3498db; color: white; }
	#menuprincipal > ul > li > ul > div > li li a:before{ position:relative; left:auto; top:auto; height:0px; width:0px; display:inline-block; }
	
	#menuprincipal > ul > li > a{ font-size:150%; padding-top:1em; padding:5px 20px; }
	#menuprincipal > ul > li > ul > div > li > a{ font-size:120%; padding:5px 30px; }
	#menuprincipal > ul > li > ul > div > li > ul > li > a{ font-size:110%; padding:5px 30px; }
	
	#menuprincipal > ul > li > ul,#menuprincipal > ul > li:hover > ul{ display:none; } #menuprincipal > ul > li.current-menu-ancestor > ul{ display:block; }
	
	#toggle_menu + label{ position:absolute; top:0px; left:35px; padding:10px 7px; }
	#toggle_menu + label:before,#toggle_menu + label:after{ content:""; display:block; width:27px; height:23px; background:url(img/sprites.png) -120px -40px no-repeat transparent; }
	#toggle_menu + label:after{ display:none; background-position:-150px -40px; }
	#menuprincipal > ul{ display:none; }
	
	#toggle_menu:checked + label{ background:#005B7F; } #toggle_menu:checked + label:before{ display:none; } #toggle_menu:checked + label:after{ display:block; }
	#toggle_menu:checked ~ #menuprincipal > ul{ display:block; }
	
	#search_mobile{ display:block; }
	#search_mobile label{ position:absolute; top:0px; left:-6px; padding:10px 7px; }
	#search_mobile label:before,#search_mobile label:after{ content:""; display:block; width:27px; height:27px; background:url(img/sprites.png) -120px -65px no-repeat transparent; }
	#search_mobile label:after{ display:none; background-position:-150px -65px; }
	#search_mobile input{ 
		position:absolute; top:0px; left:40px; background:#478dc9; width:calc(100% - 40px); z-index:-99; opacity:0; font-weight:bold; text-transform:uppercase;
		-moz-box-sizing:border-box; box-sizing:border-box; border:0px; height:47px; outline:0px; color:white; line-height:47px; padding-left:20px;
	}
	
	#search_mobile input:focus + label{ background:#005B7F; } #search_mobile input:focus + label:before{ display:none; } #search_mobile input:focus + label:after{ display:block; }
	#search_mobile input:focus{ display:block; z-index:0; opacity:1; }
}