html { 
font-size: 100%; 
-webkit-text-size-adjust: none;
}

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, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;padding: 0;border: 0;outline: 0;
	vertical-align:middle;
}


body {
	margin: 0;
	font: 11px Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	color: #000;
	/* background-color:#d4d4d4; */
	background-color:#fff;
}


#home .entry-meta {
	color: #333333;
}

.specialchamp { display: none; }


/* GLOBAL */
h1,h2,h3,h4,h5,h6 {
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
	/*font-size: 100%;*/
	font-weight:bold;
	letter-spacing: 1px;
}

h1, h2 {font-size: 22px;line-height: 30px;}

h2 { margin-bottom: 10px;}

h3 {font-size: 18px;line-height: 30px;margin-bottom:6px; margin-left:2px;}

h4, h5, h6 {font-size:17px;line-height:20px;margin-bottom:4px;}

/*.large {font-size: 17px;line-height: 30px;}*/


img {
	border: 0;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.vert{ text-transform:uppercase; color:#95bb32; font-weight:bold; margin:2px;}
.orange{ text-transform:uppercase; color:#F00; font-weight:bold; margin:2px;}

.tail-top { background-color:#d4d4d4; }
#wrapper {
	/*width: auto;*/
	width:100%;
	
	height:100%;
	margin: auto;
}

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
}

table {
  /*width: 100%;  à adapter selon vos contraintes */
  width: 100%;
  max-width: 100%;
  table-layout: fixed; 
}
 
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 
.conteneur1{ margin-left:auto; margin-right:auto; width:100%;}
.conteneur{  margin-left:auto; margin-right:auto; width:100%;  height:auto;}
/*.header{ display:block; position:relative; float:left;width:100%; height:397px; margin:0; background-image:url(../images/bandeau_bg.jpg); background-repeat:no-repeat;}*/

.header{ display:block; position:relative;float:left;width:100%; height:auto;}
.cont_all_document{
	margin-left:10px;
}

#baniere_bdo {
	display:block;
	float:left;
	position:relative;
	width:100%;
	height:auto;
	float:left;
	}
#baniere_bdo img{
	width:100%;

	height:auto;
	}
.scrool{
	display:block;
	width:100%;
	height:auto;
	margin-left:20px; 
	float:left; 
	position:relative;
	font-size:18px; 
	font-weight:bold;
	}
.scrool2{
	display:block;
	width:100%;
	height:auto;
	margin-left:20px; 
	float:left;
	position:relative;
	}
.bx_container{
	position: relative;
	width:100%;
	margin-top:13px; 
	height:auto;
	vertical-align:middle;
	overflow: hidden;
	}
.header_adr{
	display:none;
	position:relative;
	float:right;
	width:339px; 
	height:332px;
	top: -400px;
	margin-right:1px; 
	z-index: 99; 
	opacity: 0.8;
	}
.example2{
	width: 999999px; 
	height:auto;
	position: relative; 
	left: -117px;
	}

.header_logo22{
	display:none;
	float:left;
	
}
.header_logo{
	display:block;
	position:relative;
	float:left;
	width:13%;
	margin-left:20px;
	height:auto;
	z-index: 99;
	}
	
.header_left{
	display:block; 
	position:relative;
	float:left;
	width:82%;
	height:auto;
	z-index: 99;
	}

.conteneur_new_bdo {
	display: block;
	position: relative;
	float: left;
	width:85%; 

	/* border:1px solid red; */
	/*min-height:400px;*/
	height:auto;

	z-index: 0; 

	/*border: 1px solid;*/
	}
	.bandeau_right{
		display:block;
		float:right;
		background-color:#FFF;
		width:14.9%;
		margin-top:30px;
font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
		height:auto;
	}
	.bdos{
		background-color:#fff;
		border:1px solid red;
	}
	.bandeau_right a {
		display:block;
		padding-left:5px;
		float:left;
		font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
		text-align:center;
		width:95%;
		margin-left:19%;
		margin-bottom:20px;
	}
  .bandeau_right img{
	  display:block;
	  text-align:center;
	  margin-top:8px;
	  float:left;
	  width:60%;
  }
/* .logo_bdo{ */
	/* display:block; */
	/* float:right; */
	/* height:auto; */
	
	/* height:362.5px; */
	/* background-color:#fff; */
	/* width:14.9%; */
/* } */
.header_lien_rapide {
	display:block;
	position:relative;
	margin-right:30px;
	padding-right:10%;
	padding-bottom:2px;

	float:left;
	width:90%;
	height:auto;
	background-color:#ffffff; 
	/*background-image:url(../images/bg_lienrapide.png);*/ 
	background-repeat:no-repeat;
	text-align:right; 
	color:#000; 
	padding-top:7px;
	}
.header_menu {
	display:block;
	/* position:relative; */
	float:left;
	width:100%;
	z-index:999999;
	height:auto;

	background-image:url(../images/bg1.jpg); 
	background-repeat:repeat-x;
	}
	.sticky {
    top: 0;
    position: fixed;
}

	.en_tete{
		display:block;
		float:left;
		background-color:#FFF;
		width:100%;

		/* border:1px solid  red; */
	}
	.header_menu img{
		display:block;
		float:left;
		margin-left:1.3%;
	}
.MsoNormalTable{
display:block;
float:left;
width:100%;
}
.size{font-size: 20px; 
font-weight: bold;
}
.li{
float: left; 
list-style: none outside none; 
margin-right: 5px;
 height:80px;
 vertical-align:middle;
}
.a{
display:block;
float:left;
width:30%;
height:auto;
margin-left:20px;
}
.b{
display:block;
float:right;
width:60%;
height:auto;
}
.prmox{

display:block;
float:left;
width:99%;
height:auto;
margin-bottom:20px;
color:#FFF;
font-weight:bold;
padding:10px;
text-align:center;
background-color:#fdb60c;
}
.content{ 
display:block; 
position:relative; 
 float:left;
 width:100%;


 height:auto;
 background-color:#FFF;
 background-color:#ffffff; 
 /*background-image:url(../images/bg_main.png);*/
 background-repeat:repeat-y;
 }
 .conta1{
	  display:block;
	 float:right;
	 width:20%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 /* border:1px solid red; */
	 border-radius:8px;
	     font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;

	 margin-right:2%;
 }
 .ctanct{
	 display:block;
	 float:left;
	 width:20px;
	 margin-top:15px;
	 margin-right:10px;
	 /* border:1px solid red; */
 }
 .ctanct1{
	 display:block;
	 float:left;
	 width:auto;
 }
 .line_heigh{ 
 line-height:28px;

 }
 .conta{
	
	 
/*
    font-family: 'Roboto', sans-serif;

    font-family: 'Noto Serif KR', sans-serif;

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

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

    font-family: 'Slabo 27px', serif;

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

    font-family: 'Fjalla One', sans-serif;

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

    font-family: 'Crete Round', serif;

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

    font-family: 'Tangerine', cursive;

    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;

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

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

    font-family: 'Oleo Script', cursive;

    font-family: 'Alegreya Sans SC', sans-serif;

    font-family: 'Squada One', cursive;

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

    font-family: 'Saira Condensed', sans-serif;

    font-family: 'Saira Extra Condensed', sans-serif;

    font-family: 'Wire One', sans-serif;

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

    font-family: 'Port Lligat Slab', serif;
*/
     /* font-family: 'Sunflower', sans-serif; */

    /* font-family: 'Saira Condensed', sans-serif; */
    font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;

	 display:block;
	 float:right;
	 width:15%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	  font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:10%;
 }
 
 
 
