/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



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, 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,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*-------FIN RESET CSS-----*/





/*-------MOBILE ONLY-------*/

#icone_mobile{

	display: none;

}

/*-------FIN MOBILE ONLY-------*/





/*--------GÉNÉRAL---------*/

.clear{

	clear: both;

}



.exposant {

	position: relative;

	bottom: 1px;

	font-size: .6em;

	line-height: .8em;

	vertical-align:super;

	text-decoration:none;

}



.bold{

	font-weight: bold;

}



#msg_success {

	position: absolute;

	margin-left: auto;

	margin-right: auto;

	left: 0;

	right: 0;

	width: 879px;

	z-index: 8888;

	background-color: rgb(137, 197, 79);

	background-color: rgba(137, 197, 79, 0.90);

	color: #fff;

	text-transform: uppercase;

	font-size: 2.2em;

	padding: 49px;

	text-align: center;

	line-height: 1.2;

	font-weight: bold;

	display: none;

}



#close_msg {

	position: absolute;

	top: 10px;

	right: 10px;

	font-size: 14px;

	cursor: pointer;

}



body{

	position: relative;

	/*font-family: 'Open Sans', sans-serif;*/

	font-family: 'Roboto', sans-serif;

}



.wrapper{

	position: relative;

	margin: 0 auto;

	width: 100%;

	max-width: 1100px;

}



/*--------FIN GÉNÉRAL---------*/



#header{

	position: relative;

	max-height: 179px;

	background: url('../images/bg_h.jpg');

}



#logo {

position: relative;

float: left;

width: 22%;

padding: 0.7% 0;
text-align: center;

}



#logo > a > img {

max-width: 100%;

width: 80%;

}



#infos_header {

position: relative;

float: right;

width: 20%;

font-family: 'Open Sans', sans-serif;

background-color: #E6E6E6;

height: 100%;

max-height: 120px;

padding: 31px 15px;

}



#infos_header > a{

	display: block;

	text-align: right;

	font-size: 14px;

	text-decoration: none;

	color: #000;

	line-height: 1.5;

}



/*----------NAV----------*/

#nav{

	position: relative;

	float: right;

	width: 56%;

	font-family: 'Open Sans', sans-serif;

	text-align: right;

}



#nav ul{

	position: relative;

}



#nav ul li{

	display: inline;

}



#nav ul li a {

display: inline-block;

text-decoration: none;

color: #fff;

font-size: 16px;

text-transform: uppercase;

padding: 70px 10px 5px;

font-weight: bold;

}



#nav ul li a:hover, #nav ul li a.active{

	border-bottom: 3px solid #168ec6;

}

/*----------FIN NAV----------*/









#main img {

max-width: 100%;

min-width: 100%;

margin-bottom: -2px;

box-shadow: -3px 6px 23px #505050;

}

/*-----OVERWRITE SLIDER----*/



#slider{

	position: relative;

	width: 100%;

	background-color: #6D6D6D;

	visibility: hidden;

}



.bx-wrapper {

	position: relative;

	margin: 0 auto 0px;

	padding: 0;

	box-shadow: -1px 5px 17px #000;

}



.bx-wrapper .bx-viewport {

	-moz-box-shadow: 0 0 0;

	-webkit-box-shadow: 0 0 0;

	box-shadow: 0 0 0;

	border: none;

	left: 0;

	background:none;

	clear: both;

}



.bx-wrapper .bx-caption {

left: 10%;

bottom: 0;

text-align: center;

padding-bottom: 30px;

background: none;

}



.bx-wrapper .bx-caption span, .bx-wrapper .bx-caption span.big_caption {

bottom: 181px;

font-size: 20px;

font-family: 'Open Sans', sans-serif;

text-transform: uppercase;

margin: 0 auto;

color: #fff;

font-weight: 900;

text-align: left;

padding: 10px 0 0 15px;

text-shadow: 2px 2px 2px #000;

}



.bx-wrapper .bx-caption span.big{

	font-size: 35px;

	padding: 5px 0;

}



.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {

position: absolute;

bottom: 0;

width: 100%;

left: 0;

z-index: 999;

}



.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {

display: inline-block;

padding-right: 6px;

}



.bx-wrapper .bx-pager {

	text-align: center;

	font-size: .85em;

	font-family: Arial;

	font-weight: bold;

	color: #a2a2a2;

	padding-top: 20px;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {

	background: #89c54f;

}



.bx-wrapper .bx-pager.bx-default-pager a {

	background: #666;

	text-indent: -9999px;

	display: block;

	width: 8px;

	height: 8px;

	margin: 0 5px;

	outline: 0;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.bx-wrapper .bx-controls-direction a {

position: absolute;

top: 0%;

margin-top: 0;

outline: 0;

width: 61px;

height: 100%;

text-indent: -9999px;

z-index: 9999;

}



.bx-wrapper .bx-prev {

left: 0;

background: url(../images/slider_prev.png) no-repeat;

background-position: 0;

}



.bx-wrapper .bx-next {

right: 0;

background: url(../images/slider_next.png) no-repeat;

background-position: 0;

}



.bx-wrapper .bx-next:hover {

background-position: 0;

background-color: rgba(0,0,0,0.5);

}



.bx-wrapper .bx-prev:hover {

background-color: rgba(0,0,0,0.5);

background-position: 0;

}





/*-----FIN OVERWRITE SLIDER----*/







/*--------FOOTER-------*/

#footer {

background-color: #000;

color: #fff;

padding: 35px 5%;

text-align: center;

font-size: 12px;

line-height: 1.6;

}



#footer > p > a {

color: #fff;

text-decoration: none;

}

/*--------FIN FOOTER-------*/













/*---------FORMULAIRE DE CONTACT----------*/

#form_contact_div{

	width: 500px;

	background-color: #ccc;

	padding: 25px;

}



#form_contact_div > h2 {

	font-size: 24px;

	text-transform: uppercase;

	font-weight: 300;

	color: #000;

	background: transparent;

}



#form_contact form{

	position: relative;

	width: 100%;

}



#form_contact label {

	font-size: 14px;

	padding: 25px 0 8px;

	display: inline-block;

}



