@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700);
html{}
body{background-color:#FFFFFF;margin:0 0 0 0;text-align:center;}
body,td,button,input,textarea{font-size:11pt;color: #333333;/*font-family: 'Nobile', sans-serif;*/font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4{/*font-family: 'Nobile', sans-serif;font-weight: 700;*/font-weight: 800;}
fieldset {background-color: rgb(245, 245, 245);padding: 16px;border: 1px rgb(114, 164, 254) dotted;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;margin-bottom: 1em}
legend {font-weight: bold;margin-top: -7px;}

a img{border:0}
img, iframe,fieldset,form, input{max-width:100%}
img{height:auto !important}
form{margin:0}
*, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.largeur{width:1024px;margin:0 auto;position:relative;text-align:left;}

.arrondis, ul.zul .zli2 a {border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;}
.consolide {clear:both;float:none}
.ombrext, ul.zul .zli2 a {-moz-box-shadow:0px 4px 3px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5);-o-box-shadow:0px 4px 3px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5);}
.ombregross, .tablo {-moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5);-o-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5);box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.5);filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=180, Strength=7);}

/* COULEUR DE BASE --> BLEU FONCE */
.couleur,a,h1,h3,h5,.ptitexte,#filariane,.contenus,
ul.zul .zli2.zon a,ul.zul .zli2.zonp a {color:#076399}
hr, #menusHaut1{background-color: #076399}

/* COULEUR DE BASE --> BLEU CLAIR */
.blocbouton, .zli1.zon,.zli1.zonp {background-color:#3994CD}
#menusHaut2 {background-color:rgb(57, 148, 205)}
/* COULEUR DE BASE FIN */

a{text-decoration:none;}
a:hover,a:focus,a:active{color:#9D5104}
a.trans img,a.trans2:hover img {opacity:1; filter:alpha(opacity=100);}
a.trans:hover img,a.trans2 img {opacity:0.7; filter:alpha(opacity=70);}
																				
#accessibilite p{/*margin:0*/}
#filariane 	{line-height: 25px;margin: 0em 0px;}
#tel		{line-height: 25px;margin: 0em 32% 0em 0;float:right;text-align:right;font-size: 15pt;padding-left: 33px;}
#logo{margin-left: -3em}
#entete{padding:6px 0 0 0}
#corps {border-top:1px transparent solid;}
#sommaire {width: 30%;display: table-cell;vertical-align: top;background-color: rgb(237, 248, 255);border-left:  1px rgb(27, 139, 237) dotted;border-right: 1px rgb(27, 139, 237) dotted;}
#accroche {	padding: 2em 1em;background-color: rgb(7, 99, 153);color: rgb(237, 248, 255);}
#accroche h2,#accroche h3,#accroche p{text-align: justify; margin: 0; padding: 0}
#actu{padding: 2em 1em;background-color: rgb(252, 111, 22);color: rgb(237, 248, 255);}
.contenus{padding: 2em 1em;}

.news_date,.news_datejj,.news_datesep1,.news_datemm,.news_datesep2,.news_dateaa {text-decoration: none;}
.news_date,
.news_author,
.news_read {font-size: 8pt;}
.news_body {background-color: rgb(237, 237, 237);color: rgb(0, 0, 0);padding: 0em 2em;margin: 1em 2em;}
.blog {border: 0px none;}
.blog_title {font-size: 18pt;}

#contenu{width: 70%;padding: 0em 0em 2em 3em;display: table-cell;}
#pied{background-color:rgb(22, 47, 62);padding:2em 0}
#pied p{text-align: right;margin:0}
#pied, #pied p, #pied a {color: rgba(255, 255, 255, 0.50);font-size: 9pt;}
#pied a {padding: 8px 0.7em;border-left: 1px solid rgba(255, 241, 241, 0.15);}
#pied a:first-child {border-left: 0;}
#pied a:last-child {padding: 8px 0em 8px 0.7em;}
#pied .webagency {float: left;text-align: left;margin-right:2em}

/* menus */
#menuHautZli1 .zli2, #menuHautZli1 .zli3, #menuHautZli2 .zli1 , #menuHautZli2 .zli3 {display: none;}
ul.zul {padding: 0;margin: 0 0 0 -1px;}
ul.zul li {padding: 0;margin: 0;list-style: none;display:inline-flex;float: left;}
ul.zul li.zli1 {border-left: 1px rgba(255, 255, 255, 0.51) solid;}
ul.zul .zli1 a{color: white;font-size: 16pt;padding: 11px 30px 13px 28px;}
ul.zul .zli2 a {color: rgb(255, 255, 255);font-size: 14pt;padding: 4px 20px 6px 20px;background-color: rgb(19, 126, 189);margin: 7px;border: 1px rgba(255, 255, 255, 0.43) solid;}

li.zli2.zon a,.zli2.zonp {background-color:rgb(226, 244, 255)}
ul.zul li:hover{background-color:rgb(13, 125, 191)}

/* styles ziteplus */
#zadmin {
 border: 1px solid #3c7a9a;
 background-color: #eeeeee;
 margin: 3px 0 0 0;
 padding: 0 2px;
}
.ztable {
 border: 1px solid #3c7a9a;
 background-color: #eeeeee;
 margin: 5px 0;
 padding: 0 2px;
 width: 100%;
}
.headcolor{background-color:#cccccc;}
.oddcolor{background-color:#dddddd;}
.evencolor{background-color:#eeeeee;}
.zalert {
 border: 1px solid #C00;
 background-color: #FEA;
 padding: 0 2px;
}
.zerr {
 border: 1px solid #C00;
 background-color: #FEA;
 padding: 0 1px;
}