.cont_all_documentsss{
	display:block;
	float:left;

	margin-left:12%;
	width:35%;
}
.contenu{
	display:block; 
	position:relative;
	float:left;
	width:99%;
	height:auto;
	padding-left:2px;
	margin-bottom:15px;
	font-size:12px;
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
	}

.contenu_slide {
	display:block;
	position:relative;
	float:left; width:1091px; 
	height:140px; 
	padding-left:10px; 
	padding-right:12px;
	margin-bottom:15px; 
	font-size:12px;
	}


.contenu_left { 
display:block; 
position:relative;
 float:left;
 width:50%;
 height:auto; 
 margin-right:15px;
 margin-bottom:15px;
   padding-left:20px;
 }

.contenu_right {
	display:block;
	position:relative;
	float:right;
	width:40%;
	margin-right:5%;

	height:auto;
	}

.pave_actu2 { 
display:block; 
position:relative;
 float:left;
 width:285px;
 height:auto;
font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif; margin-bottom:15px; 
 }
.actu {
	display:block;
	float:left;
	/* border:1px solid red; */
	margin-top:3px;
	margin-bottom:8px;
	font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
}
.pave_actu {
	display:block;
	position:relative;
	float:left; 
	width:610px; 
	height:auto;
font-family: 'Montserrat', sans-serif;
	margin-bottom:15px; 
	margin-top:30px;
	}
	.pave_actu img{
		display:block;
		float:left;
		width:99%;
		height:auto;
	}
.pave_actu_head { 
display:block;
 position:relative;
 float:left;
 width:100%;
 height:30px;
 background-image:url(../images/pave_actu_head.png);
 background-repeat:no-repeat; 
 text-transform:uppercase;
 padding-top:7px;
 padding-left:60px; 
 color:#FFF;
font-weight:bold;
	font-size:17px;
 text-align:left;
 }

.pave_actu_head1 {
	display:block;
	position:relative;
	float:left;
	width:100%;
	height:30px; 
	
	background-image:url(../images/pave_actu_head1.png); 
	background-repeat:no-repeat;
	text-transform:uppercase;
	padding-top:7px;
	padding-left:60px; 
	color:#FFF; 
	font-weight:bold;
	font-size:17px;
	text-align:left;
	}

.pave_actu_head2 {
	display:block;
	position:relative;
	float:left; 
	width:255px; 
	height:30px;
	background-image:url(../images/pave_actu_head2.png); 
	background-repeat:no-repeat; 
	text-transform:uppercase;
	padding-top:7px;
	padding-left:30px; 
	color:#FFF; 
	font-weight:bold; 
	font-size:13px; 
	text-align:left; 
	}
.addresses{
	display:block;
	float:left;
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:5px solid #09405f;
font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
	
	
	}
	.distruimg img{
		margin-top:15px;
		width:40%;
	}
	.telss{
		display:block;
		float:left;
		width:100%;
		color:#66b548;
		font-size:30px;
	}
	.distru{
		display:block;
		float:left;
		margin-right:20px;
		width:60%;
	}
.adhe{
	display:block;
	width:30%;
	float:left;
	margin-left:10px;
}
.adhe img{
	margin-top:15px;
}
.place_logo_marque2{

	 display:block;
	 float:left;
	 width:25%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	  font-size:12px;
	 font-weight:bold;
	 margin-left:6%;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
	 }
	 .place_logo_marque5{
		  display:block;
	 float:right;
	 width:25%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	 margin-right:5px;
	  font-size:12px;
	 font-weight:bold;
	 margin-left:6%;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;

	 }
	 .titrs1{
		  display:block;
		 float:left;
		
		 width:100%;
	 }
	 .titrs{
		 display:block;
		 float:left;
		
		 width:100%;
	 }
	.distruimg{
		display:block;
		float:left;
		margin-left:10px;
	}
	 .place_logo_marque3{

	 display:block;
	 float:left;
	 width:35%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	  font-size:12px;
	 font-weight:bold;
	 margin-left:2%;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;

	 }

.pave_actu_main {
	display:block; 
	position:relative;
	float:left; 
	padding-left:25px;
	padding-top:5px;
	padding-bottom:10px;
	width:100%; 
	font-family: 'Montserrat', sans-serif;

	height:auto;
	background-image:url(../images/pave_actu_main.png);
	background-repeat:repeat-y;
	color:#000;
	padding-right:15px; 
	text-align:left; 
	font-size:11px; 
	}
