body html { height:100% ;   background: #EAF0F2; }

@font-face {
font-family: 'Marianne';
src: url('fonts/Marianne-Light.woff'); 
}


@font-face {
font-family: 'Francaise';
src: url('fonts/Francaise_Regular.ttf'); 
}


@font-face {
font-family: 'Railway';
src: url('fonts/Railway.otf'); 
}


@font-face {
font-family: 'HannaMonica';
src: url('fonts/Hanna_Monica.ttf'); 
}


@font-face {
font-family: 'Themis';
src: url('fonts/Themis.otf'); 
}

body  { background: #FFFFFF; }


#wrap    { width:100%;    margin-top:10px ;  background: #FFFFFF; }

#content { max-width:1280px; margin:auto ;  background:#FFFFFF ;  } 

.titre_header { color:#1b2992 ; text-align:right ; font-size:2.5em; font-family:'Themis', 'sans-serif';
text-align:bottom ; right:25px ; bottom:5px ; display:inline ; position:absolute }




.page { margin:20px }


img {
	max-width: 100%; height: auto;
}

.bandeau_header { max-width:100% ; height:130px;  margin:auto ; margin-left:0px ; color:#000 ;  }

	.navbar-dark .navbar-nav .nav-link
	{
		z-index:9999;
		 position:relative;
		color:#FFF;
		text-shadow: 0.1em 0.1em 0.05em #777; 
	}
	
.container { max-width:1280px;  height:100%}

.widget {
	float:right;
	margin:10px;
	margin-right:-25px; 
	padding:25px;
	background:#FAFAFF ; 
	width:300px;
	font-family:Marianne, arial, helvetica, sans-serif;
	font-size:1em;
	text-decoration:none ; 	
	color:#000044; 
	-moz-box-shadow: 5px 5px 6px #AAA; 
	-webkit-box-shadow: 5px 5px 6px #AAA; 
	box-shadow: 5px 5px 6px #AAA; 
	border-radius:0px ; 
}	
	
.widget HR {
	border:0;
	border-top:solid 5px #0082AA;
	padding:0px;
	margin:0px;
}	

.titre_widget {
font-family:Marianne, arial, helvetica, sans-serif;
text-align:left;
font-size:1.3em;
text-decoration:none ; 
margin-bottom:20px;	
color:#0000AA; 
}


.bloc_widget { width:110px ; height:110px ; margin:auto ; padding:10px ;  background:#FFFFFF ; border-radius:10px ; border:solid 3px #4955a9 ; margin:10px ; 

-moz-box-shadow: 1px 1px 6px #555; 
  -webkit-box-shadow: 1px 1px 6px #555; 
  box-shadow: 1px 1px 6px #555; 


}



.blocimg_widget { width:60px ; height:60px ; margin:auto ;  }
.texte_bloc_widget { font-size:0.8em ; line-height:1em   }



	
			/*TYPOGRAPHY*/
h1 { 
float : left;
margin : 0;
padding : 10px 10px 10px 10px;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 5px;
color : #99AAFF;
} 

h2 { 
font-size:1.5em ; 
text-align : center margin : 0;
padding : 0;
font-family :'Marianne', 'Trebuchet MS','Helvetica','sans-serif';
letter-spacing : 3px;
color : #00aa95;
border-bottom:solid 1px #0082AA ;
} 

h3 { 
margin : 0;
padding : 20px 0px 0px 0px;
font-size:18px;
font-family : "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
text-transform : uppercase;
letter-spacing : 2px;
color : #006699;
}
blockquote {
font-weight : bold;
font-size:14px;
color : #666666;
} 
			/*LINKS*/
a:link, a:visited { 


text-decoration : none;
} 
a:hover { 
color : #0000FF;

text-decoration : underline;
} 
a img {
border: 0;
}

			/*SEARCH BOX*/

input { 
background : #eee;
}


.zoom1 { width:95% ; height:250px ; background:#dbe3fd ; margin:20px ; border-left:dashed 1px #4955a9 ;}
.zoom2 { width:95% ;  height:250px ;  background:#dbe3fd ; margin:20px ; border-left:dashed 1px #4955a9 }
.zoom3 { width:95% ;  height:250px ;  background:#dbe3fd ; margin:20px ; border-left:dashed 1px #4955a9 }
.zoom4 { width:95% ;  height:250px ;  background:#dbe3fd ; margin:20px ; border-left:dashed 1px #4955a9 }

.zoom1b { width:90% ; height:250px ; background:#F6E3CE ; margin:10px ; }
.zoom2b { width:90% ; height:250px ; background:#CEF6CE ; margin:10px }
.zoom3b { width:90% ; height:250px ; background:#CEF6F5 ; margin:10px }
.zoom4b { width:90% ; height:250px ; background:#E6E0F8; margin:10px }



.titre_zoom  { font-size:1.2em; width:100%; white-space: nowrap; margin-bottom:10px; 
font-family:Marianne, arial, helvetica, sans-serif; margin-left:-30px ;   -moz-box-shadow: 3px 3px 3px #555; 
  -webkit-box-shadow: 3px 3px 3px #555; 
  box-shadow: 3px 3px 3px #555; 
}

.titre_zoomb  { font-size:1.2em; width:80%; white-space: nowrap; margin-bottom:10px; margin-top:20px; 
font-family:Marianne, arial, helvetica, sans-serif; margin-left:-30px ; padding:10px ; -moz-box-shadow: 3px 3px 3px #555; 
  -webkit-box-shadow: 3px 3px 3px #555; 
  box-shadow: 3px 3px 3px #555; 
}


.titre_zoom.z1 { background:#e4e5f2 ;
}

.titre_zoom i { background:#0082AA ; padding:15px ; 
}


.titre_zoom.z2 { background:#a5abd5;
}

.titre_zoom.z3 { background:#a5abd5 ;
}

.titre_zoom.z4 { background:#a5abd5 ;
}


.titre_zoomb.z1 { background:#FE9A2E ;
}

.titre_zoomb.z2 { background:#ACFA58;
}

.titre_zoomb.z3 { background:#58D3F7 ;
}

.titre_zoomb.z4 { background:#BE81F7 ;
}

.soustitre_zoom { font-size:1em; ; padding:5px;
font-family:Marianne, arial, helvetica, sans-serif; }
.texte_zoom { font-size:0.9em ; text-align:justify ; 
font-family:Marianne, arial, helvetica, sans-serif; padding:10px }
.url_zoom {  font-size:0.8em; text-align:right ; 
font-family:Marianne, arial, helvetica, sans-serif; ; padding:10px}




.grandtitre {font-style:normal ; font-family: verdana, arial, helvetica ; font-size: 36px; font-weight: normal ; color:#333333}
.titre {font-style:normal ; font-family: verdana, arial, helvetica ; font-size: 30px;  font-weight: normal ;  color:#333333}
.soustitre {font-style:normal ; font-family:verdana, arial, helvetica ; font-size: 20px;   color:#777777}
.soustitre2 {font-style:normal ; font-family:verdana, arial, helvetica ; font-size: 18px;   color:#4955a9 }
.soustitre3{font-weight:bold ; font-family:verdana, arial, helvetica ; font-size: 14px;   color:#4955a9  ;text-decoration:underline }
.legende {font-family:verdana, arial, helvetica ; font-size: 9px;   color:#999999 ; }

.texte18normal {font-family: verdana, arial, helvetica; font-size: 18px; line-height:23px }
.texte16normal {font-family: verdana, arial, helvetica; font-size: 16px; line-height:21px }
.texte14normal {font-family: verdana, arial, helvetica; font-size: 14px; line-height:19px }
.texte12normal {font-family: verdana, arial, helvetica; font-size: 12px; line-height:17px ; text-align:justify }
.texte10normal {font-family: verdana, arial, helvetica; font-size: 10px; line-height:15px}

.texte18gras {font-family: verdana, arial, helvetica; font-size: 18px; font-weight: bold; line-height:23px ; color:#006699; }
.texte16gras {font-family: verdana, arial, helvetica; font-size: 16px; font-weight: bold; line-height:21px ; color:#006699; }
.texte14gras {font-family: verdana, arial, helvetica; font-size: 14px; font-weight: bold; line-height:19px ; color:#006699; }
.texte12gras {font-family: verdana, arial, helvetica; font-size: 12px; font-weight: bold; line-height:17px ; color:#006699 }
.texte10gras {font-family: verdana, arial, helvetica; font-size: 10px; font-weight: bold; line-height:15px ; color:#006699; }

.texte18italic {font-family: verdana, arial, helvetica; font-size: 18px;font-style:italic ;  line-height:23px}
.texte16italic {font-family: verdana, arial, helvetica; font-size: 16px;font-style:italic ;  line-height:21px}
.texte14italic {font-family: verdana, arial, helvetica; font-size: 14px;font-style:italic ;  line-height:19px}
.texte12italic {font-family: verdana, arial, helvetica; font-size: 12px;font-style:italic ;  line-height:17px}
.texte10italic {font-family: verdana, arial, helvetica; font-size: 12px;font-style:italic ;  line-height:15px}

.texte18souligne {font-family: verdana, arial, helvetica; font-size: 18px; text-decoration:underline ; line-height:23px}
.texte16souligne {font-family: verdana, arial, helvetica; font-size: 16px; text-decoration:underline ; line-height:21px}
.texte14souligne {font-family: verdana, arial, helvetica; font-size: 14px; text-decoration:underline ; line-height:19px}
.texte12souligne {font-family: verdana, arial, helvetica; font-size: 12px; text-decoration:underline ; line-height:17px}
.texte10souligne {font-family: verdana, arial, helvetica; font-size: 10px; text-decoration:underline ; line-height:15px}

.ariane {font-family: verdana, arial, helvetica; font-size: 10px; color:#aaaaaa}

.dropdown-item, a:link, a:visited  {  color:#333}

.dropdown-menu > li {    border-bottom:solid 1px# #eeeeee }

.header_phone { color:#444444 }

.img_zoom { overflow:hidden ;   }  






@media screen and (max-width:780px) {
  
.header_phone { visibility:hidden ; }  
  
.titre_header { visibility:hidden ; } 
 
.img_zoom { visibility:hidden ; }  
 
.base-line_header { visibility:hidden ; }  
 
.zoom1 { width:95% ; height:400px ;   }
.zoom2 { width:95% ;  height:400px ;   }
.zoom3 { width:95% ;  height:400px ;   }
.zoom4 { width:95% ;  height:400px ;   }


.my_footer {  max-width:1280px ;font-size:1.2em ; background:#0082AA ; color:#FFFFFF ; padding-bottom:20px  ;  margin:auto ; padding:30px}

.footer {  background:#979fd5  ;  width:100% ;}
  
.widget {
	float:right;
	margin:10px;
	margin-right:5px;
}
 
.navbar {
    margin-left: 0px;
    margin-right: 0px;
  }

#myHeader { margin:auto ; max-width:1280px }


.sticky {
  position: fixed;
  top: 0;
max-width:1280px ;
  z-index:10000; 
 margin:auto ;

}




/* #wrap    { margin:0px  ; overflow:hidden } */
body     { background: #FFFFFF; }
#content { max-width:1140px; margin:auto ;  background:#FFFFFF ;  border:solid 1px #FFFFFF ; }


.dropdown-item { font-size:0.9em } 
.dropdown-menu { font-size:0.9em ; padding:0px} 



.bandeau_header { background:url('images/bandeau_accueil-2.jpg') no-repeat }


}

.dropdown-menu { background:#fafafa !important ; } /*eff0f8 */

.lien_ariane a:hover { text-decoration:underline ; color:#999  ; font-size:1em }

/*
.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}
*/





@media screen and (max-width:780px) {
  
.header_phone { visibility:hidden ; }   
.titre_header { visibility:hidden ; } 
.img1_header { display:none ;  } 

}

@media screen and (min-width:780px) {
  
.header_phone { visibility:hidden ; }   
.titre_header { visibility:visible ; } 
.img2_header { display:none ; } 

}

	
	
.grand_titre {	
text-align:center;
font-size:2em;
color:#09f;
font-family:'Marianne', 'Trebuchet MS','Helvetica','sans-serif';
}


header { min-height:170px } 


.titre_footer { 
font-size:1.5em;
font-weight:bold ;  
border-bottom:solid 1px #FFF ; 
color:#FFF ; 
margin-bottom:20px ;
font-family:'Marianne', 'Trebuchet MS','Helvetica','sans-serif';
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:1000;
    background-color: #0082AA; !important;
}
}


.bg-dark_personalise {
  background-color: #0082AA; !important;
}