#form_contact label.form_error{

	color: red;

	padding: 0 0 5px 0;

}



#form_contact input, #form_contact textarea {

	width: 90%;

	height: 20px;

	padding: 5px;

	font-size: 14px;

}



#form_contact textarea{

	height: 150px;

	margin-bottom: 20px;

	font-size: 14px;

	padding: 5px;

	font-family: arial;

}



#form_contact input[type="submit"] {

	width: auto;

background-color: #fff;

color: #000;

height: auto;

cursor: pointer;

border: none;

float: right;

font-weight: bold;

padding: 2% 5%;

text-transform: uppercase;

font-size: 14px;

}



#form_contact input[type="submit"]:hover{

	background-color: #89c54f;

	color: #fff;

}

/*---------FIN FORMULAIRE DE CONTACT----------*/





/*---------GOOGLE MAP----------*/

#map_contact{

	width: 500px;

	height: 500px;

}

/*---------FIN GOOGLE MAP----------*/

















/*---------BLOC A-----------------*/



#bloc_a{

	text-align: center;

	padding: 4% 10%;

}



#bloc_a h1{

	font-size: 36px;

}



#bloc_a div.separateur{

	border-bottom: 5px solid #363636;

	width: 15%;

	margin: 20px auto;

}



#bloc_a p {

font-size: 18px;

line-height: 1.4;

max-width: 900px;

margin: 0 auto;

}



/*---------FIN BLOC A-----------------*/













/*---------BLOC B-----------------*/



#bloc_b{

	background-color: #d5d5d5;

}



#bloc_b div.wrapper > div {

float: left;

width: 33%;

margin: 3% 0;

text-align: center;

}



#bloc_b h2{

	font-size: 24px;

	text-transform: uppercase;

	padding-bottom: 20px;

	font-weight: bold;

	padding: 0 4% 5%;

}



#bloc_b p{

	line-height: 1.4;

	font-size: 14px;

	padding: 0 6% 0 4%;

}



#bloc_b ul{

	list-style: disc;

	padding: 0 5% 0 10%;

}



#bloc_b ul li{

	padding: 5px 0;

	font-size: 14px;

	line-height: 1.4;

}





/*---------FIN BLOC B-----------------*/













/*---------BLOC C-----------------*/



#bloc_c{

	background-color: #E6E6E6;

	padding: 10px;

}



#bloc_c div.wrapper > div {

float: left;

width: 25%;

margin: 3% 0;

color: #737373;

}



#bloc_c img{

	max-width: 95%;

}



#bloc_c h3{

	font-size: 18px;

	text-transform: uppercase;

	padding-bottom: 20px;

	font-weight: bold;

	padding: 5% 10% 5% 0;

}



#bloc_c p{

	line-height: 1.4;

	font-size: 14px;

	padding: 0 10% 0 0;

}





/*---------FIN BLOC C-----------------*/







/*---------BLOC D-----------------*/



#bloc_d{

	background-color: #535353;

	padding: 10px;

}



#bloc_d div.wrapper > div {

float: left;

width: 50%;

margin: 3% 0;

color: #9E9E9E;

}



#bloc_d img{

	max-width: 100%;

	padding: 0 0 3% 0;

}



#bloc_d h3{

	font-size: 30px;

	padding-bottom: 20px;

	font-weight: bold;

	padding: 0 10% 5% 0;

}



#bloc_d p{

	line-height: 1.4;

	font-size: 14px;

	padding: 0 10% 3% 0;

}



#bloc_d a {

	text-decoration: none;

	background-color: #ccc;

	color: #535353;

	padding: 2% 10px;

	margin-top: 10px;

	display: block;

	width: 30%;

	text-align: center;

	font-weight: bold;

	-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */

	transition: color 0.2s, background-color 0.5s;

}



#bloc_d a:hover{

	background-color: #9E9E9E;

	color: #fff;

}





/*---------FIN BLOC D-----------------*/







/*---------BLOC E-----------------*/



#bloc_e{

	background-color: #fff;

	padding: 20px;

}



#bloc_e div.wrapper > div {

float: left;

width: 33%;

margin: 3% 0;

color: #242424;

text-align: center;

}



#bloc_e img{

	max-width: 100%;

	padding: 0 0 3% 0;

}



#bloc_e h5{

	font-size: 20px;

	padding-bottom: 20px;

	font-weight: bold;

	padding: 3% 5%;

}



#bloc_e p{

	line-height: 1.4;

	font-size: 14px;

	padding: 2% 3%;

}



#bloc_e a {

	text-decoration: none;

	background-color: #252525;

	color: #fff;

	padding: 2% 10px;

	margin: 10px auto 0;

	display: block;

	width: 30%;

	text-align: center;

	-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */

	transition: color 0.2s, background-color 0.5s;

}



#bloc_e a:hover{

	background-color: #ccc;

	color: #242424;

}





/*---------FIN BLOC E-----------------*/











/*---------BLOC F-----------------*/



#bloc_f{

	background-color: #fff;

	padding: 0 10px;

}



#bloc_f div.wrapper > div {

float: left;

width: 50%;

margin: 3% 0;

color: #242424;

}



#bloc_f img{

	max-width: 30%;

}



#bloc_f_gauche img{

	padding-right: 1%; 

}



#bloc_f h4 {

padding: 3% 0 5%;

text-transform: uppercase;

color: #168ec6;

font-weight: bold;

font-size: 30px;

}





#bloc_f p span {

font-size: 21px;

font-weight: bold;

padding-bottom: 5px;

display: block;

text-transform: uppercase;

}



#bloc_f_gauche p{

	line-height: 1.4;

	font-size: 14px;

	padding: 4% 5% 0 0;

}



#bloc_f_droite > ul{

	padding: 0 5%;

}



#bloc_f_droite > h4 {

padding: 3% 5% 2% 5%;

}



#bloc_f_droite > ul > li{

	padding: 5% 0;

	line-height: 1.2;

}





#bloc_f_droite > ul > li > img {

float: left;

padding-right: 5%;

width: 20%;

}



#bloc_f_droite > ul > li > P {

float: left;

width: 50%;

font-size: 20px;

text-transform: uppercase;

}









/*---------FIN BLOC F-----------------*/

















