
html { 
font-size: 100.01%; 
-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, td {
	margin: 0;padding: 0;border: 0;outline: 0;
	vertical-align:middle;
}


body {
	margin: 0;
	font: 12px Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
	color: #333333;
	background-color:#edece7;
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-x;
	background-position:top center;
}


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

.specialchamp { display: none; }


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

h1, h2 {font-size: 24px;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;}*/

.flotte_right {
float:right;
}
.flotte_left {
float:left;
}

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:#bed6f2; }
#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;
  border: 0;
}
 
/* 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%; max-width:1152px; }
.conteneur{  margin-left:auto; margin-right:auto; width:100%; max-width:1152px; height:auto;}
.header{ display:block; position:relative; float:left;width:100%; max-width:1152px; height:587px; margin:0; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; margin-bottom:2px;}
#lien_rapide { display:block; float:left; position:relative; width:1124px; height:15px; margin-left:14px; margin-right:13px; padding-top:5px; color:#000; font-size:11px; text-align:right;}
#contenu_header { display:block; float:left; position:relative; width:1127px; height:auto; margin-left:14px; margin-right:10px; margin-top:12px;}

#contenu_logo { display:block; float:left; position:relative; width:100%; height:57px; margin-bottom:5px;}
#place_logo { display:block; float:left; position:relative; width:545px; margin-left:10px; height:auto;  text-align:left; }
#place_adresse { display:block; float:right; position:relative; width:545px; height:auto; margin-right:10px; text-align:right; }

#contenu_adresse { display:block; float:left; position:relative; width:100%; height:136px; background-image:url(../images/bg_contact.jpg); background-repeat:no-repeat;}
#place_contact { display:block; float:left; position:relative; width:545px; margin-left:10px; height:auto;  text-align:left; }
#place_logo_marque { display:block; float:right; position:relative; width:545px; height:auto; margin-right:10px; text-align:center; }

#menu { display:block; float:left;background-color:#2d333f;  width:1127PX; height:48px; margin-bottom:3px; z-index:99; }
#menu a{ display:block;
	color:#FFF;
	/* font-family:Yanone Kaffeesatz; */
	    /* font-family: 'Roboto Condensed', sans-serif; */
    font-family: 'Oswald', sans-serif;

	font-weight:450;
	font-size:15px; 
	float:left;
	padding-top:12px;
	top:0px;
	margin-left:26px;
	margin-right:2px;
	/* margin-left:26px; */
	/* margin-right:30px; */
}

/* #menu { display:block; float:left; position:relative; width:100%; height:48px; margin-bottom:3px; z-index:99; } */
#pl_baniere { display:block; float:left; position:relative; width:1115px; height:310px; padding-left:6px; padding-right:6px; text-align:center; margin-bottom:6px;}
.content { display:block; position:relative; float:left;width:100%; max-width:1152px; height:auto; margin-bottom:10px;}

.content_head{ display:block; position:relative; float:left; width:1152px; height:29px; background-image:url(../images/bg_content_head.jpg); background-repeat:no-repeat;}
.content_footer{ display:block; position:relative; float:left; width:1152px; height:21px; background-image:url(../images/bg_content_footer.jpg); background-repeat:no-repeat; }
.content_main{ display:block; position:relative; float:left; width:1125px; padding-left:14px; padding-right:13px; height:auto; background-image:url(../images/bg_content_main.jpg); background-repeat:repeat-y; }


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

.contenu_left { display:block; position:relative; float:right; width:790px; height:auto; margin-bottom:15px; margin-top:15px;  }

.contenu_right { display:block; position:relative; float:left; width:320px; height:auto; margin-right:6px; margin-left:7px; }

.contenu_doc { display:block; position:relative; float:left; width:1117px; height:auto; padding-left:6px; padding-right:2px; }