.pave_actu_main_auto { display:block; position:relative; float:left; width:3px; height:auto; min-height:295px; background-image:url(../images/pave_actu_main.png); background-repeat:repeat-y; color:#000; padding-left:15px; padding-right:15px;  text-align:left; font-size:11px; }
.pave_actu_main_catalogue { display:block;padding-left:20px; position:relative; float:left; width:100%; height:auto; background-image:url(../images/pave_actu_main.png); background-repeat:repeat-y; color:#000; padding-left:15px; padding-right:15px;  text-align:left; font-size:11px; }
.pave_actu_main_catalogue img{
	display:block;
	float:left;
	margin-left:3px;
	width:93%;

}

.pave_actu_footer { display:block; position:relative;margin-left:15px;float:left; width:100%; height:18px; background-image:url(../images/pave_actu_footer.png); background-repeat:no-repeat; }

.actu_suite { display:block; position:relative; float:left; width:100%; height:auto; margin-bottom:30px;}

.top_selection { display:block; position:relative; float:left; width:20%; height:auto;  margin-left:4%; }

/*.top_selection_head { display:block; position:relative; float:left; width:260px; height:15px; background-image:url(../images/topselection_head.png); background-repeat:no-repeat; }*/

.top_selection_head { display:block; position:relative; float:left; width:260px; height:23px; background-image:url(../images/topselection_head.png); background-repeat:no-repeat; text-transform:uppercase; padding-top:7px; padding-left:30px; color:#FFF; font-weight:bold; font-size:12px; text-align:left; }


.top_selection_main { display:block; position:relative; float:left; width:248px; height:auto; background-image:url(../images/topselection_main.png); background-repeat:repeat-y; padding-left:10px; padding-right:10px; font-size:11px;}

.top_selection_footer { display:block; position:relative; float:left; width:260px; height:13px; background-image:url(../images/topselection_footer.png); background-repeat:no-repeat; }


#contenu_footer{  display:block; font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;position:relative; float:left;width:100%; height:auto;}
#footer { display:block; position:relative; font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;float:left;width:100%; height:auto;}

.footer_scrool {  display:block;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif; position:relative;float:left;width:100%; height:auto; padding-top:20px;background-color:#d4d4d4; /*background-image:url(../images/bg_footer_socio.jpg);*/ background-repeat:no-repeat; }
.footer_socio {  display:block;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif; position:relative; float:left;width:100%; height:auto; padding-top:20px;padding-bottom:10px;background-color:#d4d4d4; /*background-image:url(../images/bg_footer_socio.jpg);*/ background-repeat:no-repeat; }
.footer_ref {  display:block;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif; position:relative; float:left;width:100%; height:auto; background-color:#09405f;padding-bottom:20px;}
.footer_link {  display:block; font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;position:relative; float:left;width:100%; height:5px; color:#000; margin-top:5px;}

.pl_socio { display:block;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif; position:relative; float:left; width:auto; margin-left:5px; text-align:right; color:#2d2d2d;  }

.ref_footer { display:block;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif; position:relative; float:left; width:20%; margin-left:50px; margin-top:10px; height:auto; color:#FFF;   }
.ref_footer_adresse { display:block;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;position:relative; float:left; width:20%; margin-left:7%; margin-top:10px; height:auto; color:#FFF;  }
.breadcrumbs{
	display:block;
	float:left;
	margin-top:10px;
	margin-left:20px;
}
.lorange{
	margin-top:10px;
	padding:20px;
	/* border:1px solid red; */
}
#menu_h_right {
	display: none;
	position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index: 999;
}
/* sous pc */
@media (max-width: 1370px) {
	
.header_lien_rapide {
	display:block;
	position:relative;
	margin-right:30px;
	padding-right:10%;
	padding-bottom:7px;

	float:left;
	width:90%;
	height:auto;
	background-color:#ffffff; 
	/*background-image:url(../images/bg_lienrapide.png);*/ 
	background-repeat:no-repeat;
	text-align:right; 
	color:#000; 
	padding-top:7px;
	}
.header_menu {
	display:block;
	position:relative;
	float:left;
	width:100%; 
	height:42px;
	background-image:url(../images/bg1.jpg); 
	background-repeat:repeat-x;
	}
	.header_menu img{
		display:block;
		float:left;
		margin-left:1%;
	}
.header_adr{
	display:none;
	position:relative;
	float:right;
	width:339px; 
	height:332px;
	top: -380px;
	margin-right:1px; 
	z-index: 99; 
	opacity: 0.8;
	}
	.actu {
	display:block;
	float:left;
	/* border:1px solid red; */
	margin-top:5px;
	margin-bottom:5px;
	
}

.bandeau_right{
		display:block;
		float:right;
		background-color:#FFF;
		width:14.9%;
		/* border:1px solid red; */
		height:auto;
	}
	.bandeau_right a {
		display:block;
		padding-left:5px;
		float:left;
		text-align:center;
		width:95%;
		margin-left:19%;
		margin-bottom:15px;
	}
  .bandeau_right img{
	  display:block;
	  text-align:center;
	  margin-top:8px;
	  float:left;
	  width:60%;
  }


.header_logo{
	display:block;
	position:relative;
	float:left;
	width:15%;
	height:auto; 
	margin-left:0px;
	z-index: 99;
	}


.contenu_left { 
display:block; 
position:relative;
 float:left;
 width:40%;
 height:auto; 
 margin-right:15px;
 margin-bottom:15px;
   padding-left:20px;
 }

.contenu_right {
	display:block;
	position:relative;
	float:right;
	width:45%;

	height:auto;
	}
.header_logo{
 display:block;
 position:relative; 
 float:left;
 width:10%;
 height:auto; 
 z-index: 99;
 }
.header_logo img{
display:block;
float:left;
width:100%;
}

.header_left{
	display:block;
	position:relative;
	float:left;
	width:90%;
	height:auto;
	z-index: 99;
	}
.header{ 
display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;

 }

#baniere_bdo {
 display:block;
 float:left;
 position:relative;
 width:100%; 
 height:auto;
 float:left;
 }
#baniere_bdo img{
width:100%;
height:auto;



}
.content{
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto; 
 background-color:#FFF;

 background-image:url(../images/b_main.png);
 background-repeat:repeat-y; 
 }
  .contenu{ 
 display:block;
 position:relative;
 float:left; 
 width:97%;
 height:auto;
 margin-bottom:15px; 
 font-size:12px; 
 }
}


/* tab:pa. */
@media only screen and (min-width: 928px) and (max-width: 1100px) {
#menu_h_right {
	display: block;
	position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index: 999;
}
.header{
 display:block;
 position:relative; 
 float:left;
 width:100%;
 height:auto;
 margin:0;
 }

.conteneur_new_bdo {
 display: block; 
 position: relative;
 float: left;
 width:100%;
 margin-top:5%;
 /*min-height:400px;*/ 
 height:auto;

 z-index: 0;
 
 /*border: 1px solid;*/
 }
.header_logo{
 display:none;
 position:relative; 
 float:left;
 width:226px;
 height:159px; 
 z-index: 99;
 }
.header_left{
 display:none;
 position:relative;
 float:left;
 width:931px;
 height:159px;
 z-index: 99;
 }
  .conta1{
	  display:none;
	 float:right;
	 width:25%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:5%;
 }
 .conta{
	 display:none;
	 float:right;
	 width:15%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	  font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:10%;
 }
 
 .header_menu {
	display:none;
	position:relative;
	float:left;
	width:100%;
	height:auto;

	background-image:url(../images/bg1.jpg); 
	background-repeat:repeat-x;
	}
.header_adr{ 
display:none;
 position:relative;
 float:right;width:339px;
 height:332px; 
 top: -335px;
 margin-right: 25px;
 z-index: 99;
 opacity: 0.8;
 }
.header_lien_rapide {
 display:none;
 position:relative; 
 float:left;
 width:926px;
 height:20px;
 background-image:url(../images/bg_lienrapide.png);
 background-repeat:no-repeat;
 text-align:right;
 color:#000; 
 padding-top:7px;
 padding-right:5px;
 }
.content{
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto; 
 margin-top:-5px;
 background-color:#FFF;

 background-image:url(../images/bg_main.png);
 background-repeat:repeat-y; 
 }
  .contenu{ 
 display:block;
 position:relative;
 float:left; 
 width:98%;
 height:auto;
 margin-bottom:15px; 
 font-size:12px; 
 }

.contenu_left { 
display:block; 

position:relative;
 float:left;
 width:90%;
 height:auto;
 margin-right:15px;
 margin-bottom:15px;
 }

.contenu_right {
 display:block;
 position:relative; 
 float:left;
 margin-left:80px;
 width:100%;
 height:auto; 

 }
 .pave_actu { 
 display:block; 
 position:relative;
 float:left; 
 width:60%;
 height:auto;
 margin-bottom:15px;
 }
.top_selection {
 display:block; 
 position:relative;
 float:left;
 width:30%;
 margin-top:10px;
 height:auto;
 margin-right:10px;
 margin-left:22px; 
 }

/*.top_selection_head { display:block; position:relative; float:left; width:260px; height:15px; background-image:url(../images/topselection_head.png); background-repeat:no-repeat; }*/

.top_selection_head {
 display:block;
 position:relative; 
 float:left;
 width:100%; 
 height:auto;
 background-image:url(../images/topselection_head.png);
 background-repeat:no-repeat; 
 text-transform:uppercase;
 padding-top:7px;
 padding-left:30px; 
 color:#FFF; 
 font-weight:bold;
 font-size:12px; 
 text-align:left; 
 }

.cont_all_document{
display:block;
float:left;

}
.top_selection_main { 
display:block; 
position:relative;
 float:left; 
 width:60%;
 height:auto;
 background-image:url(../images/topselection_main.png);
 background-repeat:repeat-y; padding-left:10px;
 padding-right:10px; 
 font-size:11px;
 }

.top_selection_footer {
 display:block;
 position:relative;
 float:left; 
 width:100%;
 height:auto;
 background-image:url(../images/topselection_footer.png);
 background-repeat:no-repeat;
 }
 
#contenu_footer{ 
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 /* margin-left:22px; */
 }
#footer { 
display:block;
 position:relative;
 float:left;
 
 width:100%;
 height:auto;
 padding-left:6px;
 padding-right:9px;
 }

.bx_container{
position: relative;
 width:90%;
 margin-top:13px; 
 height:auto; 
 }
 .scrool{
 display:block;
 float:left;
 font-size:12px;

 }
 .scrool2{
 display:block;
 width:100%; 
 height:auto;
 float:left;
 position:relative;
 }

.footer_scrool {  

display:block; 
position:relative;
 float:left;
 width:100%; 
 height:auto; 
 padding-top:20px;
 /* background-image:url(../images/bg_footer_socio.jpg);  */
 background-repeat:no-repeat;
 }
.footer_socio { 
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 padding-top:20px;
 background-repeat:no-repeat; 

 }
.footer_ref {
  display:block;
  position:relative; 
  float:left;
  width:100%;
  height:auto; 
  margin-top:10px;
  background-color:#073e5d;
 /* background-image:url(../images/bg_footer_ref.jpg);*/ 
  background-repeat:no-repeat; 
  }
  
.ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:40%;

 margin-left:5px;

 margin-top:10px; 
 height:auto; 
 color:#FFF; 
 }
.ref_footer_adresse {
 display:block;
 position:relative;
 float:left; 
 width:40%;

 margin-left:35px;
 margin-top:10px;
 height:auto; 
 color:#FFF;  
 }

.footer_link { 
 display:block; 
 position:relative;
 float:left;width:100%; 
 height:auto; color:#000; 
 margin-top:5px;
 }

.pl_socio { 
display:block;
 position:relative;
 float:left; width:auto;
 margin-left:5px;
 text-align:right; 
 color:#2d2d2d;  
 }
.cont_all_document{
display:block;
float:left;
margin-left:20px;
}
.ref_footer_adresse { 
display:block;
 position:relative; 
 float:left; 
 width:80%;
 margin-left:35px; 
 margin-top:10px;
 height:auto;
 color:#FFF; 
 }

 .a{
display:block;
float:left;
width:100%;
height:auto;
text-align:center;
margin-left:20px;
}
.b{
display:block;
float:right;
width:100%;
text-align:center;
height:auto;
}
 .ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:30%; 
 margin-left:10px;
 margin-right:20px;
 margin-top:10px;
 height:auto; color:#FFF; 
 }
 .ref_footer2{
 display:block;
 float:left;
 width:100%;
 }
 .addresses{
	display:none;
}
 .bandeau_right{
	 display:none;
 }
 .header_logo22{
	display:block;
	position:absolute;
	margin-top:4px;
	/* border:2px solid red; */
	float:left;
	margin-left:42%;
	z-index:8888999988877;
	width:70px;
	height:auto;
	
}
.header_logo22 img{
		border-radius:4px;

}
}


/*tab:po. */
@media only screen and (min-width: 768px) and (max-width: 927px) {
#menu_h_right {
	display: block;
	position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index: 999;
}
.header{
 display:block;
 position:relative; 
 float:left;
 width:100%;
 height:auto;
 margin:0;
 }
#baniere_bdo {
 display:block;
 float:left; 
 position:relative;
  margin-top:3px;
 margin-left:-3px;
 width:100%; 
 height:auto;
 float:left;
 }

.conteneur_new_bdo {
 display: block; 
 position: relative;
 float: left;
 width:100%;
 
 margin-top:50px;
 /*min-height:400px;*/ 
 height:auto;

 z-index: 0;
 margin-left: 3px;
 /*border: 1px solid;*/
 }
.header_logo{
 display:none;
 position:relative; 
 float:left;
 width:226px;
 height:159px; 
 z-index: 99;
 }
.header_left{
 display:none;
 position:relative;
 float:left;
 width:931px;
 height:159px;
 z-index: 99;
 }
.header_adr{ 
display:none;
 position:relative;
 float:right;width:339px;
 height:332px; 
 top: -335px;
 margin-right: 25px;
 z-index: 99;
 opacity: 0.8;
 }
.header_lien_rapide {
 display:none;
 position:relative; 
 float:left;
 width:926px;
 height:20px;
 background-image:url(../images/bg_lienrapide.png);
 background-repeat:no-repeat;
 text-align:right;
 color:#000; 
 padding-top:7px;
 padding-right:5px;
 }
.content{
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto; 
 background-color:#FFF;
 margin-left:0px;
 background-image:url(../images/bg_main.png);
 background-repeat:repeat-y; 
 }
  .contenu{ 
 display:block;
 position:relative;
 float:left; 
 width:100%;
 height:auto;
 margin-left:0px;
 margin-bottom:15px; 
 font-size:12px; 
 }

.contenu_left { 
display:block; 

position:relative;
 float:left;
 width:90%;
 height:auto;
 margin-right:15px;
 margin-bottom:15px;
 }

.contenu_right {
 display:block;
 position:relative; 
 float:left;
 width:100%;
 height:auto; 

 }
 .pave_actu { 
 display:block; 
 position:relative;
 float:left; 
 width:60%;
 height:auto;
 margin-bottom:15px;
 }
.top_selection {
 display:block; 
 position:relative;
 float:left;
 width:40%;
 margin-top:10px;
 height:auto;
 margin-right:10px;
 margin-left:22px; 
 }

/*.top_selection_head { display:block; position:relative; float:left; width:260px; height:15px; background-image:url(../images/topselection_head.png); background-repeat:no-repeat; }*/

.top_selection_head {
 display:block;
 position:relative; 
 float:left;
 width:100%; 
 height:auto;
 background-image:url(../images/topselection_head.png);
 background-repeat:no-repeat; 
 text-transform:uppercase;
 padding-top:7px;
 padding-left:30px; 
 color:#FFF; 
 font-weight:bold;
 font-size:12px; 
 text-align:left; 
 }

.cont_all_document{
display:block;
float:left;

}
.top_selection_main { 
display:block; 
position:relative;
 float:left; 
 width:60%;
 height:auto;
 background-image:url(../images/topselection_main.png);
 background-repeat:repeat-y; padding-left:10px;
 padding-right:10px; 
 font-size:11px;
 }

.top_selection_footer {
 display:block;
 position:relative;
 float:left; 
 width:100%;
 height:auto;
 background-image:url(../images/topselection_footer.png);
 background-repeat:no-repeat;
 }
 
#contenu_footer{ 
 display:block;
 position:relative;
 float:left;
 width:99%;
 height:auto;
 margin-left:0px;
 }