/*---------BLOC G-----------------*/



#bloc_g{

	background-color: #5A5A5A;

	padding: 20px;

}



#bloc_g div.wrapper > div {

float: left;

width: 29%;

margin: 3% 2%;

color: #242424;

text-align: center;

max-width: 320px;

}



#bloc_g div.wrapper > div > div {

	padding: 5% 5px;

	background-color: #ccc;

	max-width: 365px;

	margin: -2px auto 0;

	}





#bloc_g img{

	max-width: 100%;

	padding: 0 0 0 0;

}



#bloc_g h3{

	font-size: 20px;

	padding-bottom: 20px;

	font-weight: bold;

	padding: 3% 5% 0;

	text-transform: uppercase;

}



#bloc_g h6{

	line-height: 1.4;

	font-size: 14px;

	padding: 2% 5%;

}







/*---------FIN BLOC G-----------------*/







/*---------BLOC H-----------------*/



#bloc_h {

text-align: center;

padding: 1% 10% 0;

background: url('../images/bg_h.jpg');

color: #fff;

}





#bloc_h div.hand_separateur {

padding: 0 5% 90px;

}



#bloc_h div.hand_separateur > div {

height: 36px;

border-bottom: 1px solid #168ec6;

float: left;

width: 35%;

}



#bloc_h div.hand_separateur > div:nth-child(2){

	border: none;

	width: 30%;

}



#bloc_h p {

font-size: 14px;

line-height: 1.6;

padding-bottom: 25px;

}



#bloc_h p:nth-child(1) {

font-weight: bold;

font-size: 18px;

padding-bottom: 10px;

}



#bloc_h a {

font-size: 16px;

text-transform: uppercase;

text-decoration: none;

color: #fff;

background-color: #000;

padding: 5px 15px;

-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */

	transition: color 0.2s, background-color 0.5s;

}



#bloc_h a:hover{

	background-color: #ccc;

	color: #242424;

}





/*---------FIN BLOC H-----------------*/











/*---------BLOC I----------*/



#bloc_i{

	background-color: #ccc;

}



#map_index_i{

	width: 100%;

	height: 400px;

}

/*---------FIN BLOC I----------*/





















/*---------BLOC J----------*/



#bloc_j{

	background-color: #c2c2c2;

	padding: 3% 1%;

}



#bloc_j div.wrapper > div{

	float: left;

}



#j_a{

	width: 25%;

	text-align: center;

}



#j_b{

	width: 35%;

}



#j_c{

	width: 40%;

}







#j_a a{

	text-decoration: none;

	color: #000;

	display: block;

	margin: 40px 0;

	line-height: 1.2;

	font-size: 14px;

}





#j_a a img{

	display: block;

	margin: 0 auto;

	padding: 0 0 10px 0;

}



#map_index_j{

	width: 100%;

	height: 335px;

	margin-top: 25px;

}



#j_b > p, #j_c > p {

text-transform: uppercase;

font-size: 20px;

padding: 0 0 15px 0;

width: 90%;

}





#j_b #form_contact label {

	font-size: 14px;

	padding: 10px 0 2px;

	display: inline-block;

}



#j_b #form_contact label.form_error{

	color: red;

	padding: 0 0 5px 0;

}



#j_b #form_contact input[type="submit"] {

width: auto;

background-color: #dddddd;

color: #000;

height: auto;

cursor: pointer;

border: none;

float: right;

font-weight: bold;

padding: 2% 5%;

text-transform: uppercase;

font-size: 14px;

-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */

	transition: color 0.2s, background-color 0.5s;

}



#j_b #form_contact input[type="submit"]:hover{

	background-color: #666;

	color: #dddddd;

}



#j_b #form_contact{

	position: relative;

	width: 90%;

}



#j_b #form_contact input,#j_b #form_contact textarea {

	width: 97%;

	height: 20px;

	padding: 5px;

	font-size: 14px;

	background-color: #dddddd;

	border: none;

}



#j_b #form_contact textarea {

height: 120px;

padding: 5px;

margin: 0 0 5px 0;

}



/*---------FIN BLOC J----------*/











/*---------BLOC K-----------------*/



#bloc_k{

	background-color: #ccc;

	padding: 20px;

}



#bloc_k img{

	max-width: 100%;

}



#k_gauche{

	float: left;

	width: 65%;

}



#k_droite{

	float: right;

	width: 35%;

}



#k_droite img{

	padding: 0 0 5% 0;

}



#bloc_k h1{

	text-transform: uppercase;

	font-size: 30px;

	padding: 2% 0;

}



#bloc_k p{

	font-size: 14px;

	line-height: 1.6;

	padding: 0 5% 5% 0;



}



/*---------FIN BLOC K-----------------*/







/*---------BLOC L-----------------*/



#bloc_l{

	background-color: #DAE7F1;

	padding: 20px;

}



#bloc_l img{

	max-width: 100%;

}



#l_gauche{

	float: left;

	width: 30%;

}



#l_droite{

	float: right;

	width: 70%;

}



#l_droite img{

	padding: 0 2% 0 0;

	width: 45%;

	text-align: right;

}



#bloc_l h1{

	text-transform: uppercase;

	font-size: 30px;

	padding: 2% 0;

}



#bloc_l p{

	font-size: 14px;

	line-height: 1.6;

	padding: 0 5% 0 0;



}



/*---------FIN BLOC L-----------------*/







/*---------BLOC M-----------------*/



#bloc_m{

	background-color: #C0C0C0;

	padding: 20px;

}



#bloc_m img{

	max-width: 100%;

}



#m_gauche{

	float: left;

	width: 50%;

}



#m_droite{

	float: right;

	width: 50%;

}



#m_droite img{

	padding: 0 2% 0 0;

	text-align: right;

	width: 100%;

}



#bloc_m h1{

	text-transform: uppercase;

	font-size: 30px;

	padding: 2% 0;

}



#bloc_m p{

	font-size: 14px;

	line-height: 1.6;

	padding: 0 5% 0 0;



}



/*---------FIN BLOC M-----------------*/





/*---------BLOC N-----------------*/



#bloc_n{

	background-color: #C0C0C0;

	padding: 20px;

}



