/* Reset browsers default margin, padding and font sizes_________________________ */
* {padding:0; margin:0;}
.spacer { clear:both;}
:root{
--global-font-size-menu : 14px;	
--global-font-size-tiny :10px;
--global-font-size-small :11px;
--global-font-size : 12px;
--global-font-size-big1 : 14px;
--global-font-size-big2 : 16px;
--global-font-size-big3 : 22px;
--global-line-height : 14px;
--global-font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

/*Corps________________________________________*/
body {font-family: var(--global-font-family); height:100%; padding: 5px 0 5px 0;}
@media print{.slider{display:none;}}


/* Index
=================================================================================================================================================*/

/*Bannière & Menu_________________________________*/
@media(min-width :900px){
div.bande {background: rgb(80,80,80); height:85px; margin:30px 0 0 0; box-shadow: 1px 1px 2px 2px rgb(150,150,150); width:100%;}
div.entete{margin:auto; width:100%; max-width:985px; height:80px; position:relative;}
	
div.logo {float:left; margin:10px 0 0 0; background:url('img/logo.png') top left no-repeat; background-size: 200px 85px; width:200px; height:85px; position:absolute; top:-40px; }
div.titre{ float:left; font-size:25px; margin:0 0 0 220px; color:rgb(255,255,255); height:45px; padding: 10px 0 0 0; vertical-align : center;}
	h1.titre { text-decoration:none; list-style-type:none; text-align:left; font-size:28px; font-weight:bold;  color:rgb(255,255,255); text-shadow: 1px 1px 1px rgb(50,50,50); margin:0;}
div.top_menu{position:relative;}
div.menu_button{display:none;}	
div.menu {float:right; margin:0; padding:0; text-align:center; vertical-align:top; height:40px;}
	ul.main_ul {list-style-type:none; margin: 0; padding:0; text-align:left; } 
	li.main_li, li.main_li_active {position:relative; height: 35px; padding: 3px 10px 0 7px; margin:10px 10px 0 5px; vertical-align:center; text-align:center; font-weight:bold; line-height:25px;  display:inline; border-top:2px solid rgba(0,0,0,0);}  
	li.main_li {}
	li.main_li:hover {color:rgb(0,255,255); border-top:2px solid rgba(255,255,255,1); font-size: var(--global-font-size-menu);}
	li.main_li a{text-decoration:none; color:rgb(255,255,255); height:25px; margin:0; font-size: var(--global-font-size-menu);}
	li.main_li_active {display:none;}


	li.main_li a:hover {font-style:normal; color:rgb(255,255,255);}
	li.main_li a:visited {font-style:normal;}

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

/* Pied de Page__________________________________*/

div.page_foot { margin:0 auto 0 auto; width:100%; max-width:985px; height:85px; padding:10px 0 10px 0; text-align: center; font-size:var(--global-font-size-small); color:rgb(255,255,255); position:relative;}
	p.page_foot{margin: 0 5px 0 5px; font-size:var(--global-font-size-small); }
	img.logo_ordre {float:right; width:100px; max-width:100px; position:absolute; right:0px; bottom:-15px;}	
	a.page_foot{font-size:var(--global-font-size-small);}
	a.white{color:rgb(255,255,255);}
	
/*VAD*/	
	img.vad{padding:0; margin:5px; vertical-align:middle;}
	div.vad{text-align:left; height:20px; margin:5px;}
	p.vad{margin:0; font-size: var(--global-font-size-tiny);	}
	a.vad{font-size:var(--global-font-size-tiny);}

/*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:var(--global-font-size-big3); 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:var(--global-font-size-big2); font-weight:bold; color:rgb(80,80,80);  margin:10px 0 20px 0; border-top:3px solid rgb(80,80,80);}
h2.rouge { text-decoration:none; list-style-type:none; text-align:left; font-size:var(--global-font-size-big2); font-weight:bold; color:rgb(180,0,0);  margin:10px 0 20px 0; border-top:3px solid rgb(180,0,0);}
h3 {font-size:var(--global-font-size-big1); color:rgb(0,0,0);  text-align:left; margin:20px 0 5px 0; color:rgb(80,80,80);}
h4 {font-size:var(--global-font-size); 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:var(--global-font-size); line-height:var(--global-line-height); 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:var(--global-font-size); color:rgb(0,0,0); text-decoration:none; padding:0; font-family: Helvetica Neue,Helvetica,Arial,sans-serif;}
a:hover {font-style:italic; }

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

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

ul {margin: 0 0 0 5px;}
li {font-size:var(--global-font-size); line-height:var(--global-line-height); text-align:justify; margin:5px;}

.display_mobile{display:none;}


/*---------------------------------------------------*/
/*----------------LES PAGES-------------------------*/
/*---------------------------------------------------*/
/*Page Accueil_________________________________________________*/

div.slider{width:100%; max-width:983px; 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.grid_accueil{ display: grid;   grid-template-columns: 1fr 1fr 1fr;  grid-template-rows: auto auto;  gap: 10px;}



div.accueil_1 { margin: 20px 2% 0 0; }
div.accueil_contact { margin: 30px 0 0 0; background:rgb(180,0,0); height: 230px; padding:0 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:30px 0 0 20px; border:0;}
div.accueil_contact p.contact { font-size:var(--global-font-size); line-height:var(--global-line-height); margin:5px 0 0 20px; text-align:left; color:rgb(255,255,255);}


div.news{ margin: 20px 0 5px 0; font-size:12px; text-align:justify;  grid-column: 1 / span 2}

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%; width:83%;}
h3.depeche_titre { font-size:14px; text-align:left; margin:0 0 5px 0; color:rgb(80,80,80); }


div.accueil_2 {margin: 20px 0 0 2%; grid-column: 3 / span 1;}


/*Page Cabinet __________________________________________________________________________________________________*/

div.cabinet_1{float:left; width:66%; margin: 20px 0 0 0;}
div.cabinet_2{float: left; width: 32%; margin: 30px 0 0 2%; height: 250px;}
div.cabinet_2 img{width:100%;}

/*Page Missions _________________________________________________________________________________________________*/

div.missions_1{float:left; width:32%; margin: 20px 0 0 0;}
div.missions_2{float:left; width:32%; margin: 20px 0 0 2%;}
div.missions_3{float:left; width:66%; margin: 30px 0 0 0;}
div.missions_4{float: left; width: 32%; margin: 40px 0 0 2%;}
div.missions_4 img{width:100%;}
ul.missions {margin: 0 0 0 5px;}
ul.missions li {font-size:var(--global-font-size); line-height:var(--global-line-height); text-align:left; margin:5px;}

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 {float:left; width:49%; margin: 20px 0 0 0;}
div.liens_2{float:left; width:49%; margin: 20px 0 0 2%;}
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: 30px 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:30px 0 0 0;}
ul.villes{}
li.villes{float:left; display:inline; width:15%; line-height:0.9em;}
/*Page de contact____________________________________________*/

div.contact_1 {float:left; width: 66%; margin: 20px 0 0 0;}
.gmap{width:100%; height: 450px; overflow:no; border:0;}

div.contact_2 {float: left; width: 32%; margin: 20px 0 20px 2%; height: 200px;}
div.contact_3 {width: 100%; margin: 20px 0 0 0;}

div.mail_1 {width:49%; margin:0; float:left; padding:0;} 
div.mail_2 {width:49%; margin:0 0 0 2%; float:left; 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: var(--global-font-family); font-size:var(--global-font-size);}
textarea[placeholder] {font-family: var(--global-font-family);font-size:var(--global-font-size);}
input.send_button{float:right; font-size:var(--global-font-size); 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: rgb(80,80,80); width:150px; height:75px;/*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%);*/ }
div.g-recaptcha{float:left; margin: 10px 0 0 0;}
}