body { 
	background-color:#fff;
	background-image:url(../images/backbody.jpg); background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#444;
	line-height: 13pt;
}

#page { 
    width: 1000px;
    margin: 0 auto;}
	
p {margin: 0px 0 10px 0;text-align: justify;padding: 0;}

img {border:0}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;color:#003366;
	padding:0px;margin:10px 0 25px 0;
	line-height: 10pt;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;color:#fff;
	padding:0px;margin:10px 0 18px 0;
	line-height: 10pt;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;color:#003366;
	padding:0px;margin:10px 0 18px 0;
	line-height: 13pt;
}

h4 {
	font-size: 14px;color:#003366;
	padding:0px;margin:0px 0 8px 0;
	line-height: 13pt;
}

.txtbleu {
	font-size: 14px;color:#003366;
}
.txtbleubold {
	font-size: 14px;color:#003366;font-weight:bold;
}

a {color:#003366;text-decoration: underline;}
a:hover {text-decoration:none; }

.zonebleue { background-color:#E1E7EC; padding:10px; color:#003366; font-size: 12px;font-family:Arial, Helvetica, sans-serif;}
.zonebleue2 { background-color:#E1E7EC;color:#003366; font-size: 12px;}
.zonegrise {background-color: #F4F4F4;color:#036;border-bottom: #666 1px solid;padding:3px;}

.zonedetail {border: #666 1px solid;padding:10px;font-size:0.95em; margin-top:12px;margin-bottom:12px;}

.fondgrisnoir {
	background-color: #f2f2f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
.fondgrisnoir a {color:#00f;text-decoration: underline;}
.fondgrisnoir a:hover {text-decoration:none; }

#haut { width: 1000px;height:90px;float:left;}
#logo { width: 215px;height:40px; margin:50px 10px 0px 35px; float:left;}
#frise { width: 1002px; height:119px; clear:both;}
/*#surfriseg { width: 113px;height:119px;background-image:url(../images/surbodyg.png); background-repeat:no-repeat;
position:absolute;margin-top:90px;margin-left:-115px;}
#surfrised { width: 113px;height:119px;background-image:url(../images/surbodyd.png); background-repeat:no-repeat;
position:absolute;margin-top:90px;margin-left:1002px;}*/

#main { width: 1000px;border-left: #444 1px solid;border-right: #444 1px solid;border-bottom: #444 1px solid; clear:both;margin: 0px;padding: 0;}
.tabcentre { width: 945px;margin:0 30px 20px 24px;}
.tdcentre { width: 50px;}

.actu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13x;color:#fff;
	line-height: 14pt;
}
.actunews {width: 195px;text-decoration:none; color:#fff;border-top: #fff 2px dotted;padding: 4px;margin-left:10px; clear:both;}
.actunews:hover {display: block;text-decoration:none; background-color:#fff;color: #003366;}


.sousrub {font-size: 14x;color:#fff;margin-left:30px;}
.sousrub p {margin-bottom: 2px;}
.sousrub a { 
 display:block; width:180px;height:18px;
 color:#fff;
 text-decoration:none;
 margin:0px;
 cursor:pointer; 
 }
.sousrub a:hover { 
 background-color:#ffffff; color: #003366;font-weight:bold;
 }

#baspage { width: 1000px;margin: 0 auto;height: 40px; color:#777;font-size:11px;}
#baspageint { height: 30px; margin:5px 0px 0px 15px; }

.zone {color:#003366;padding:10px;font-size:13px; font-weight:bold;}
.zone1 {background-color:#003366;padding:10px; text-align: left;float:left;color:#fff;}
.zone2 {background-color:#92CFBA; color:#003366;padding:10px;font-size:13px; font-weight:bold;}/*#B#BD76A  #6#CBFA1*/
.zone2 a {color:#003366;text-decoration:none;}
.zone2 a:hover {color:#003366;text-decoration:underline;}
.zone3 {border-bottom: #003366 1px solid;color:#003366; padding:5px 10px 5px 10px;font-size:14px; font-weight:bold;}
.zone4 {color:#003366; padding:5px 10px 5px 10px;font-size:14px; font-weight:bold;}
.zone5 {color:#003366; padding:5px;font-size:11px; background-color:#eee;font-family:Verdana, Arial, Helvetica, sans-serif;}
.sepabarre { height:10px;background-image:url(../images/barre2.jpg);}

.txtor {color:#FF6600;}
.txtor11 {color:#FF6600;font-size:11px;}
.txt11 {font-size:11px;line-height: 10pt;}
.traitg {border-left: #444 1px solid; padding-left:6px;}
.traitbas {border-bottom: #444 1px solid; margin: 10px 0 5px 0; font-weight:bold;}
.traitbasvide {border-bottom: #444 1px solid; margin: 2px 0 5px 0; font-weight:bold;}

.lienor {color:#FF6600;}
.lienor a {text-decoration:none;}
.lienor a:hover {text-decoration:underline;}

.ul1 li {
margin: 5px;
padding: 0;
line-height: 13pt;}
.ul1 {
margin: 0px 0 0px 5px;
padding: 0px 0 0px 5px;
}

.ul2 li {
margin: 5px;
padding: 0;
line-height: 13pt;
text-align: justify;}
.ul2 {
margin: -5px 0 5px 15px;
padding: 0px 0 5px 15px;
}

.ulcar {
margin: 3px 0 5px 10px;
padding: 3px 0 5px 10px;
}
.ulcar li {
margin: 0;
padding: 0; list-style-type:square;}

.arrondi { -moz-border-radius: 5px; -webkit-border-radius: 5px;background-color:#E1E7EC; padding:5px; color:#003366; font-size: 12px;font-weight:bold; clear:both; margin-bottom:3px;}


#hautmenu { width: 693px;height:45px;float:left;margin-left:13px;margin-top:45px;background-image: url(../images/rub.jpg); background-repeat:no-repeat; }
#hautmenuuk { width: 693px;height:45px;float:left;margin-left:13px;margin-top:45px;background-image: url(../images/rubuk.jpg); background-repeat:no-repeat; }
#menu ul {
 list-style:none; 
 width:693px; height:45px;
 margin:0px; padding:0;}
#menu li {float:left;position: relative;list-style:none;}
#menu li a { 
 display:block; height:45px;
 color:#fff;
 font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 text-decoration:none;
 text-align:center;
 margin:0px;
 padding:0px 10px 0px 10px;
 cursor:pointer; 
 }
#menu li a:hover { 
 background-color:#ffffff; color: #003366;
 }

#menu ul ul {position: absolute; /*width: 7em;*/width: 15em; display:none;}
#menu li.sousmenu {height:45px; color:#003366;} 
#menu li.sousmenu:hover {background:#fff;color:#003366;}
#menu li.sousmenu:hover a {color:#003366;}

/*TAILLE DEUXIEME COLONE*/
#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {width:15em; display:block;line-height: 10pt;}
#menu ul.niveau2 ul {left: 0.5em;} /*13*/  
#menu ul.niveau2 li a {width: 15em;height:1.5em;padding:0.5em;background-color:#E1E7EC;color:#003366;font-size:10px; text-align:left;border-bottom:#fff solid 1px;} /*13*/
#menu ul.niveau2 li a:hover {background-color:#fff;color:#003366;border-bottom:#003366 solid 1px;}

body {behavior: url(csshover.htc);}

.spacetop1 {padding-top:5px;}
.spacetop2 {padding-top:14px;}

.down {width: 245px;height:80px;float:left;margin-top:35px;background-image: url(../images/down.jpg); background-repeat:no-repeat; }
.downin {width: 235px;height:70px;margin-top:8px;margin-right:5px; color:#003366;font-size:15px; text-align:right; }
.downin a {color:#003366;text-decoration:underline;}
.downin a:hover {text-decoration:none;}

.lignetitre {color:#444; font-weight:bold; font-style:italic;border-bottom: #666 1px solid; padding:3px;}
.ligne {color:#444;border-bottom: #666 1px solid;padding:3px;}
.tdnum { font-weight:bold;border-bottom: #666 1px solid;padding:3px;}
.tdintit { border-bottom: #666 1px solid;padding:3px;padding-right:10px;}
.tdauteur { border-bottom: #666 1px solid;padding:3px;font-size:11px;font-weight:bold; text-align:center;line-height: 11pt;}
.tddate {font-weight:bold;border-bottom: #666 1px solid;padding:3px;text-align:center;}
.tdsee {background-color:#92CFBA;color:#fff;border-bottom: #666 1px solid;font-weight:bold; text-align:center;padding:3px;}
.tdsee a {color:#FFFFFF;text-decoration:underline;}
.tdsee a:hover {text-decoration:none;}
.tdsee2 {background-color:#92CFBA;color:#fff;border-bottom: #666 1px solid;font-weight:bold; padding:3px;}

.caseform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #fff;
	border: 1px solid #999999;
}
.red {color:#FF0000;}
.message {color:#f00;font-weight:bold;}


#blocmenu {width:650px;height:40px;float:left;font-size:1.1em;margin-top:50px;margin-left:13px;}
#menucss,
#menucss ul,
#menucss li,
#menucss span,
#menucss a {
  margin: 0;
  padding: 0;
  position: relative;
  border: 0;
  line-height: 1em;
  box-sizing: content-box; text-align:left;
}
#menucss {
  height: 40px;
  /*background: #fff;font-weight:bold;*/  
  width: 650px;
}
#menucss:after,
#menucss ul:after {
  content: '';
  display: block;
  clear: both;
}
#menucss a {
  background: #fff;/*fond rub*/
  color: #003366;
  display: inline-block;
  line-height: 16px; /*à cause des rubriques à 2 lignes --- pour 1 ligne : 32px -- à cause du padding à 4px */
  padding: 4px 12px;
  text-decoration: none;
  border-right: 1px solid #f2f2f2;
}
#menucss ul {
  list-style: none;position: absolute;left:0%;z-index:10; /* alignement left ou right du menu */
}
#menucss > ul {
  float: left;
}
#menucss > ul > li {
  float: left;
}
#menucss > ul > li > a {
  color: #666; /*txt rub*/
}
#menucss > ul > li:hover:after {
  content: '';
  display: block;
  width: 100%;/*0 pour une petite flèche*/
  height: 0;
  position: absolute;
  left: 0%; /*50% pour une flèche centrée*/
  bottom: 0;
  border-left: 0px solid transparent;/*format de la flèche*/
  border-right: 0px solid transparent;
  border-bottom: 5px solid #003366;/*hauteur de la flèche ou du trait*/
  margin-left: 0px;
}
#menucss > ul > li:first-child > a {
  /*border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;*/
}
#menucss > ul > li.active:after {
  content: '';
  display: block;
  width: 100%;/*0 pour une petite flèche*/
  height: 0;
  position: absolute;
  left: 0%;
  bottom: 0;
  border-left: 0px solid transparent;/*format de la flèche*/
  border-right: 0px solid transparent;
  border-bottom: 5px solid #003366;/*hauteur de la flèche ou du trait*/
  margin-left: 0px;
}
#menucss > ul > li.active > a {
  background: #fff;color: #003366;/*fond rub activé*/
}
#menucss > ul > li:hover > a {
  background: #f2f2f2;
  color: #003366; /*txt rub hover*/
}
#menucss .has-sub {
  z-index: 1;
}
#menucss .has-sub:hover > ul {
  display: block;
}
#menucss .has-sub ul {
  display: none;
  position: absolute;
  width: 140px;
  top: 100%;
  left: 0;
}
#menucss .has-sub ul li {
  *margin-bottom: -1px;
}
#menucss .has-sub ul li a {
  background: #f2f2f2;
  border-bottom: 1px solid #fff;
  filter: none;
  font-size: 0.85em;
  display: block;
  line-height: 120%;
  padding: 5px;
  color: #003366; /*txt sous-rub*/
}
#menucss .has-sub ul li:hover a {
  background: #003366;color: #fff; /*survol sous rub*/
}

#menucss .has-sub .has-sub {
  border-right: 5px solid #003366;
}
#menucss .has-sub .has-sub:hover {
  border-right: 5px solid #003366;
}

#menucss .has-sub .has-sub:hover > ul {
  display: block;
}

#menucss .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#menucss .has-sub .has-sub ul li a {
  background: #c3c3c3;
  border-bottom: 1px solid #fff;
}
#menucss .has-sub .has-sub ul li a:hover {
  background: #003366;
}

/* photothèque */
.tabmini td {width:120px; background-color:#eee;color:#222;line-height:12px;font-size:.85em;text-align:left; vertical-align:text-top;}
.tabmini img {border:1px solid #ccc;}
.img_mini{border:1px dotted #666} /* bordure pour la miniature */