#footer { 
display:block;
 position:relative;
 float:left;
 
 width:100%;
 height:auto;
 padding-left:6px;
 padding-right:9px;
 }

.bx_container{
position: relative;
 width:90%;
 margin-top:13px; 
 height:auto; 
 }
 .scrool{
 display:block;
 float:left;
 font-size:12px;
 
 }
 .scrool2{
 display:block;
 width:100%; 
 height:auto;
 float:left;
 position:relative;
 }

.footer_scrool {  
display:block; 
position:relative;
 float:left;
 width:100%; 
 height:auto; 
 padding-top:20px;
 /* background-image:url(../images/bg_footer_socio.jpg);  */
 background-repeat:no-repeat;
 }
.footer_socio { 
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 padding-top:20px;
 background-repeat:no-repeat; 
 }
.footer_ref {
  display:block;
  position:relative; 
  float:left;
  width:100%;
  height:auto; 
  margin-top:10px;
  background-color:#073e5d;
 /* background-image:url(../images/bg_footer_ref.jpg);*/ 
  background-repeat:no-repeat; 
  }
  
.ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:40%;

 margin-left:5px;

 margin-top:10px; 
 height:auto; 
 color:#FFF; 
 }
.ref_footer_adresse {
 display:block;
 position:relative;
 float:left; 
 width:40%;

 margin-left:35px;
 margin-top:10px;
 height:auto; 
 color:#FFF;  
 }