#bloc_n img{

	max-width: 100%;

	padding: 1% 0;

}



#n_gauche{

	float: left;

	width: 40%;

}



#n_droite{

	float: left;

	width: 60%;

}





#bloc_n h1{

	text-transform: uppercase;

	font-size: 30px;

	padding: 2% 0;

}



#bloc_n ul{

	font-size: 16px;

	line-height: 1.2;

	list-style: disc;

	padding-left: 10%;

}



#bloc_n ul li{

	padding: 2% 0;

}



/*---------FIN BLOC N-----------------*/











/*---------BLOC O-----------------*/



#bloc_o{

	padding: 2%;

	background-color: #fff;

}



#bloc_o h1{

	font-size: 36px;

	padding-bottom: 1%;

}



#bloc_o div.separateur{

	border-bottom: 5px solid #363636;

	width: 15%;

	margin: 20px auto;

}



#bloc_o p {

font-size: 16px;

line-height: 1.4;

max-width: 900px;

color: #656565;

}



#bloc_o.propos h1 {

text-transform: uppercase;

color: #168ec6;

font-weight: bold;

font-size: 35px;

}

/*---------FIN BLOC O-----------------*/



















/*---------BLOC P-----------------*/



#bloc_p{

	background-color: #fff;

	padding: 2% 5%; 

}



#menu_realisations a, #menu_realisations span {

text-decoration: none;

font-size: 20px;

color: #656565;

padding: 8px;

margin: 0 0px 10px 0;

font-weight: bold;

display: inline-block;

-webkit-transition: color 0.2s, background-color 0.5s;

transition: color 0.2s, background-color 0.5s;

}



#menu_realisations a:first-letter{

	text-transform: capitalize;

}



#menu_realisations a:hover, #menu_realisations a.active {

color: #168ec6;

}



#menu_realisations {

padding: 1% 0.5%;

}





.real_img_wrap img {

	margin: 0.5%;

	width: 23%;

  -webkit-transition: all 0.3s ease;

     -moz-transition: all 0.3s ease;

       -o-transition: all 0.3s ease;

      -ms-transition: all 0.3s ease;

          transition: all 0.3s ease;

}

 

.real_img_wrap img:hover {

-webkit-filter: opacity(0.8);

/*-webkit-filter: grayscale(100%);*/

}





/*---------FIN BLOC P-----------------*/











/*---------BLOC Q----------*/



#bloc_q{

	background-color: #c2c2c2;

	padding: 3% 1%;

}



#bloc_q div.wrapper > div{

	float: left;

}



#q_a{

	width: 50%;

}



#q_b{

	width: 50%;

}





#map_index_q{

	width: 100%;

	height: 335px;

	margin-top: 25px;

}



#q_a > p, #q_b > p {

text-transform: uppercase;

font-size: 20px;

padding: 0 0 15px 0;

width: 90%;

}





#q_a #form_contact label {

	font-size: 14px;

	padding: 10px 0 2px;

	display: inline-block;

}



#q_a #form_contact label.form_error{

	color: red;

	padding: 0 0 5px 0;

}



#q_a #form_contact input[type="submit"] {

width: auto;

background-color: #dddddd;

color: #000;

height: auto;

cursor: pointer;

border: none;

float: right;

font-weight: bold;

padding: 2% 5%;

text-transform: uppercase;

font-size: 14px;

-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */

	transition: color 0.2s, background-color 0.5s;

}



#q_a #form_contact input[type="submit"]:hover{

	background-color: #666;

	color: #dddddd;

}



#q_a #form_contact{

	position: relative;

	width: 90%;

}



#q_a #form_contact input, #q_a #form_contact textarea {

	width: 97%;

	height: 20px;

	padding: 5px;

	font-size: 14px;

	background-color: #dddddd;

	border: none;

}



#q_a #form_contact textarea {

height: 120px;

padding: 5px;

margin: 0 0 5px 0;

}



/*---------FIN BLOC Q----------*/







/*---------BLOC R-----------------*/



#bloc_r{

	background-color: #CC5D5D;

	padding: 3% 5%; 

}



#bloc_r .r_mail {

display: inline-block;

text-decoration: none;

color: #000;

}



#bloc_r .r_phone {

font-size: 35px;

text-decoration: none;

color: #000;

padding: 2% 0;

display: inline-block;

}



#bloc_r .r_adresse {

line-height: 1.4;

font-size: 14px;

}





/*---------FIN BLOC R-----------------*/













/*---------BLOC S-----------------*/



#bloc_s{

	background-color: #FFB84D;

	padding: 3% 5%; 

}



#bloc_s div.wrapper > a{

	float: left;

	display: inline-block;

	width: 25%;

	text-align: center;

	text-decoration: none;

	color: #5A5252;

	line-height: 1.4;

}



#bloc_s div.wrapper > a img{

	display: block;

	margin: 0 auto 5%;

}



/*---------FIN BLOC S-----------------*/











/*---------BLOC T----------*/



#bloc_t{

	background-color: pink;

	padding: 3% 1%;

}



#bloc_t div.wrapper > div{

	float: left;

}



#t_a{

	width: 50%;

}



#t_b{

	width: 50%;

}





#t_a > p, #t_b > p{

text-transform: uppercase;

font-size: 20px;

padding: 0 0 15px 0;

width: 90%;

}





#t_a #form_contact label {

	font-size: 14px;

	padding: 10px 0 2px;

	display: inline-block;

}



#t_a #form_contact label.form_error{

	color: red;

	padding: 0 0 5px 0;

}



#t_a #form_contact input[type="submit"] {

width: auto;

background-color: #dddddd;

color: #000;

height: auto;

cursor: pointer;

border: none;

float: right;

font-weight: bold;

padding: 2% 5%;

text-transform: uppercase;

font-size: 14px;

-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */

	transition: color 0.2s, background-color 0.5s;

}



#t_a #form_contact input[type="submit"]:hover{

	background-color: #666;

	color: #dddddd;

}



#t_a #form_contact{

	position: relative;

	width: 90%;

}



#t_a #form_contact input,#t_a #form_contact textarea {

	width: 97%;

	height: 20px;

	padding: 5px;

	font-size: 14px;

	background-color: #dddddd;

	border: none;

}