.pave_actu { display:block; font-family: 'Montserrat', sans-serif;position:relative; float:left; width:313px; height:auto; margin-bottom:8px; }
.pave_actu_head { display:block; position:relative; float:left; width:300px; height:22px; background-image:url(../images/pave_actu_head.jpg); background-repeat:no-repeat; text-transform:uppercase; padding-top:10px; padding-left:13px; color:#FFF; font-weight:bold; font-size:13px; text-align:left; }

.pave_actu_main { display:block; position:relative; float:left; width:285px; height:290px; padding-top:13px; background-image:url(../images/pave_actu_main.jpg); background-repeat:repeat-y; color:#000; padding-left:13px; padding-right:15px;  text-align:left; font-size:11px; }
.pave_actu_main_auto { display:block; position:relative; float:left; width:285px; height:auto; padding-top:13px; min-height:290px; background-image:url(../images/pave_actu_main.jpg); background-repeat:repeat-y; color:#000; padding-left:13px; padding-right:15px;  text-align:left; font-size:11px; }
.pave_actu_footer { display:block; position:relative; float:left; width:313px; height:7px; background-image:url(../images/pave_actu_main.jpg); background-repeat:no-repeat; }


.top_selection_last { display:block; position:relative; float:left; width:363px; height:auto; margin-left:8px; }
.top_selection { display:block; position:relative; float:left; width:363px; height:auto; margin-left:8px; border-right:2px solid #cccccc; }
.top_selection_head { display:block; position:relative; float:left; width:343px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; color:#6a462a; font-weight:bold; font-size:13px; text-decoration:underline; }
.top_selection_main { display:block; position:relative; float:left; width:343px; height:330px; padding-left:10px; padding-right:10px; font-size:11px;}
.top_selection_footer { display:block; position:relative; float:left; width:363px; height:27px; }



.box_activite_titre { display:block; position:relative; float:left; width:100%; height:30px; font-size:18px; color:#f19000; font-weight:bold; margin-bottom:5px;}
.box_activite { display:block; position:relative; float:left; width:262px; height:176px; margin-left:1px; background-image:url(../images/bg_activite.jpg); background-repeat:no-repeat; padding-top:8px; padding-left:8px; padding-right:8px; text-align:center; }


#contenu_footer{  display:block;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
position:relative; float:left;width:1152px; height:234px; background-image:url(../images/bg_footer.png);}
#footer { display:block; position:relative;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
 float:left;width:1127px; height:auto; padding-left:14px; padding-right:10px; }
.link_foot1{
	display:block;
	float:left;
width:35%;
}
.link_foot2{
	display:block;
	float:right;
	text-align:right;
    width:65%;
}
.footer_socio {  display:block; position:relative; float:left;width:100%; height:38px; padding-top:20px; background-image:url(../images/bg_footer_socio.jpg); background-repeat:no-repeat; }
.footer_ref { font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
 display:block; position:relative; float:left;width:100%; height:200px; margin-top:10px;}
.footer_link { font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;
 display:block; position:relative; float:left;width:100%; height:25px; color:#000000; padding-top:25px;}

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

.ref_footer { display:block; position:relative; float:left; width:355px; margin-left:10px; margin-right:10px; margin-top:10px; height:170px; color:#a86e40;   }
.ref_footer_adresse { display:block; position:relative; float:left; width:260px; margin-left:35px; margin-top:10px; height:170px; color:#000000;  }
#menu_h_right {
	display: none;
	position: relative;
	float:left;
	width:100%;

	height:auto;
	z-index: 999;
}
#place_logo2{
	display:none;
}

@media (max-width: 1370px) {
#menu_h_right {
	display: none;
	position: relative;
	float:left;
	width:100%;

	height:auto;
	z-index: 999;
}
}
/* 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;
}
#contenu_adresse { display:block; float:left; position:relative; padding-bottom:20px;width:100%; height:auto; background-image:url(../images/bg_contact.jpg); background-repeat:no-repeat;}

#place_logo_marque { display:block; float:right; position:relative; width:400px;top:-120px;height:auto; margin-right:10px; text-align:center; }
.pave_actu { display:block; font-family: 'Montserrat', sans-serif;position:relative; float:left; width:313px; height:auto;margin-left:30px; margin-bottom:8px; }

.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:auto; margin:0; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; margin-bottom:2px;}
#lien_rapide { display:none; float:left; position:relative; width:100%; height:15px; margin-left:14px; margin-right:13px; padding-top:5px; color:#000; font-size:11px; text-align:right;}
#contenu_header { display:block; float:left; position:relative; width:100%; height:auto; margin-left:0px; margin-right:10px;background-color:#fff; margin-top:0px;}
#menu { display:none; float:left;background-color:#2d333f;  width:100%; height:48px; margin-bottom:3px; z-index:99; }
#place_logo { display:none; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_adresse { display:block; float:left; position:relative; width:100%; height:auto; margin-right:10px; text-align:right; }
#place_adresse img{display:block;float:left;margin-left:20%;}

#pl_baniere { display:block; float:left; position:relative; width:100%; height:auto; padding-left:0px; padding-right:0px; text-align:center; margin-bottom:6px;}
.content { display:block; position:relative; float:left;width:100%; height:auto; margin-bottom:10px;}
#place_contact {font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif; display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_contact td{ display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }

#contenu_logo { display:block; float:left; position:relative; width:100%; height:auto; margin-bottom:5px;}
#place_logo2{
display:block;
position:absolute;
margin-top:8px;
margin-left:35%;
z-index:99999999;
width:250px;
}	
#place_logo2 img{
	border-radius:3px;
}

.content_head{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_head.jpg); background-repeat:no-repeat;}
.content_footer{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_footer.jpg); background-repeat:no-repeat; }
.content_main{ display:block; position:relative; float:left; width:100%; padding-left:0px; padding-right:0px; height:auto;background-color:#fff; background-image:url(../images/b_content_main.jpg); background-repeat:repeat-y; }

.contenu{ display:block; position:relative; float:left; width:100%; height:auto; margin-bottom:15px; font-size:12px; }

.contenu_left { display:block; font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;position:relative; float:left; width:90%; height:auto; margin-bottom:15px;margin-left:20px; margin-top:15px;  }

.contenu_right { display:block;font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif; position:relative; float:left; width:99%; height:auto; margin-right:0px; margin-left:20px; }

.contenu_doc { display:block; position:relative; float:left; width:98%; height:auto; padding-left:6px; padding-right:2px; }
.box_activite_titre { display:block; position:relative; float:left; width:100%; height:auto; font-size:15px; color:#f19000; font-weight:bold; margin-bottom:5px;}
.box_activite { display:block; position:relative; float:left; width:262px; height:176px; margin-left:20px; background-image:url(../images/bg_activite.jpg); background-repeat:no-repeat; padding-top:8px; padding-left:8px; padding-right:8px; text-align:center; }


.top_selection_last { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; }
.top_selection { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; border-right:2px solid #cccccc; }
.top_selection_head { display:block; position:relative; float:left; width:343px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; color:#6a462a; font-weight:bold; font-size:13px; text-decoration:underline; }
.top_selection_main { display:block; position:relative; float:left; width:335px; height:330px; padding-left:10px; padding-right:10px; font-size:11px;}
.top_selection_footer { display:block; position:relative; float:left; width:350px; height:27px; }

.footer_socio {  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_ref {  display:block; position:relative; float:left;width:100%; height:auto; margin-top:10px;}
.footer_link {  display:block; position:relative; float:left;width:100%; height:auto; color:#000000; padding-top:15px;}

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

.ref_footer { display:block; position:relative; float:left; width:30%; margin-left:10px; margin-right:10px; margin-top:10px; height:auto; color:#a86e40;   }
.ref_footer_adresse { display:block; position:relative; float:left; width:260px; margin-left:35px; margin-top:10px; height:auto; color:#000000;  }

#contenu_footer{  display:block; position:relative; float:left;width:100%; height:auto;background-color:#2b323d; background-image:url(../image/bg_footer.png);}
#footer { display:block; position:relative; float:left;width:97%; height:auto; padding-left:14px; padding-right:10px; }
.link_foot1{
	display:block;
	float:left;
text-align:center;
padding-top:30px;
padding-bottom:10px;

color:#fff;
width:100%;
}
.link_foot2{
	display:block;
	float:left;
	text-align:center;
	color:#fff;
	line-height:17px;
padding-bottom:30px;

    width:100%;
}


}
/*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;
}
#place_logo_marque { display:block; float:left; position:relative; width:99%; height:auto; margin-right:10px; text-align:center; }
.pave_actu { display:block; font-family: 'Montserrat', sans-serif;position:relative; float:left; width:313px; height:auto;margin-left:30px; margin-bottom:8px; }

.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:auto; margin:0; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; margin-bottom:2px;}
#lien_rapide { display:none; float:left; position:relative; width:100%; height:15px; margin-left:14px; margin-right:13px; padding-top:5px; color:#000; font-size:11px; text-align:right;}
#contenu_header { display:block; float:left; position:relative; width:100%; height:auto; margin-left:0px; margin-right:10px;background-color:#fff; margin-top:0px;}
#menu { display:none; float:left;background-color:#2d333f;  width:100%; height:48px; margin-bottom:3px; z-index:99; }
#place_logo { display:none; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_adresse { display:block; float:left; position:relative; width:100%; height:auto; margin-right:10px; text-align:right; }
#place_adresse img{display:block;float:left;margin-left:20%;}

#pl_baniere { display:block; float:left; position:relative; width:100%; height:auto; padding-left:0px; padding-right:0px; text-align:center; margin-bottom:6px;}
.content { display:block; position:relative; float:left;width:100%; height:auto; margin-bottom:10px;}
#place_contact { display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_contact td{ display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }

#contenu_logo { display:block; float:left; position:relative; width:100%; height:auto; margin-bottom:5px;}
#place_logo2{
display:block;
position:absolute;
margin-top:8px;
margin-left:35%;
z-index:99999999;
width:250px;
}	
#place_logo2 img{
	border-radius:3px;
}

.content_head{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_head.jpg); background-repeat:no-repeat;}
.content_footer{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_footer.jpg); background-repeat:no-repeat; }
.content_main{ display:block; position:relative; float:left; width:100%; padding-left:0px; padding-right:0px; height:auto;background-color:#fff; background-image:url(../images/b_content_main.jpg); background-repeat:repeat-y; }

.contenu{ display:block; position:relative;padding-left:8px; float:left; width:100%; height:auto; margin-bottom:15px; font-size:12px; }

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

.contenu_right { display:block; position:relative; float:left; width:99%; height:auto; margin-right:0px; margin-left:20px; }

.contenu_doc { display:block; position:relative; float:left; width:98%; height:auto; padding-left:6px; padding-right:2px; }
.box_activite_titre { display:block; position:relative; float:left; width:100%; height:auto; font-size:15px; color:#f19000; font-weight:bold; margin-bottom:5px;}
.box_activite { display:block; position:relative; float:left; width:262px; height:176px; margin-left:20px; background-image:url(../images/bg_activite.jpg); background-repeat:no-repeat; padding-top:8px; padding-left:8px; padding-right:8px; text-align:center; }


.top_selection_last { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; }
.top_selection { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; border-right:2px solid #cccccc; }
.top_selection_head { display:block; position:relative; float:left; width:343px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; color:#6a462a; font-weight:bold; font-size:13px; text-decoration:underline; }
.top_selection_main { display:block; position:relative; float:left; width:335px; height:330px; padding-left:10px; padding-right:10px; font-size:11px;}
.top_selection_footer { display:block; position:relative; float:left; width:350px; height:27px; }

.footer_socio {  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_ref {  display:block; position:relative; float:left;width:100%; height:auto; margin-top:10px;}
.footer_link {  display:block; position:relative; float:left;width:100%; height:auto; color:#000000; padding-top:15px;}

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

.ref_footer { display:block; position:relative; float:left; width:40%; margin-left:10px; margin-right:10px; margin-top:10px; height:auto; color:#a86e40;   }
.ref_footer_adresse { display:block; position:relative; float:left; width:260px; margin-left:35px; margin-top:10px; height:auto; color:#000000;  }

#contenu_footer{  display:block; position:relative; float:left;width:100%; height:auto;background-color:#2b323d; background-image:url(../image/bg_footer.png);}
#footer { display:block; position:relative; float:left;width:97%; height:auto; padding-left:14px; padding-right:10px; }
.link_foot1{
	display:block;
	float:left;
text-align:center;
padding-top:30px;
padding-bottom:10px;

color:#fff;
width:100%;
}
.link_foot2{
	display:block;
	float:left;
	text-align:center;
	color:#fff;
	line-height:17px;
padding-bottom:30px;

    width:100%;
}
#contenu_adresse { display:block; float:left; position:relative; padding-bottom:20px;width:100%; height:auto; background-image:url(../images/bg_contact.jpg); background-repeat:no-repeat;}


}
/*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;
}
#place_logo_marque { display:block; float:left; position:relative; width:99%; height:auto; margin-right:10px; text-align:center; }
.pave_actu { display:block; font-family: 'Montserrat', sans-serif;position:relative; float:left; width:313px; height:auto;margin-left:30px; margin-bottom:8px; }

.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:auto; margin:0; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; margin-bottom:2px;}
#lien_rapide { display:none; float:left; position:relative; width:100%; height:15px; margin-left:14px; margin-right:13px; padding-top:5px; color:#000; font-size:11px; text-align:right;}
#contenu_header { display:block; float:left; position:relative; width:100%; height:auto; margin-left:0px; margin-right:10px;background-color:#fff; margin-top:0px;}
#menu { display:none; float:left;background-color:#2d333f;  width:100%; height:48px; margin-bottom:3px; z-index:99; }
#place_logo { display:none; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_adresse { display:block; float:left; position:relative; width:100%; height:auto; margin-right:10px; text-align:right; }
#place_adresse img{display:block;float:left;margin-left:20%;}

#pl_baniere { display:block; float:left; position:relative; width:100%; height:auto; padding-left:0px; padding-right:0px; text-align:center; margin-bottom:6px;}
.content { display:block; position:relative; float:left;width:100%; height:auto; margin-bottom:10px;}
#place_contact { display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_contact td{ display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }

#contenu_logo { display:block; float:left; position:relative; width:100%; height:auto; margin-bottom:5px;}
#place_logo2{
display:block;
position:absolute;
margin-top:8px;
margin-left:25%;
z-index:99999999;
width:250px;
}	
#place_logo2 img{
	border-radius:3px;
}

.content_head{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_head.jpg); background-repeat:no-repeat;}
.content_footer{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_footer.jpg); background-repeat:no-repeat; }
.content_main{ display:block; position:relative; float:left; width:100%; padding-left:0px; padding-right:0px; height:auto;background-color:#fff; background-image:url(../images/b_content_main.jpg); background-repeat:repeat-y; }

.contenu{ display:block;padding-left:8px; position:relative; float:left; width:100%; height:auto; margin-bottom:15px; font-size:12px; }

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

.contenu_right { display:block; position:relative; float:left; width:99%; height:auto; margin-right:0px; margin-left:20px; }

.contenu_doc { display:block; position:relative; float:left; width:98%; height:auto; padding-left:6px; padding-right:2px; }
.box_activite_titre { display:block; position:relative; float:left; width:100%; height:auto; font-size:15px; color:#f19000; font-weight:bold; margin-bottom:5px;}
.box_activite { display:block; position:relative; float:left; width:262px; height:176px; margin-left:20px; background-image:url(../images/bg_activite.jpg); background-repeat:no-repeat; padding-top:8px; padding-left:8px; padding-right:8px; text-align:center; }


.top_selection_last { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; }
.top_selection { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; border-right:2px solid #cccccc; }
.top_selection_head { display:block; position:relative; float:left; width:343px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; color:#6a462a; font-weight:bold; font-size:13px; text-decoration:underline; }
.top_selection_main { display:block; position:relative; float:left; width:335px; height:330px; padding-left:10px; padding-right:10px; font-size:11px;}
.top_selection_footer { display:block; position:relative; float:left; width:350px; height:27px; }

.footer_socio {  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_ref {  display:block; position:relative; float:left;width:100%; height:auto; margin-top:10px;}
.footer_link {  display:block; position:relative; float:left;width:100%; height:auto; color:#000000; padding-top:15px;}

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

.ref_footer { display:block; position:relative; float:left; width:40%; margin-left:10px; margin-right:10px; margin-top:10px; height:auto; color:#a86e40;   }
.ref_footer_adresse { display:block; position:relative; float:left; width:260px; margin-left:35px; margin-top:10px; height:auto; color:#000000;  }
#contenu_adresse { display:block; float:left; position:relative; padding-bottom:20px;width:100%; height:auto; background-image:url(../images/bg_contact.jpg); background-repeat:no-repeat;}

#contenu_footer{  display:block; position:relative; float:left;width:100%; height:auto;background-color:#2b323d; background-image:url(../image/bg_footer.png);}
#footer { display:block; position:relative; float:left;width:97%; height:auto; padding-left:14px; padding-right:10px; }
.link_foot1{
	display:block;
	float:left;
text-align:center;
padding-top:30px;
padding-bottom:10px;

color:#fff;
width:100%;
}
.link_foot2{
	display:block;
	float:left;
	text-align:center;
	color:#fff;
	line-height:17px;
padding-bottom:30px;

    width:100%;
}


}
/*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;
}
#place_logo_marque { display:block; float:left; position:relative; width:99%; height:auto; margin-right:10px; text-align:center; }
#contenu_adresse { display:block; float:left; position:relative; padding-bottom:20px;width:100%; height:auto; background-image:url(../images/bg_contact.jpg); background-repeat:no-repeat;}

.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:auto; margin:0; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; margin-bottom:2px;}
#lien_rapide { display:none; float:left; position:relative; width:100%; height:15px; margin-left:14px; margin-right:13px; padding-top:5px; color:#000; font-size:11px; text-align:right;}
#contenu_header { display:block; float:left; position:relative; width:100%; height:auto; margin-left:0px; margin-right:10px;background-color:#fff; margin-top:0px;}
#menu { display:none; float:left;background-color:#2d333f;  width:100%; height:48px; margin-bottom:3px; z-index:99; }
#place_logo { display:none; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_adresse { display:block; float:left; position:relative; width:100%; height:auto; margin-right:10px; text-align:right; }
#place_adresse img{display:block;float:left;margin-left:20%;}

#pl_baniere { display:block; float:left; position:relative; width:100%; height:auto; padding-left:0px; padding-right:0px; text-align:center; margin-bottom:6px;}
.content { display:block; position:relative; float:left;width:100%; height:auto; margin-bottom:10px;}
#place_contact { display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_contact td{ display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }

#contenu_logo { display:block; float:left; position:relative; width:100%; height:auto; margin-bottom:5px;}
#place_logo2{
display:block;
position:absolute;
margin-top:8px;
margin-left:25%;
z-index:99999999;
width:250px;
}	
#place_logo2 img{
	border-radius:3px;
}

.content_head{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_head.jpg); background-repeat:no-repeat;}
.content_footer{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_footer.jpg); background-repeat:no-repeat; }
.content_main{ display:block; position:relative; float:left; width:100%; padding-left:0px; padding-right:0px; height:auto;background-color:#fff; background-image:url(../images/b_content_main.jpg); background-repeat:repeat-y; }

.contenu{ display:block; padding-left:8px;position:relative; float:left; width:100%; height:auto; margin-bottom:15px; font-size:12px; }

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

.contenu_right { display:block; position:relative; float:left; width:320px; height:auto; margin-right:0px; margin-left:20px; }

.contenu_doc { display:block; position:relative; float:left; width:98%; height:auto; padding-left:6px; padding-right:2px; }
.box_activite_titre { display:block; position:relative; float:left; width:100%; height:auto; font-size:15px; color:#f19000; font-weight:bold; margin-bottom:5px;}
.box_activite { display:block; position:relative; float:left; width:262px; height:176px; margin-left:20px; background-image:url(../images/bg_activite.jpg); background-repeat:no-repeat; padding-top:8px; padding-left:8px; padding-right:8px; text-align:center; }


.top_selection_last { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; }
.top_selection { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; border-right:2px solid #cccccc; }
.top_selection_head { display:block; position:relative; float:left; width:343px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; color:#6a462a; font-weight:bold; font-size:13px; text-decoration:underline; }
.top_selection_main { display:block; position:relative; float:left; width:335px; height:330px; padding-left:10px; padding-right:10px; font-size:11px;}
.top_selection_footer { display:block; position:relative; float:left; width:350px; height:27px; }

.footer_socio {  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_ref {  display:block; position:relative; float:left;width:100%; height:auto; margin-top:10px;}
.footer_link {  display:block; position:relative; float:left;width:100%; height:auto; color:#000000; padding-top:15px;}

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

.ref_footer { display:block; position:relative; float:left; width:100%; margin-left:10px; margin-right:10px; margin-top:10px; height:auto; color:#a86e40;   }
.ref_footer_adresse { display:block; position:relative; float:left; width:260px; margin-left:35px; margin-top:10px; height:auto; color:#000000;  }

#contenu_footer{  display:block; position:relative; float:left;width:100%; height:auto;background-color:#2b323d; background-image:url(../image/bg_footer.png);}
#footer { display:block; position:relative; float:left;width:97%; height:auto; padding-left:14px; padding-right:10px; }
.link_foot1{
	display:block;
	float:left;
text-align:center;
padding-top:30px;
padding-bottom:10px;

color:#fff;
width:100%;
}
.link_foot2{
	display:block;
	float:left;
	text-align:center;
	color:#fff;
	line-height:17px;
padding-bottom:30px;

    width:100%;
}

}
/*sma*/
@media (max-width: 320px) {
	#contenu_adresse { display:block; float:left; position:relative; padding-bottom:20px;width:100%; height:auto; background-image:url(../images/bg_contact.jpg); background-repeat:no-repeat;}
 
.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:auto; margin:0; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; margin-bottom:2px;}
#lien_rapide { display:none; float:left; position:relative; width:100%; height:15px; margin-left:14px; margin-right:13px; padding-top:5px; color:#000; font-size:11px; text-align:right;}
#contenu_header { display:block; float:left; position:relative; width:100%; height:auto; margin-left:0px; margin-right:10px;background-color:#fff; margin-top:0px;}
#menu { display:none; float:left;background-color:#2d333f;  width:100%; height:48px; margin-bottom:3px; z-index:99; }
#place_logo { display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_adresse { display:block; float:left; position:relative; width:100%; height:auto; margin-right:10px; text-align:right; }
#place_adresse img{display:block;float:left;margin-left:20%;}

#pl_baniere { display:block; float:left; position:relative; width:100%; height:auto; padding-left:0px; padding-right:0px; text-align:center; margin-bottom:6px;}
.content { display:block; position:relative; float:left;width:100%; height:auto; margin-bottom:10px;}
#place_contact { display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }
#place_contact td{ display:block; float:left; position:relative; width:100%; margin-left:10px; height:auto;  text-align:left; }

#contenu_logo { display:block; float:left; position:relative; width:100%; height:auto; margin-bottom:5px;}
.content_head{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_head.jpg); background-repeat:no-repeat;}
.content_footer{ display:block; position:relative; float:left; width:100%; height:auto; background-image:url(../images/bg_content_footer.jpg); background-repeat:no-repeat; }
.content_main{ display:block; position:relative; float:left; width:100%; padding-left:0px; padding-right:0px; height:auto;background-color:#fff; background-image:url(../images/b_content_main.jpg); background-repeat:repeat-y; }

.contenu{ display:block;padding-left:8px; position:relative; float:left; width:100%; height:auto; margin-bottom:15px; font-size:12px; }

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

.contenu_right { display:block; position:relative; float:left; width:320px; height:auto; margin-right:0px; margin-left:20px; }

.contenu_doc { display:block; position:relative; float:left; width:98%; height:auto; padding-left:6px; padding-right:2px; }
.box_activite_titre { display:block; position:relative; float:left; width:100%; height:auto; font-size:15px; color:#f19000; font-weight:bold; margin-bottom:5px;}
.box_activite { display:block; position:relative; float:left; width:262px; height:176px; margin-left:20px; background-image:url(../images/bg_activite.jpg); background-repeat:no-repeat; padding-top:8px; padding-left:8px; padding-right:8px; text-align:center; }


.top_selection_last { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; }
.top_selection { display:block; position:relative; float:left; width:350px; height:auto; margin-left:8px; border-right:2px solid #cccccc; }
.top_selection_head { display:block; position:relative; float:left; width:343px; height:25px; padding-top:10px; padding-left:10px; padding-right:10px; color:#6a462a; font-weight:bold; font-size:13px; text-decoration:underline; }
.top_selection_main { display:block; position:relative; float:left; width:335px; height:330px; padding-left:10px; padding-right:10px; font-size:11px;}
.top_selection_footer { display:block; position:relative; float:left; width:350px; height:27px; }

.footer_socio {  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_ref {  display:block; position:relative; float:left;width:100%; height:auto; margin-top:10px;}
.footer_link {  display:block; position:relative; float:left;width:100%; height:auto; color:#000000; padding-top:15px;}

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

.ref_footer { display:block; position:relative; float:left; width:100%; margin-left:10px; margin-right:10px; margin-top:10px; height:auto; color:#a86e40;   }
.ref_footer_adresse { display:block; position:relative; float:left; width:260px; margin-left:35px; margin-top:10px; height:auto; color:#000000;  }

#contenu_footer{  display:block; position:relative; float:left;width:100%; height:auto;background-color:#2b323d; background-image:url(../image/bg_footer.png);}
#footer { display:block; position:relative; float:left;width:100%; height:auto; padding-left:14px; padding-right:10px; }
.link_foot1{
	display:block;
	float:left;
text-align:center;
padding-top:30px;
padding-bottom:10px;

color:#fff;
width:100%;
}
.link_foot2{
	display:block;
	float:left;
	text-align:center;
	color:#fff;
	line-height:17px;
padding-bottom:30px;

    width:100%;
}

 #menu_h_right {
	display: block;
	position: relative;
	float:left;
	width:100%;

	height:auto;
	z-index: 999;
}
}