.footer_link { 
 display:block; 
 position:relative;
 float:left;width:100%; 
 height:auto; color:#000; 
 margin-top:5px;
 }

.pl_socio { 
display:block;
 position:relative;
 float:left; width:auto;
 margin-left:5px;
 text-align:right; 
 color:#2d2d2d;  
 }
.cont_all_document{
display:block;
float:left;
margin-left:20px;
}
.ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:80%; 
 margin-left:10px;
 margin-right:20px;
 margin-top:10px;
 height:auto; color:#FFF; 
 }
.ref_footer_adresse { 
display:block;
 position:relative; 
 float:left; 
 width:80%;
 margin-left:35px; 
 margin-top:10px;
 height:auto;
 color:#FFF; 
 }

 .a{
display:block;
float:left;
width:100%;
height:auto;
text-align:center;
margin-left:20px;
}
.b{
display:block;
float:right;
width:100%;
text-align:center;
height:auto;
}
 .ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:40%; 
 margin-left:10px;
 margin-right:20px;
 margin-top:10px;
 height:auto; color:#FFF; 
 }
 .ref_footer2{
 display:block;
 float:left;
 width:100%;
 }
 .conta1{
	  display:none;
	 float:right;
	 width:25%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:5%;
 }
 .conta{
	 display:none;
	 float:right;
	 width:15%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	  font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:10%;
 }
 
 .header_menu {
	display:none;
	position:relative;
	float:left;
	width:100%;
	height:auto;

	background-image:url(../images/bg1.jpg); 
	background-repeat:repeat-x;
	}
	.addresses{
	display:none;
}
 .bandeau_right{
	 display:none;
 }
 
 .header_logo22{
	display:block;
	position:absolute;
	margin-top:4px;
	/* border:2px solid red; */
	float:left;
	margin-left:40%;
	z-index:8888999988877;
	width:70px;
	height:auto;
	
}
.header_logo22 img{
		border-radius:4px;

}
}






/*sma:pa.*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
#menu_h_right {
	display: block;
	position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index: 999;
}
.header{
 display:block;
 position:relative; 
 float:left;
 width:100%;
 height:auto;
 margin:0;
 }
#baniere_bdo {
 display:block;
 float:left; 
 position:relative;
  margin-top:3px;
 margin-left:-3px;
 width:100%; 
 height:auto;
 float:left;
 }
 #baniere_bdo img{
width:100%;
height:auto;
margin:0px;
margin-top:6%;
}
.conteneur_new_bdo {
 display: block; 
 position: relative;
 float: left;
 width:100%;
 margin-top:2px;
 /*min-height:400px;*/ 
 height:auto;

 z-index: 0;
 margin-left: 3px;
 /*border: 1px solid;*/
 }
.header_logo{
 display:none;
 position:relative; 
 float:left;
 width:226px;
 height:159px; 
 z-index: 99;
 }
.header_left{
 display:none;
 position:relative;
 float:left;
 width:931px;
 height:159px;
 z-index: 99;
 }
.header_adr{ 
display:none;
 position:relative;
 float:right;width:339px;
 height:332px; 
 top: -335px;
 margin-right: 25px;
 z-index: 99;
 opacity: 0.8;
 }
.header_lien_rapide {
 display:none;
 position:relative; 
 float:left;
 width:926px;
 height:20px;
 background-image:url(../images/bg_lienrapide.png);
 background-repeat:no-repeat;
 text-align:right;
 color:#000; 
 padding-top:7px;
 padding-right:5px;
 }
.content{
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto; 
 background-color:#FFF;
 margin-top:2px;
 margin-left:0px;
 background-image:url(../images/bg_main.png);
 background-repeat:repeat-y; 
 }
  .contenu{ 
 display:block;
 position:relative;
 float:left; 
 width:90%;
 height:auto;
 margin-left:0px;
 padding-right:12px;
 margin-bottom:15px; 
 font-size:12px; 
 }

.contenu_left { 
display:block; 

position:relative;
 float:left;
 width:90%;
 height:auto;
 margin-right:15px;
 margin-bottom:15px;
 }

.contenu_right {
 display:block;
 position:relative; 
 float:left;
 width:100%;
 height:auto; 

 }
 .pave_actu { 
 display:block; 
 position:relative;
 float:left; 
 width:50%;
 height:auto;
 margin-left:20px;
 margin-bottom:15px;
 }
.top_selection {
 display:block; 
 position:relative;
 float:left;
 width:40%;
 margin-top:10px;
 height:auto;
 margin-right:10px;
 margin-left:22px; 
 }

/*.top_selection_head { display:block; position:relative; float:left; width:260px; height:15px; background-image:url(../images/topselection_head.png); background-repeat:no-repeat; }*/

.top_selection_head {
 display:block;
 position:relative; 
 float:left;
 width:100%; 
 height:auto;
 background-image:url(../images/topselection_head.png);
 background-repeat:no-repeat; 
 text-transform:uppercase;
 padding-top:7px;
 padding-left:30px; 
 color:#FFF; 
 font-weight:bold;
 font-size:12px; 
 text-align:left; 
 }