#t_a #form_contact textarea {

height: 120px;

padding: 5px;

margin: 0 0 5px 0;

}



#t_b > div{

	float: left;

	width: 50%;

	padding: 3% 0;

	line-height: 1.4;

}



#t_b a{

	display: block;

	text-decoration: none;

	color: #000;

	font-size: 14px; 

}



#t_b > div p{

	font-size: 16px;

	font-weight: bold;

	padding: 2px 0;

}







/*---------FIN BLOC T----------*/











/*---------BLOC U----------*/



#bloc_u{

	background-color: #ccc;

	padding: 3% 1%;

}





#bloc_u #u_form_gauche {

float: left;

width: 40%;

padding: 0 3%;

}



#bloc_u #u_form_droite {

float: left;

width: 50%;

padding: 0 2%;

}





#u_a > p{

text-transform: uppercase;

font-size: 20px;

padding: 0 0 15px 25px;

width: 90%;

}





#u_a #form_contact label {

	font-size: 14px;

	padding: 10px 0 2px;

	display: inline-block;

}



#u_a #form_contact label.form_error{

	color: red;

	padding: 0 0 5px 0;

}



#u_a #form_contact input[type="submit"] {

width: auto;

background-color: #dddddd;

color: #000;

height: auto;

cursor: pointer;

border: none;

float: right;

font-weight: bold;

padding: 2% 5%;

text-transform: uppercase;

font-size: 14px;

border: 2px solid orange;

	border-radius: 6px;

	-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */

	transition: color 0.2s, background-color 0.5s;

}



#u_a #form_contact input[type="submit"]:hover{

	background-color: #666;

	color: #dddddd;

}



#u_a #form_contact{

	position: relative;

	width: 90%;

}



#u_a #form_contact input, #u_a #form_contact textarea {

	width: 97%;

	height: 20px;

	padding: 5px;

	font-size: 14px;

	background-color: #dddddd;

	border: none;

	border: 2px solid orange;

	border-radius: 6px;

}



#u_a #form_contact textarea {

height: 120px;

padding: 5px;

margin: 0 0 5px 0;

}





/*---------FIN BLOC U----------*/













/*---------BLOC V----------*/



#bloc_v{

	background-color: #AAAD9A;

	padding: 3% 1%;

}



#bloc_v div.wrapper > div{

	float: left;

}



#v_a{

	width: 50%;

}



#v_b{

	width: 50%;

}





#v_a > p, #v_b > p{

text-transform: uppercase;

font-size: 20px;

padding: 0 0 15px 0;

width: 90%;

}





#v_a #form_contact label {

	font-size: 14px;

	padding: 10px 0 2px;

	display: inline-block;

}



#v_a #form_contact label.form_error{

	color: red;

	padding: 0 0 5px 0;

}



#v_a #form_contact input[type="submit"] {

width: auto;

background-color: #fff;

color: #000;

height: auto;

cursor: pointer;

border: none;

float: right;

font-weight: bold;

padding: 2% 5%;

text-transform: uppercase;

font-size: 14px;

-webkit-transition: color 0.2s, background-color 0.5s;  /* For Safari 3.1 to 6.0 */

	transition: color 0.2s, background-color 0.5s;

}



#v_a #form_contact input[type="submit"]:hover{

	background-color: #666;

	color: #dddddd;

}



#v_a #form_contact{

	position: relative;

	width: 90%;

}



#v_a #form_contact input, #v_a #form_contact textarea {

	width: 97%;

	height: 20px;

	padding: 5px;

	font-size: 14px;

	background-color: #fff;

	border: none;

}



#v_a #form_contact textarea {

height: 120px;

padding: 5px;

margin: 0 0 5px 0;

}



#v_b > div{

	float: left;

	width: 50%;

	padding: 3% 0;

	line-height: 1.4;

}



#v_b a{

	display: inline-block;

	text-decoration: none;

	color: #000;

	font-size: 14px; 

}



#v_b > div p{

	font-size: 20px;

	font-weight: bold;

	padding: 2px 0;

	text-transform: uppercase;

}







/*---------FIN BLOC V----------*/













/*---------BLOC W-----------------*/



#bloc_w{

	background-color: #99b565;

	padding: 3%;

	text-align: center;

}



#bloc_w div.wrapper > div {

float: left;

width: 33%;

margin: 1% 0;

color: #fff;

text-align: left;

}



#bloc_w img{

	max-width: 100%;

}





#bloc_w p{

	line-height: 1.4;

	font-size: 15px;

	padding: 2% 7% 2% 5%;

}



#bloc_w h2{

	text-transform: uppercase;

	font-weight: bold;

	font-size: 20px;

	padding: 2% 5%;

}





/*---------FIN BLOC W-----------------*/















/*---------BLOC X-----------------*/



#bloc_x{

	background-color: #82A0CE;

	padding: 20px;

}



#bloc_x div.wrapper > div {

float: left;

width: 50%;

margin: 3% 0;

color: #242424;

}



#bloc_x div.wrapper > div h3 {

font-size: 16px;

text-transform: uppercase;

padding-bottom: 20px;

color: #fff;

font-weight: bold;

}



#bloc_x div.wrapper > div p{

	display: block;

	line-height: 1.4;

	font-size: 14px;

}



#bloc_x div.wrapper > div .rond_text{

	float: left;

	width: 50%;

}



#bloc_x .rond_lettre {

float: left;

border-radius: 49%;

text-align: center;

font-family: 'Ubuntu', sans-serif;

font-size: 44px;

line-height: 44px;

font-weight: 300;

background: #616F83;

margin-left: 30px;

margin-right: 40px;

width: 88px;

padding-top: 21px;

padding-bottom: 23px;

margin-top: 13px;

color: #fff;

}





/*---------FIN BLOC X-----------------*/









/*---------BLOC Y-----------------*/



#bloc_y{

	text-align: center;

	padding: 2% 10%;

	background-color: #ececec;

}





#bloc_y div.wrapper > div{

	float: left;

	width: 15%;
	margin: 0.5%;

}



#bloc_y div.wrapper > div img{

	max-width: 100%;

	width: 100%;

}



