/* Index
=================================================================================================================================================*/
/*Bannière & Menu_________________________________*/

@media(max-width :900px){
div.bande {background:rgb(80,80,80); margin:25px 0 0 0; padding: 0 0 5px 0; width:100%; min-height:85px; box-shadow: 1px 1px 2px 2px rgb(150,150,150); }
div.entete{ float:left; margin:0 1% 0 1%; width:96%; min-height:80px; position:relative; padding: 0 0 5px 0; margin: 0 2% 0 2%;}
	h1.entete { text-decoration:none; list-style-type:none; text-align:left; font-size:25px; font-weight:bold;  color:rgb(255,255,255); text-shadow: 1px 1px 1px rgb(50,50,50); margin:4px 0 0 5px; padding:0;}
div.logo {float:left; position:absolute;  background:url('img/logo.png') top left no-repeat; background-size: 100%; width:150px; height:70px;  top:-25px;}
div.titre{float:left; margin:35px 0 0 5px; padding:0; text-decoration:none; width:75%;}
div.top_menu{position:relative;}
div.menu_button{ border-radius:2px; border:1px solid rgb(255,255,255); background-color:rgba(185,0,0,1); height:50px; width:50px; position:relative; float:right; margin:20px 0 20px 0; display:block;}
	img.menu_mobile{height:42px; width:42px; margin:4px;}
div.menu {display:none; width:50%; float:right; position:absolute; top:0; right:0; z-index:3; margin:0;}
	ul.main_ul {list-style-type:none; margin:0; padding:0; text-align:left;} 
	li.main_li, li.main_li_active {float: left; margin:0; vertical-align:top; text-align:center;   color:rgb(255,255,255); text-transform:uppercase; width:100%; padding: 0;  height:30px; border: 1px solid rgba(255,255,255,0.8);}
	li.main_li{background: rgb(80,80,80);}
	li.main_li:hover, li.main_li_active:hover, li.main_li_active{background: rgb(120,120,120);}
	li.main_li a, li.main_li_active a{text-decoration:none; color:rgb(255,255,255); line-height:30px; margin:0; font-weight:bold; width:100%; display:block;}

.display_screen{display:none;}	

/*Contenu______________________________________*/
div.conteneur { width:100%; max-width:985px; margin:0; padding:0;}
div.contenu {width:96%; font-size:12px; min-height:450px; margin:0 2% 0 2%;}

/* Pied de Page__________________________________*/

div.page_foot { margin:0 auto 0 auto; width:100%; height:80px; padding:10px 0 10px 0; text-align: center; font-size:10px; color:rgb(255,255,255); position:relative;}
	p.page_foot{margin: 0 5px 0 5px; font-size:10px; }
	img.logo_ordre {float:right; width:100px; max-width:100px; position:absolute; right:0px; bottom:-45px;}
	
div.vad{text-align:left; height:20px; margin:5px;}
p.vad{margin:0;}
a.vad{font-size:10px;}
img.vad{padding:0; margin:5px; vertical-align:middle;}

	


/*Contenu de la page commun
=================================================================================================================================================*/	
/*Styles généraux des textes, images et liens __________________________________*/

h1.cabinet{ text-decoration:none; list-style-type:none; text-align:left; font-size:22px; font-weight:bold;  color:rgb(80,80,80); margin:10px 0 20px 0;}
h2.noir {text-decoration:none; list-style-type:none; text-align:left; font-size:18px; font-weight:bold; color:rgb(80,80,80);  margin:15px 0 5px 0; border-top:3px solid rgb(80,80,80);}
h2.rouge { text-decoration:none; list-style-type:none; text-align:left; font-size:18px; font-weight:bold; color:rgb(180,0,0);  margin:15px 0 5px 0; border-top:3px solid rgb(180,0,0);}
h3 {font-size:14px; color:rgb(0,0,0);  text-align:left; margin:20px 0 5px 0; color:rgb(80,80,80);}
h4 {font-size:12px; color:rgb(0,0,0);  text-align:left; margin:10px 0 5px 0; color:rgb(120,120,120);}
h5 {text-decoration:none; list-style-type:none; text-align:left; font-size:45px; font-weight:bold; color:rgb(70,70,70);  margin:70px 0 0 230px;  text-shadow: 4px 4px 3px rgb(130,90,90), 0px 0px 0 rgb(231,231,231),1px 1px 0 rgb(216,216,216),2px 2px 0 rgb(202,202,202),3px 3px 0 rgb(187,187,187);}

p { font-size:12px; line-height:15px; margin:5px 0 0 0; text-align:left;}
.bold { font-weight:bold; }
.underline {text-decoration:underline;}
.ita {font-style:italic;}
.justify{text-align:justify;}
.center{text-align:center;}
.red {color:rgb(210,0,0);}

a {font-size:12px; color:rgb(0,0,0); text-decoration:none; padding:0;}
a:hover {font-style:italic; }

img {border-width: 0;}
a img { color:#000000; border: 0; }

a.button_link{font-size:11px; color:rgb(255,255,255); text-decoration:none; font-weight:bold; text-align:center; padding:0; border:1px solid rgb(80,80,80); border-radius:3px; padding:3px 5px; margin:15px auto 0 0; background: rgba(80,80,80,1);}


ul {margin: 0 0 0 5px;}
li {font-size:12px; line-height:15px; text-align:justify; margin:5px;}

/*Page Accueil_________________________________________________*/

div.slider{width:100%; margin:10px 0 0 0; box-shadow: 0px 1px 5px rgba(60,60,60,0.4);}
ul.bxslider{margin:0; padding:0;}
ul.bxslider li{margin:0; padding:0;}


div.accueil_1, div.accueil_2 {width: 100%; margin: 20px 0 0 0;}


div.accueil_contact { width: 100%; margin: 20px 0 0 0; background:rgb(180,0,0); padding:5px 0 0 0 ;}
div.accueil_contact h2.contact{text-decoration:none; list-style-type:none; text-align:left; font-size:18px; font-weight:bold; color:rgb(255,255,255);  margin:10px 0 0 10px; border:0;}
div.accueil_contact p.contact { font-size:12px; line-height:15px; margin:5px 0 0 10px; text-align:left; color:rgb(255,255,255);}
div.accueil_contact p.contact_bold { font-size:12px; line-height:15px; text-align:justify; margin:5px 0 0 10px; font-weight:bold; color:rgb(255,255,255); }

div.news{width:100%; margin: 20px 0 0 0;}
div.depeches_cadre_1{width:100%; margin:0;}
div.depeches_cadre_2{width:100%; margin:20px 0 0 0;}
img.news_img{float:left; width:15%; height:15%; margin:3px 0 0 0;}
div.depeches{float:right;  margin: 0 0 0 2%; min-height:100px; width:83%;}
h3.depeche_titre { font-size:14px; text-align:left; margin:0 0 5px 0; color:rgb(80,80,80); }




 /*Page Cabinet ________________________________________________________________________________*/

div.cabinet_1{width:100%; margin: 20px 0 0 0;}
div.cabinet_2{display:none;}

/*Page Missions _______________________________________________________________________________*/

div.missions_1, div.missions_2, div.missions_3 {width:100%; margin: 5px 0 20px 0 ;}
div.missions_4{display:none;}
ul.missions {margin: 0 0 0 5px;}
ul.missions li {font-size:12px; line-height:15px; text-align:left; margin:3px;}

h1.missions{ text-decoration:none; list-style-type:none; text-align:left; font-size:22px; font-weight:bold;  color:rgb(80,80,80); margin:30px 0 0 0;}

/* page des liens______________________________________________________________________________*/

div.liens_1, div.liens_2{width:100%; margin: 20px 0 0 0;}
div.liens_1 h3, div.liens_2 h3 {font-size:14px; color:#000000;  text-align:left; margin:15px 0 0 0; color:rgb(140,140,140);}
div.liens_1 a.page_lien,  div.liens_2 a.page_lien{font-size:12px; color:#000000; text-decoration:none; text-align:left; padding:0; margin: 0 0 0 0;}
div.liens_3 {width:100%; margin: 20px 0 0 0;}
img.liens_3 {width:100%;}
h1.liens{ text-decoration:none; list-style-type:none; text-align:left; font-size:22px; font-weight:bold;  color:rgb(80,80,80); margin:20px 0 0 0;}
ul.villes{}
li.villes{float:left; display:inline; width:30%; line-height:1em;}

/*Page de contact____________________________________________*/

div.contact_1, div.contact_2, div.contact_3{width: 100%; margin: 10px 0 0 0;}

.gmap{width:100%; height: 300px; overflow:no; border:0;}

div.mail_1, div.mail_2 {width:100%; margin:0; padding:0;} 
input.mail, textarea.mail {width:98%;  background: rgb(225,225,225); border:0; border-radius:2px; margin:3px 0 0 0; padding:3px 1% 3px 1%;}
input.mail {height:20px;}
textarea.mail{height:108px;}
input[placeholder] {font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:12px;}
textarea[placeholder] {font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:12px;}
input.send_button{float:right; font-size:11px; color:rgb(255,255,255); text-decoration:none; font-weight:bold; text-align:center; padding:0; border:1px solid rgb(80,80,80); border-radius:3px; padding:3px 5px; margin:10px 0 0 0; background: linear-gradient(to bottom, rgb(106,106,106) 0%,rgb(119,119,119) 12%,rgb(132,132,132) 25%,rgb(101,101,101) 39%,rgb(74,74,74) 50%,rgb(30,30,30) 51%,rgb(47,47,47) 60%,rgb(73,73,73) 76%,rgb(58,58,58) 91%,rgb(49,49,49) 100%); width:100px;}

}


@media(max-width :480px){
h1.entete { text-decoration:none; list-style-type:none; text-align:left; font-size:5vw; font-weight:bold;  color:rgb(255,255,255); text-shadow: 1px 1px 1px rgb(50,50,50); margin:4px 0 0 5px;}
}
@media(max-width :370px){
div.vad{text-align:center;height:15px; width:60%;}
p.vad{float:left; margin:7px;}
a.vad{font-size:10px; text-align:center;}
img.vad{float:left; padding:0; margin:5px; vertical-align:middle; width:30px;}
}