.top_selection_main { 
display:block; 
position:relative;
 float:left; 
 width:60%;
 height:auto;
 background-image:url(../images/topselection_main.png);
 background-repeat:repeat-y; padding-left:10px;
 padding-right:10px; 
 font-size:11px;
 }

.top_selection_footer {
 display:block;
 position:relative;
 float:left; 
 width:100%;
 height:auto;
 background-image:url(../images/topselection_footer.png);
 background-repeat:no-repeat;
 }
 
#contenu_footer{ 
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 margin-left:0px;
 }
#footer { 
display:block;
 position:relative;
 float:left;
 
 width:100%;
 height:auto;
 /* padding-left:6px; */
 /* padding-right:9px; */
 }

.bx_container{
position: relative;
 width:90%;
 margin-top:13px; 
 height:auto; 
 }
 .scrool{
 display:block;
 float:left;
 font-size:12px;
 
 }
 .scrool2{
 display:block;
 width:100%; 
 height:auto;
 float:left;
 position:relative;
 }

.footer_scrool {  
display:block; 
position:relative;
 float:left;
 width:100%; 
 height:auto; 
 padding-top:20px;
 /* background-image:url(../images/bg_footer_socio.jpg);  */
 background-repeat:no-repeat;
 }
.footer_socio { 
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 padding-top:20px;
 background-repeat:no-repeat; 
 }
.footer_ref {
  display:block;
  position:relative; 
  float:left;
  width:100%;
  height:auto; 
  margin-top:10px;
  background-color:#073e5d;
 /* background-image:url(../images/bg_footer_ref.jpg);*/ 
  background-repeat:no-repeat; 
  }
  
.ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:40%;

 margin-left:5px;

 margin-top:10px; 
 height:auto; 
 color:#FFF; 
 }
.ref_footer_adresse {
 display:block;
 position:relative;
 float:left; 
 width:45%;
 margin-left:35px;
 margin-top:10px;
 height:auto; 
 color:#FFF;  
 }

.footer_link { 
 display:block; 
 position:relative;
 float:left;width:100%; 
 height:auto; color:#000; 
 margin-top:5px;
 }

.pl_socio { 
display:block;
 position:relative;
 float:left; width:auto;
 margin-left:5px;
 text-align:right; 
 color:#2d2d2d;  
 }
.cont_all_document{
display:block;
float:left;
margin-left:20px;
}
.ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:40%; 
 margin-left:10px;
 margin-right:20px;
 margin-top:10px;
 height:auto; color:#FFF; 
 }
 .ref_footer2{
 display:block;
 float:left;
 width:100%;
 }
.ref_footer_adresse { 
display:block;
 position:relative; 
 float:left; 
 width:40%;
 margin-left:35px; 
 margin-top:10px;
 height:auto;
 color:#FFF; 
 }

 .a{
display:block;
float:left;
width:100%;
height:auto;
text-align:center;
margin-left:20px;
}
.b{
display:block;
float:right;
width:100%;
text-align:center;
height:auto;
}
  .conta1{
	  display:none;
	 float:right;
	 width:25%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:5%;
 }
 .conta{
	 display:none;
	 float:right;
	 width:15%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	  font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:10%;
 }
 
 .header_menu {
	display:none;
	position:relative;
	float:left;
	width:100%;
	height:auto;

	background-image:url(../images/bg1.jpg); 
	background-repeat:repeat-x;
	}
.addresses{
	display:none;
}
 .bandeau_right{
	 display:none;
 }
 .header_logo22{
	display:block;
	position:absolute;
	margin-top:4px;
	/* border:2px solid red; */
	float:left;
	margin-left:40%;
	z-index:8888999988877;
	width:70px;
	height:auto;
	
}
.header_logo22 img{
		border-radius:4px;

}
}



/*sma:po.*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#menu_h_right {
	display: block;
	position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index: 999;
}
.MsoNormalTable{
display:block;
width:100%;
margin-left:-5px;
float:left;

}
.item-page h2{
display:block;
float:left;
font-size:15px;
}
.MsoNormalTable td.tdhaut{
display:block;
float:left;
width:100%;
}

.size{
font-size: 15px; 
margin-top:5px;
font-weight: bold;
}
.header{
 display:block;
 position:relative; 
 float:left;
 width:100%;
 height:auto;
 margin:0;
 }
.table{
display:block;
width:100%;
}
.table td{

display:block;
float:left;
width:100%;
margin-top:10px;
margin-left:-10%;
}
#baniere_bdo {
 display:block;
 float:left;
 position:relative;
 margin-left:0px;
 width:100%; 
 height:auto;
 float:left;
 }
#baniere_bdo {
 display:block;
 float:left; 
 position:relative;
  margin-top:3px;
 margin-left:-3px;
 width:100%; 
 height:auto;
 float:left;
 }
#baniere_bdo img{
width:100%;
height:auto;
margin:0px;
margin-top:12%;
}
.pave_actu_main_catalogue { 
display:block;
padding-left:20px;
 position:relative; 
 float:left; 
 width:90%;
 height:390px; 
 background-image:url(../images/pave_actu_main.png);
 background-repeat:repeat-y; color:#000;
 padding-left:15px;
 padding-right:15px;  
 text-align:left; 
 font-size:11px;
 }

 
.conteneur_new_bdo {
 display: block; 
 position: relative;
 float: left;
 width:100%;
 margin-top:4px;
 /*min-height:400px;*/ 
 height:auto;

 z-index: 0;
 margin-left: 3px;
 /*border: 1px solid;*/
 }
.header_logo{
 display:none;
 position:relative; 
 float:left;
 width:226px;
 height:159px; 
 z-index: 99;
 }
.header_left{
 display:none;
 position:relative;
 float:left;
 width:931px;
 height:159px;
 z-index: 99;
 }
.header_adr{ 
display:none;
 position:relative;
 float:right;width:339px;
 height:332px; 
 top: -335px;
 margin-right: 25px;
 z-index: 99;
 opacity: 0.8;
 }
 .pave_actu_head1 {
	display:block;
	position:relative;
	float:left;
	width:90%;
	height:auto; 
	
	background-image:url(../images/pave_actu_head1.png); 
	background-repeat:no-repeat;
	text-transform:uppercase;
	padding-top:7px;
	padding-left:60px; 
	color:#FFF; 
	font-weight:bold;
	font-size:17px;
	text-align:left;
	}
.header_lien_rapide {
 display:none;
 position:relative; 
 float:left;
 width:926px;
 height:20px;
 background-image:url(../images/bg_lienrapide.png);
 background-repeat:no-repeat;
 text-align:right;
 color:#000; 
 padding-top:7px;
 padding-right:5px;
 }
 .pave_actu_main {
	display:block; 
	position:relative;
	float:left; 
	padding-left:25px;
	width:95%; 
	height:auto;
	background-image:url(../images/pave_actu_main.png);
	background-repeat:repeat-y;
	color:#000;
	padding-right:15px; 
	text-align:left; 
	font-size:11px; 
	}