#bloc_y h3{

	text-transform: uppercase;

color: #168ec6;

font-weight: bold;

font-size: 30px;

text-align: left;

padding-bottom: 5%;

}





#bloc_y.index{

	text-align: center;

	padding: 2% 10%;

	background-color: #fff;

}





#bloc_y.index div.wrapper > div{

	float: left;

	width: 32%;

}



#bloc_y.index div.wrapper > div img{

	max-width: 100%;

	width: 55%;

}







/*---------FIN BLOC Y-----------------*/









/*---------BLOC AA-----------------*/



#bloc_aa{

	text-align: center;

	padding: 5% 1%;

	background-color: #fff;

	font-family: 'Roboto', sans-serif;

}





#bloc_aa div.wrapper > div {

float: left;

width: 48%;

margin: 0 1%;

}



#bloc_aa div.wrapper > div > div{

	float: left;

	width: 50%;

color: #fff;

overflow: hidden;

min-height: 178px;

max-height: 178px;

}



#bloc_aa div.wrapper > div > div:nth-child(even){

	background-color: #168ec6;

}







#bloc_aa div.wrapper > div > div img{

	max-width: 271px;

}



#bloc_aa div.wrapper > div > div h3 {

font-size: 22px;

text-transform: uppercase;

font-weight: bold;

padding: 15px 10px 0;

text-align: left;

}



#bloc_aa div.wrapper > div > div p {

font-size: 14px;

text-align: left;

padding: 10px;

line-height: 1.3;

}





/*---------FIN BLOC AA-----------------*/





/*---------BLOC CC-----------------*/



#bloc_cc{

	background-color: #E6E6E6;

	padding: 10px;

}



#bloc_cc div.wrapper > div {

float: left;

width: 25%;

margin: 3% 0;

color: #737373;

}



#bloc_cc img{

	max-width: 95%;

}



#bloc_cc h3{

	font-size: 18px;

	text-transform: uppercase;

	padding-bottom: 20px;

	font-weight: bold;

	padding: 5% 10% 5% 0;

}



#bloc_cc p{

	line-height: 1.4;

	font-size: 14px;

	padding: 0 10% 0 0;

}





/*---------FIN BLOC CC-----------------*/









/*---------BLOC DD-----------------*/



#bloc_dd {

background-color: #fff;

padding: 10px 4%;

}



#bloc_dd div.wrapper > div {

float: left;

width: 30%;

margin: 0 1.6% 3%;

color: #fff;

background-color: #168ec6;

text-align: center;

padding: 30px 0;

min-height: 350px;

}



#bloc_dd div.wrapper > div h6 {

text-transform: uppercase;

padding: 2% 5px;

font-weight: bold;

font-size: 22px;

line-height: 1.2;

}



#bloc_dd div.wrapper > div p {

text-transform: uppercase;

font-size: 14px;

}



#bloc_dd div.wrapper > div img {

display: block;

margin: 0 auto;

padding-top: 40px;

padding-bottom: 10px;

}



#bloc_dd div.wrapper > div a {

	text-decoration: none;

	color: #fff;

	line-height: 1.2;

}



#bloc_dd div.wrapper > div a:hover{

	color: #BBE9FF;

}









/*---------FIN BLOC DD-----------------*/









/*---------BLOC EE-----------------*/



#bloc_ee {

background-color: #fff;

padding: 5% 4%;

}



#bloc_ee div.wrapper > div {

float: left;

width: 45%;

margin: 0 2%;

}



#bloc_ee div.wrapper > div h2 {

padding: 0 0 3%;

text-transform: uppercase;

color: #168ec6;

font-weight: bold;

font-size: 26px;

}





#bloc_ee div.wrapper > div img {

display: block;

padding-bottom: 20px;

max-width: 100%;

}



#bloc_ee div.wrapper > div ul{

	list-style: disc;

	padding: 10px 5px 20px 20px;

line-height: 1.6;

}





/*---------FIN BLOC EE-----------------*/













/*--------------------------------------------------------------------------------------------*/

























































































@media all and ( max-width: 1024px ){



	#infos_header{

		display: none;

	}





	#nav {

	width: 76%;

	}



	#nav ul li a {

	padding: 60px 10px 5px;

	}





	/*---------BLOC F-----------------*/

	#bloc_f_droite > ul > li > P {

	width: 60%;

	}

	/*---------FIN BLOC F-----------------*/







}