.content{
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto; 
 background-color:#FFF;
 margin-left:0%;
 margin-top:2px;
 background-repeat:repeat-y; 
 }
 .contenu{ 
 display:block;
 position:relative;
 float:left; 
 width:97%;
 height:auto;

 margin-bottom:15px; 
 font-size:12px; 
 }

.contenu_left h2{
display:block;
float:left;
font-size:15px;
}
.contenu_left { 
display:block; 

position:relative;
 float:left;
 width:90%;
 height:auto;
 margin-left:5px;

 margin-bottom:15px;
 }

.contenu_right {
 display:block;
 position:relative; 
 float:left;
 width:98%;
 margin-left:-8px;
 height:auto; 

 }
 .pave_actu { 
 display:block; 
 position:relative;
 float:left; 
 width:100%;
 margin-left:10px;
 height:auto;
 margin-bottom:15px;
 }
.top_selection {
 display:block; 
 position:relative;
 float:left;
 width:90%;
 margin-top:10px;
 height:auto;
 margin-right:10px;
 margin-left:10%; 
 }
.pave_actu_head { 
display:block;
 position:relative;
 float:left;
 width:90%;
 height:auto;
 background-image:url(../images/pave_actu_head.png);
 background-repeat:no-repeat; 
 text-transform:uppercase;
 padding-top:7px;
 padding-left:60px; 
 color:#FFF;
font-weight:bold;
	font-size:17px;
 text-align:left;
 }

.pave_actu_head1 {
	display:block;
	position:relative;
	float:left;
	width:90%;
	height:auto; 
	
	background-image:url(../images/pave_actu_head1.png); 
	background-repeat:no-repeat;
	text-transform:uppercase;
	padding-top:7px;
	padding-left:60px; 
	color:#FFF; 
	font-weight:bold;
	font-size:17px;
	text-align:left;
	}

.top_selection_head {
 display:block;
 position:relative; 
 float:left;
 width:90%; 
 height:auto;
 background-image:url(../images/topselection_head.png);
 background-repeat:no-repeat; 
 text-transform:uppercase;
 padding-top:7px;
 padding-left:30px; 
 color:#FFF; 
 font-weight:bold;
 font-size:12px; 
 text-align:left; 
 }

.top_selection_main h4{
display:block;
float:left;
font-size:11px;
font-weight:bold;
}
.top_selection_main { 
display:block; 
position:relative;
 float:left; 
 width:80%;
 height:auto;
 background-repeat:repeat-y; padding-left:10px;
 padding-right:10px; 
 font-size:11px;
 }

.top_selection_footer {
 display:block;
 position:relative;
 float:left; 
 width:100%;
 height:auto;
 background-image:url(../images/topselection_footer.png);
 background-repeat:no-repeat;
 }


#contenu_footer{ 
 display:block;
 position:relative;
 float:left;
 width:99%;
 height:auto;
 margin-left:0px;
 }
#footer { 
display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 /* padding-left:6px; */
 /* padding-right:9px; */
 }

.footer_scrool {  
display:block; 
position:relative;
 float:left;
 width:100%; 
 height:auto; 
 padding-top:20px;
 background-repeat:no-repeat;
 }
.footer_socio { 
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 padding-top:20px;
 background-repeat:no-repeat; 
 }

.bx_container{
position: relative;
 width:94%;
 margin-top:13px; 
 height:auto; 
 /* border:2px solid #ddd; */
 }
 .li{
display:block;
float: left;
 list-style: none outside none;
 margin-right: 5px;
 margin-top:15px;
 height:40px;
 padding-left:3px;
 vertical-align:middle;
}
 .scrool{
 display:block;
 float:left;
 font-size:12px;
 
 }
 .scrool2{
 display:block;
 width:100%; 
 height:auto;
 float:left;
 position:relative;
 }

.footer_ref {
  display:block;
  position:relative; 
  float:left;
  width:99%;
  height:auto; 
  margin-top:10px;
  background-color:#073e5d;
 /* background-image:url(../images/bg_footer_ref.jpg);*/ 
  background-repeat:no-repeat; 
  }
.footer_link { 
 display:block; 
 position:relative;
 float:left;width:100%; 
 height:auto; color:#000; 
 margin-top:5px;
 }
.prmox{
	display:block;
	float:left;
	width:100%;
	margin-left:-3%;
}

.ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:80%; 
 margin-left:10px;
 margin-right:20px;
 margin-top:10px;
 height:auto; color:#FFF; 
 }
.ref_footer_adresse { 
display:block;
 position:relative; 
 float:left; 
 width:80%;
 margin-left:35px; 
 margin-top:10px;
 height:auto;
 color:#FFF; 
 }
.cont_all_document{
	margin-left:0px;
}
 .a{
display:block;
float:left;
width:100%;
height:auto;
text-align:center;
margin-left:20px;
}
.b{
display:block;
float:right;
width:100%;
text-align:center;
height:auto;
}
 .conta1{
	  display:none;
	 float:right;
	 width:25%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:5%;
 }
 .conta{
	 display:none;
	 float:right;
	 width:15%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	  font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:10%;
 }
  .pave_actu_main_catalogue {
 display:block;
 position:relative;
 float:left;
 width:98%;
 height:auto;
 background-image:url(../images/pave_actu_main.png); 
 background-repeat:repeat-y; color:#000; 
 padding-left:15px; 
 padding-right:15px;
 text-align:left; 
 font-size:11px;
 }
 .header_menu {
	display:none;
	position:relative;
	float:left;
	width:100%;
	height:auto;

	background-image:url(../images/bg1.jpg); 
	background-repeat:repeat-x;
	}
	.addresses{
	display:none;
}
 .bandeau_right{
	 display:none;
 }
 
 .header_logo22{
	display:block;
	position:absolute;
	margin-top:4px;
	/* border:2px solid red; */
	float:left;
	margin-left:40%;
	z-index:8888999988877;
	width:70px;
	height:auto;
	
}
.header_logo22 img{
		border-radius:4px;

}
}



/*sma*/
@media (max-width: 320px) {
	.header_logo22{
	display:block;
	position:absolute;
	margin-top:4px;
	/* border:2px solid red; */
	float:left;
	margin-left:40%;
	z-index:8888999988877;
	width:70px;
	height:auto;
	
}
.header_logo22 img{
		border-radius:4px;

}
#menu_h_right {
	display: block;
	position: relative;
	float:left;
	width:100%;
	height:auto;
	z-index: 999;
}
.addresses{
	display:none;
}
.header{
 display:block;
 position:relative; 
 float:left;
 width:100%;
 height:auto;
 margin:0;
 }
.table{
display:block;
width:100%;
}
.table td{

display:block;
float:left;
width:100%;
margin-left:-20%;
}
.MsoNormalTable{
display:block;
width:100%;
margin-left:-5px;
float:left;

}
.MsoNormalTable td.tdhaut{
display:block;
float:left;
width:100%;
}