@media all and ( max-width: 768px ){



	#nav ul li a {

font-size: 12px;

padding: 40px 5px 5px;

}



	.bx-wrapper .bx-caption span, .bx-wrapper .bx-caption span.big_caption {

		font-size: 20px;

	}



	.bx-wrapper .bx-caption span.big{

		font-size: 35px;

	}







	/*---------BLOC C-----------------*/



	#bloc_c div.wrapper > div {

	width: 50%;

	}



	/*---------FIN BLOC C-----------------*/







	/*---------BLOC D-----------------*/



	



	#bloc_d div.wrapper > div {

	width: 100%;

	}



	#bloc_d img {

	max-width: 48%;

	padding: 0 1% 3% 0;

	}





	/*---------FIN BLOC D-----------------*/













	/*---------BLOC J----------*/



	#bloc_j{

		padding: 3% 0;

	}





	#j_a{

		width: 40%;

		text-align: center;

	}



	#j_b{

		width: 60%;

	}



	#j_c{

		width: 100%;

	}



	#j_b > p{

		padding: 20px 0;

	}



	#j_c > p{

		display: none;

	}







	/*---------FIN BLOC J----------*/







	/*---------BLOC K-----------------*/



	

	#k_gauche{

		float: left;

		width: 100%;

	}



	#k_droite{

		float: right;

		width: 100%;

	}



	#k_droite img {

	width: 45%;

	padding: 2% 2% 0 0;

	}





	/*---------FIN BLOC K-----------------*/





	/*---------BLOC L-----------------*/



	#l_gauche{

		float: left;

		width: 50%;

	}



	#l_droite{

		float: right;

		width: 50%;

	}



	#l_droite img{

		padding: 0 2% 2% 0;

		width: 100%;

	}



	/*---------FIN BLOC L-----------------*/







	/*---------BLOC M-----------------*/





	#m_gauche{

		width: 100%;

	}



	#m_droite{

		width: 100%;

	}



	#m_droite img{

		padding: 5% 2% 0 0;

		text-align: center;

	}





	/*---------FIN BLOC M-----------------*/





	/*---------BLOC P-----------------*/



	.real_img_wrap img {

		width: 30%;

	}



	/*---------FIN BLOC P-----------------*/







	/*---------FIN BLOC Q-----------------*/

		#bloc_q div.wrapper > #q_a{

		width: 80%;

		margin: 0 auto 20px;

		float: none;

		}



		#q_b{

			width: 100%;

		}

	/*---------FIN BLOC Q-----------------*/



	/*---------BLOC S-----------------*/



	#bloc_s div.wrapper > a{

		width: 40%;

		padding: 5%;

	}



	/*---------FIN BLOC S-----------------*/









	/*---------BLOC T----------*/



	#bloc_t div.wrapper > #t_a, #bloc_t div.wrapper > #t_b{

		width: 80%;

		margin: 0 auto 20px;

		padding-bottom: 20px;

		float: none;

	}



	#bloc_t div.wrapper > #t_b{

		width: 100%;

		text-align: center;

	}



	#t_b > p{

		width: 100%;

	}



	/*---------FIN BLOC T----------*/





	/*---------BLOC U----------*/

	#bloc_u #u_form_gauche {

	width: 100%;

	padding: 0 6%;

	}



	#bloc_u #u_form_droite {

	width: 100%;

	padding: 0 6%;

	}

	/*---------FIN BLOC U----------*/







	/*---------BLOC V----------*/



	#bloc_v div.wrapper > #v_a, #bloc_v div.wrapper > #v_b{

		width: 80%;

		margin: 0 auto 20px;

		padding-bottom: 20px;

		float: none;

	}



	#bloc_v div.wrapper > #v_b{

		width: 100%;

		text-align: center;

	}



	#v_b > p{

		width: 100%;

	}



	/*---------FIN BLOC V----------*/









	/*---------BLOC W-----------------*/



	#bloc_w{

		padding: 3% 10%;

	}



	#bloc_w div.wrapper > div {

	width: 100%;

	}



	#bloc_w img{

		max-width: 90%;

	}





	#bloc_w p{

		padding: 1% 7% 1% 5%;

	}



	#bloc_w h2{

		padding: 3% 5% 0%;

	}



	/*---------FIN BLOC W-----------------*/







	/*---------BLOC X-----------------*/



	#bloc_x{

		padding: 20px;

		text-align: center;

	}



	#bloc_x div.wrapper > div {

	width: 100%;

	}



	#bloc_x div.wrapper > div .rond_text{

		float: none;

		width: 80%;

		margin: 0 auto;

	}



	#bloc_x .rond_lettre {

	float: none;

	margin: 0 auto 20px;

	}





	/*---------FIN BLOC X-----------------*/









	/*---------BLOC Y-----------------*/



	



	#bloc_y div.wrapper > div img{

		width: 80%;

	}



	/*---------FIN BLOC Y-----------------*/







	/*---------BLOC AA-----------------*/





#bloc_aa div.wrapper > div {

width: 90%;

margin: 0 5%;

}



#bloc_aa div.wrapper > div > div {

width: 39%;

margin: 5px 0;

}



#bloc_aa div.wrapper > div > div:nth-child(even) {

width: 60%;

}









/*---------FIN BLOC AA-----------------*/









/*---------BLOC DD-----------------*/



#bloc_dd {

padding: 10px 4%;

}



#bloc_dd div.wrapper > div {

width: 54%;

margin: 3% auto;

float: none;

}



/*---------FIN BLOC DD-----------------*/













}/*------FIN 768px-------------------------------------------------------------------------------------------*/



























































@media all and ( max-width: 560px ){



	#nav ul li a {

	font-size: 10px;

	}



	.bx-wrapper .bx-caption{

		display: none;

	}





	/*---------BLOC G-----------------*/



	#bloc_g div.wrapper > div {

	width: 100%;

	max-width: none;

	}



	

	/*---------FIN BLOC G-----------------*/





}





@media all and ( max-width: 480px ){





	#icone_mobile {

		display: block;

background-color: #000;

max-height: 57px;

}



#icone_mobile div.icone{

	float: left;

	width: 25%;

	text-align: center;

	padding: 2% 0;

}



#icone_mobile div.icone a{

	color: #fff;

	text-decoration: none;

	font-family: 'Open Sans', sans-serif;

	font-size: 9px;

	text-transform: uppercase;

	font-weight: bold;

}



#icone_mobile div.icone a img{

	display: block;

	margin: 0 auto;

}







#logo{

	width: 100%;

	text-align: center;

	padding: 2% 0;

	background: url('../images/bg_header.jpg');

	background-position-x: 42%;

}



#logo > a > img {

max-width: 100%;

width: 35%;

}





#nav {

	display: none;

width: 100%;

text-align: center;

background-color: #2b2b2b;

padding: 20px 0;

}



#nav ul li {

display: block;

}



#nav ul li a {

	color: #fff;

	padding: 0;

	font-size: 16px;

	width: 50%;

border-bottom: 2px solid #414141;

padding: 10px 0;

	}



#nav ul li a:hover, #nav ul li a.active{

	background-color: transparent;

	color: #ccc;

}



#header {

max-height: 100%;

background-color: #000;

}







.bx-wrapper .bx-controls-direction a{

	display: none;

}



/*---------BLOC A-----------------*/

#bloc_a {

padding: 10%;

}

/*---------FIN BLOC A-----------------*/







/*---------BLOC B-----------------*/



#bloc_b{

	padding: 20px 0;

}



#bloc_b div.wrapper > div {

width: 100%;

margin: 5% 0;

text-align: center;

}



#bloc_b ul{

	text-align: left;

}



/*---------FIN BLOC B-----------------*/







/*---------BLOC C-----------------*/

#bloc_c{

	padding: 40px 10px;

}



#bloc_c div.wrapper > div {

width: 100%;

text-align: center;

}



#bloc_c h3{

	padding: 5%;

}



#bloc_c p{

	padding: 0 5% 10% 5%;

}





/*---------FIN BLOC C-----------------*/







/*---------BLOC D-----------------*/

#bloc_d{

	padding: 20px;

}



#bloc_d div.wrapper > div {

width: 100%;

}



#bloc_d img{

	max-width: 100%;

	padding: 0 0 3% 0;

}



/*---------FIN BLOC D-----------------*/







/*---------BLOC E-----------------*/



#bloc_e{

	background-color: #fff;

	padding: 20px;

}



#bloc_e div.wrapper > div {

float: left;

width: 100%;

margin: 3% 0 10%;

color: #242424;

text-align: center;

}



#bloc_e h5{

	padding: 1% 5%;

}







/*---------FIN BLOC E-----------------*/













/*---------BLOC F-----------------*/





#bloc_f div.wrapper > div {

width: 100%;

}



#bloc_f h4{

	padding: 3% 0 5%;

}



#bloc_f_droite > h4 {

padding: 10% 0 2%;

}



#bloc_f_droite > ul > li > img {

float: left;

padding-right: 5%;

}



#bloc_f_droite > ul > li > P {

float: left;

padding-right: 5%;

width: 65%;

}



#bloc_f_droite > ul > li{

	padding: 10% 0;

}



#bloc_f_droite > ul {

padding: 0;

}









/*---------FIN BLOC F-----------------*/









/*---------BLOC H-----------------*/



#bloc_h {

padding: 3% 5% 0;

background-position-x: 50%;

}



#bloc_h a {

width: 60%;

display: block;

margin: 0 auto;

}

#bloc_h p{
	line-height: 1.3;
}





/*---------FIN BLOC H-----------------*/









/*---------BLOC J----------*/





#j_a{

	width: 100%;

	text-align: center;

}



#j_b{

	width: 100%;

}



#j_b #form_contact{

	margin: 0 auto;

}



#j_c{

	width: 100%;

}



#j_b > p{

	text-align: center;

	width: 100%;

}



/*---------FIN BLOC J----------*/









	/*---------BLOC K-----------------*/



	#k_droite img {

	width: 100%;

	padding: 2% 2% 0 0;

	}



	/*---------FIN BLOC K-----------------*/





	/*---------BLOC L-----------------*/



	#l_gauche{

		width: 100%;

	}



	#l_droite{

		width: 100%;

	}



	#l_droite img{

		padding: 5% 2% 2% 0;

		width: 100%;

	}



	/*---------FIN BLOC L-----------------*/











	/*---------BLOC N-----------------*/



	#bloc_n h1{

		text-align: center;

	}



	#n_gauche{

		width: 100%;

		text-align: center;

	}



	#n_droite{

		width: 100%;

		padding: 5% 0; 

	}



	/*---------FIN BLOC N-----------------*/



	/*---------BLOC O-----------------*/



	#bloc_o {

	padding: 5%;

	}



	#bloc_o h1 {

	padding: 5% 0;

	}



	/*---------FIN BLOC O-----------------*/











	/*---------BLOC P-----------------*/



	.real_img_wrap img {

		width: 48%;

	}



	/*---------FIN BLOC P-----------------*/





	/*---------FIN BLOC Q-----------------*/

		#bloc_q div.wrapper > #q_a{

		width: 100%;

		margin: 0 auto 20px;

		float: none;

		}



		#q_b{

			width: 100%;

		}

	/*---------FIN BLOC Q-----------------*/









	/*---------BLOC S-----------------*/



	#bloc_s div.wrapper > a{

		width: 100%;

		padding: 5% 0;

	}



	#bloc_s div.wrapper > a img {

	display: block;

	margin: 0 auto 2%;

	}



	/*---------FIN BLOC S-----------------*/







	/*---------BLOC T----------*/



	#bloc_t {

	padding: 3%;

	}



	#t_a #form_contact {

	width: 100%;

	}



	#bloc_t div.wrapper > #t_a, #bloc_t div.wrapper > #t_b{

		width: 100%;

	}



	#bloc_t div.wrapper > #t_b{

		width: 100%;

	}



	#t_b > div{

	width: 100%;

	}



	/*---------FIN BLOC T----------*/







	/*---------BLOC U----------*/

	#bloc_u{

	background-color: #ccc;

	padding: 10% 1%;

	}

	/*---------FIN BLOC U----------*/







	/*---------BLOC V----------*/



	#bloc_v {

	padding: 3%;

	}



	#v_a #form_contact {

	width: 100%;

	}



	#bloc_v div.wrapper > #v_a, #bloc_v div.wrapper > #v_b{

		width: 100%;

	}



	#bloc_v div.wrapper > #v_b{

		width: 100%;

	}



	#v_b > div{

	width: 100%;

	}



	/*---------FIN BLOC V----------*/









	/*---------BLOC W-----------------*/



	#bloc_w img{

		padding-bottom: 5%;

	}



	#bloc_w p {

		padding: 1% 7% 10% 5%;

	}



	/*---------FIN BLOC W-----------------*/













	/*---------BLOC X-----------------*/



	#bloc_x .rond_lettre {

	margin: 20px auto 20px;

	}



	/*---------FIN BLOC X-----------------*/











	/*---------BLOC AA-----------------*/





	#bloc_aa div.wrapper > div {

width: 90%;

margin: 2% 5%;

}



	#bloc_aa div.wrapper > div > div {

width: 100%;

margin: 0;

}



#bloc_aa div.wrapper > div > div:nth-child(even) {

width: 271px;

margin: 0 auto;

float: none;

}









/*---------FIN BLOC AA-----------------*/







/*---------BLOC EE-----------------*/



#bloc_ee div.wrapper > div {

width: 90%;

}



/*---------FIN BLOC EE-----------------*/







#bloc_dd div.wrapper > div {

width: 75%;

}





/*---------BLOC Y-----------------*/



#bloc_y{

	text-align: center;

	padding: 2% 10%;

	background-color: #ececec;

}





#bloc_y div.wrapper > div{

	width: 33%;

}





#bloc_y h3{

font-size: 20px;

}







/*---------FIN BLOC Y-----------------*/



#bloc_y.index div.wrapper > div img {

width: 78%;

}







}