.size{
font-size: 15px; 
margin-top:5px;
font-weight: bold;
}
#baniere_bdo {
 display:block;
 float:left; 
 position:relative;
  margin-top:3px;
 margin-left:-3px;
 width:100%; 
 height:auto;
 float:left;
 }
.item-page h2{
display:block;
float:left;
font-size:14px;
}
.conteneur_new_bdo {
 display: block; 
 position: relative;
 float: left;
 width:100%;
 margin-top:1px;
 /*min-height:400px;*/ 
 height:auto;

 z-index: 0;
 margin-left: 3px;
 /*border: 1px solid;*/
 }
 #baniere_bdo img{
width:100%;
height:auto;
margin:0px;
margin-top:16%;
}
.header_logo{
 display:none;
 position:relative; 
 float:left;
 width:226px;
 height:159px; 
 z-index: 99;
 }

.header_left{
 display:none;
 position:relative;
 float:left;
 width:931px;
 height:159px;
 z-index: 99;
 }

.header_adr{ 
display:none;
 position:relative;
 float:right;width:339px;
 height:332px; 
 top: -335px;
 margin-right: 25px;
 z-index: 99;
 opacity: 0.8;
 }

.header_lien_rapide {
 display:none;
 position:relative; 
 float:left;
 width:926px;
 height:20px;
 background-image:url(../images/bg_lienrapide.png);
 background-repeat:no-repeat;
 text-align:right;
 color:#000; 
 padding-top:7px;
 padding-right:5px;
 }
.content{
 display:block;
 position:relative;
 float:left;
 width:99%;
 height:auto; 
 background-color:#FFF;
 margin-left:0px;
 background-image:url(../images/bg_main.png);
 background-repeat:repeat-y; 
 }
 .contenu{ 
 display:block;
 position:relative;
 float:left; 
 width:95%;
 height:auto;
 margin-bottom:15px; 
 font-size:12px; 
 }
.contenu_left h2{
display:block;
float:left;
font-size:13px;
}
.contenu_left { 
display:block; 

position:relative;
 float:left;
 width:95%;
 height:auto;
 margin-bottom:15px;
 }

.contenu_right {
 display:block;
 position:relative; 
 float:left;
 width:80%;
 
 height:auto; 

 }
 .pave_actu { 
 display:block; 
 position:relative;
 float:left; 
 width:80%;
 height:auto;
 margin-bottom:15px;
 }
.top_selection {
 display:block; 
 position:relative;
 float:left;
 width:80%;
 margin-top:10px;
 height:auto;
 margin-right:10px;
 margin-left:2px; 
 }


.top_selection_head {
 display:block;
 position:relative; 
 float:left;
 width:100%; 
 height:auto;
 background-image:url(../images/topselection_head.png);
 background-repeat:no-repeat; 
 text-transform:uppercase;
 padding-top:7px;
 padding-left:30px; 
 color:#FFF; 
 font-weight:bold;
 font-size:12px; 
 text-align:left; 
 }

.top_selection_main h4{
display:block;
float:left;
font-size:11px;
}
.top_selection_main { 
display:block; 
position:relative;
 float:left; 
 width:90%;
 height:auto;
 background-image:url(../images/topselection_main.png);
 background-repeat:repeat-y; padding-left:10px;
 padding-right:10px; 
 font-size:11px;
 }

.top_selection_footer {
 display:block;
 position:relative;
 float:left; 
 width:100%;
 height:auto;
 background-image:url(../images/topselection_footer.png);
 background-repeat:no-repeat;
 }
 .pave_actu_head { 
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 background-image:url(../images/pave_actu_head.png); 
 background-repeat:no-repeat; 
 text-transform:uppercase; 
 padding-top:7px;
 padding-left:30px;
 color:#FFF;
 font-weight:bold;
 font-size:13px;
 text-align:left; 
 }

 .pave_actu_main_catalogue {
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 background-image:url(../images/pave_actu_main.png); 
 background-repeat:repeat-y; color:#000; 
 padding-left:15px; 
 padding-right:15px;
 text-align:left; 
 font-size:11px;
 }

#contenu_footer{ 
 display:block;
 position:relative;
 float:left;
 width:99%;
 height:auto;
 margin-left:0px;
 }
#footer { 
display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 padding-left:6px;
 padding-right:9px;
 }

.footer_scrool {  
display:block; 
position:relative;
 float:left;
 width:100%; 
 height:auto; 
 padding-top:20px;
 background-image:url(../images/bg_footer_socio.jpg); 
 background-repeat:no-repeat;
 }
.footer_socio { 
 display:block;
 position:relative;
 float:left;
 width:100%;
 height:auto;
 padding-top:20px;
 background-repeat:no-repeat; 
 }
.footer_ref {
  display:block;
  position:relative; 
  float:left;
  width:100%;
  height:auto; 
  margin-top:10px;
  background-color:#073e5d;
 /* background-image:url(../images/bg_footer_ref.jpg);*/ 
  background-repeat:no-repeat; 
  }
.footer_link { 
 display:block; 
 position:relative;
 float:left;width:100%; 
 height:auto; color:#000; 
 margin-top:5px;
 }

.pl_socio { 
display:block;
 position:relative;
 float:left; width:auto;
 margin-left:5px;
 text-align:right; 
 color:#2d2d2d;  
 }

.bx_container{
position: relative;
 width:90%;
 margin-top:13px; 
 height:auto; 
 }
 .scrool{
 display:block;
 float:left;
 font-size:12px;
 
 }
 .scrool2{
 display:block;
 width:100%; 
 height:auto;
 float:left;
 position:relative;
 }
.ref_footer { 
display:block;
 position:relative;
 float:left; 
 width:80%; 
 margin-left:10px;
 margin-right:20px;
 margin-top:10px;
 height:auto; color:#FFF; 
 }
.ref_footer_adresse { 
display:block;
 position:relative; 
 float:left; 
 width:80%;
 margin-left:35px; 
 margin-top:10px;
 height:auto;
 color:#FFF; 
 }
 .conta1{
	  display:none;
	 float:right;
	 width:25%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:5%;
 }
 .conta{
	 display:none;
	 float:right;
	 width:15%;
	 padding-bottom:5px;
	 margin-bottom:5px;
	 padding-top:5px;
	 margin-top:5px;
	  font-size:12px;
	 font-weight:bold;
	 background-color:#FFF;
	 color:#000;
	 padding-left:5px;
	 border-radius:8px;
	 margin-right:10%;
 }
 
 .header_menu {
	display:none;
	position:relative;
	float:left;
	width:100%;
	height:auto;

	background-image:url(../images/bg1.jpg); 
	background-repeat:repeat-x;
	}
 .a{
display:block;
float:left;
width:100%;
height:auto;
text-align:center;
margin-left:20px;
}
.b{
display:block;
float:right;
width:100%;
text-align:center;
height:auto;
}
 .bandeau_right{
	 display:none;
 }
.cont_all_document{
	margin-left:0px;
}
}