/* CSS Document */
/*______________________CALQUES ET BALISES_____________________________________________*/
body{
   margin:0px; padding:0px;    text-align: left;    color:#0c2577;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; cursor:default; background-color:#050221}
#animation{position:absolute; display:block; top:10%;  right:3%; width:450px; height:450px;}
#fond{position:absolute; width:100%; height:99%;  min-height:600px; min-width:870px;   max-height:950px;}
#cartouche{width:100%; height:28%; min-height:180px; position:relative; z-index:3 ;}
#corps{ width:80%; min-width:690px;  padding:0 10% 0 10%;  margin:auto; overflow:hidden;height:67%;  margin:auto; margin-top:0; margin-bottom:0; text-align:left; background-image:url(../objets/fond.jpg); background-position:bottom right; position:relative;  color:#FFFFFF;  opacity:0.90;filter:alpha(opacity=90);min-height:380px; }
#contenu{position:absolute; top:30%; width:99.5%; min-width:870px; height:65%; color:#FFFFFF; z-index:1; text-align:center }
#piedpage{text-align:center; color:#FFFFFF;   width:100%; min-height:25px; height:5%; position:relative; line-height:1.5em}

/**********************  mise en forme textes */
h2{margin:5px 0 5px 0; padding:0; color:white; text-align:left; font-size:1.4em; text-decoration:underline; font-weight:200}
a.fich{text-decoration:none; color:#0c2577; line-height:1.4em}
a.fich:hover{text-decoration:underline}
h3{color:white; font-weight:bold; text-transform:uppercase; margin:4px 0 4px 0; padding:0}

#formlangue{display: block; position:absolute; top:15px; right:30px;cursor:pointer }

/************************entete */
/*#logo{ width: auto; height:100%; float:left; margin-left:3%}*/
#logo{ width:25%; max-width:360px;  height:100%; float:left; margin-left:0;}
.imglogo{margin-top:30px; display:block; width:220px; float:right; margin-right:3%}
a.menuprinc{display:inline-block; width:100px; padding-top:13px; height:22px;  color:#0c2577; text-decoration:none; background-color:white; vertical-align:middle; font-weight:bold; line-height:1em ;}
a.menuprinc:hover{background-color:#f54d01;}
a.menuprinc_sel{display:inline-block; width:105px; height:35px;  color:#0c2577; text-decoration:none; background-color:#f54d01; vertical-align:middle; font-weight:bold;line-height:1em ;padding-top:13px; height:22px;}
a.menuprinc2{display:inline-block; width:100px; padding-top:5px; height:30px;  color:#0c2577; text-decoration:none; background-color:white; vertical-align:middle; font-weight:bold; line-height:1em }
a.menuprinc2:hover{background-color:#f54d01; }
a.menuprinc2_sel{display:inline-block; width:105px; height:35px;  color:#0c2577; text-decoration:none; background-color:#f54d01; vertical-align:middle; font-weight:bold;line-height:1em ;padding-top:5px; height:30px;}
/**************************** corps **********/
#gauche{width:25%; min-width:220px; max-width:360px; height:98%; display:inline-block; position:relative; float:left;  overflow:hidden;border-right:1px dashed #cccccc; font-size:0.9em; text-align:left;}
.encart{width:220px;height:96%; overflow:hidden;  float:right; margin:5% 5% 0 0; }
#gauche h3{font-size:1.2em; text-align:left;  color:#0c2577; display:block; }
#gauche h1{font-size:1.2em; text-align:left;  color:#0c2577; display:block; }
.encart p{text-align:justify; color:#0c2577;}
#texte-encart{ position: absolute; margin:auto; left:15%; top:12%; width:74%; max-width: 400px; height:auto;   max-height:70%; padding:10px;   border:2px solid white; font-size:1.1em; z-index:6; display:none; background-color:#e2e2e2; overflow:auto; text-align:left;  opacity:0.90;filter:alpha(opacity=90); }
#texte-encart h3{font-size:1.2em; text-align:left;  color:#0c2577; display:block; }
#texte-encart h1{font-size:1.2em; text-align:left;  color:#0c2577; display:block; }


#texte{width:48%; max-width:750px; display:inline-block; height:98%; margin:auto; position:relative; overflow:hidden;}
#texte p{color:#0c2577; text-align:left; text-align:justify; margin:10px 10px 10px 20px}
#texte h1{font-size:2.7em; font-weight:bold; text-align:left; color:#0c2577; padding:0; margin:40px 10px 20px 20px;} 

a.ouverture{font-size:10px; text-decoration:none; background-color:#cccccc; margin:0 10px 0px 0; padding:3px 10px 0 3px;  text-decoration:none; /*color:#0c2577;*/ color:black; font-weight:bold; float:right; display:block; position:absolute; bottom:0; right:0}
#texte-princ{ position: absolute; margin:auto; left:15%; top:8%; width:74%; max-width: 800px;   height:80%; padding:10px;   border:2px solid white; font-size:1.1em; z-index:6; display:none; background-color:#e2e2e2; overflow:auto; text-align:left;  opacity:0.90;filter:alpha(opacity=90); }
#texte-princ p{color:#0c2577; text-align:left; text-align:justify; margin:10px 10px 10px 20px}
#texte-princ h1{font-size:2.7em; font-weight:bold; text-align:left; color:#0c2577; padding:0; margin:30px 10px 20px 20px;}

a.opt{font-size:10px; text-decoration:none; margin:0 10px 0px 20px; padding:3px 10px 0 3px;  text-decoration:none; color:#0c2577; font-weight:bold; float:left; display:block;  }

/* actus  */
#actu{width:25%; min-width:220px; max-width:360px; display:inline-block; height:95.5%; position:relative;float:right;  overflow:hidden; overflow:hidden; opacity:0.8; filter:alpha(opacity=80); margin-top:1% }
.actu{ width:220px;  height:100%;  overflow:hidden; background-image:url(../objets/fond2.jpg);margin-left:5%; float:left  }
#actu h3{ margin:2px 0 0 0; width:auto; text-transform:capitalize;font-size:1.7em; padding:10px 0 5px 10px;  text-align:left;  color:#0c2577;  }
#article{width:100%; margin:5px 0 15px 0; padding:0 3% 0 3%; height:auto; overflow:inherit; border-bottom:1px dotted white; display:block;}
#article p{margin:0 15px 0 0;padding:0; text-align:left; font-size:0.8em }
#article p.titre-actus{/*color:#0c2577; */color:white; font-weight:bold; font-size:1.1em; text-align:left}
#article p.stitre-actus{ /*color:#0c2577;font-weight:bold;*/ color:white;font-size:1.1em; text-align:left }
img.imgactu{ max-height:110px; margin-bottom:8px ; border:0 }
img.imgactu2{ max-height:90px; margin-bottom:8px ; border:0 }
a.actu-li{color:#f54d01; font-size:0.8em; float:left; text-align:left; width:100%}
a.actu-li:hover{color: yellow}
a.ouverture2{font-size:10px; text-decoration:none; background-color:#cccccc; margin:0 10px 0px 0; padding:3px 10px 0 3px;  text-decoration:none; color:red; font-weight:bold; float:right; display:block; position:absolute; bottom:0;   left:5%}

/**************************** pied ******************/
#patch{width:100%; position:relative;  color:#999999;  text-decoration:none; font-size:10px; bottom:0;}
.patch {color:#666666; text-decoration:none; }
.patch2 {color:#666666; text-decoration:none; display:inline-block }
.mention{float:right; margin-right:5%; color: white; display:inline-block}

/************************************ menu Déroulant */
#divmenuprinc{display:inline; position:relative; margin-right:3px; width:100px; height:35px; filter:alpha(opacity=90);}
#menuprinc{ width:100%; position:absolute; left:0; bottom:0; text-align:center; z-index:10}
#menuprinc a{ opacity:0.9; filter:alpha(opacity=90); z-index:10 }
dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}
#menu {position: absolute; display:none;height:auto;top:25px; left:0; overflow:inherit; width:auto; opacity:1;
filter:alpha(opacity=100);}
#menu:hover {display:block; }
#menu dt {cursor: pointer;line-height:14px; margin: 0px ;text-align:left;font-weight: bold; }
#menu dd {position: absolute;z-index: 100;left:100px;margin-top: -30px;width : auto;}
#menu dt a {display:block; text-align:center; color:#1d2b84; width:105px;  border-top:1px white dotted; padding:6px 0 6px 0; text-decoration:none ; background-color:#f54d01}
#menu dt a:hover {color:white}
#menu dd a {display:block; text-align:center; color:white; width:110px;  border-bottom:1px white dotted; padding:6px 0 6px 0; text-decoration:none ; background-color:#1d2b84}
#menu dd a:hover {color:#f54d01}

/*************************************/
input.champs {
color:#333333; background-color:#ffffff;border:1px solid #cccccc; font-size:10px; height:13px;padding:0; margin:0;}
input.bouton{ color:#1d2b84; background-color: #eeeeee; border:0; font-size:12px; text-decoration:underline;
font-weight:bold; cursor:pointer}
input.bouton:hover{ color:red;}
select { color: black; width:100%; font-size:10px; font-family:arial;padding-bottom:0px;}
textarea {color: black;  float:right; top:0;background-color:white;}
input.fichier {color:black; background-color:#66CCFF; font-size:10px; font-family:arial;}
input.men{ cursor:pointer; text-decoration:none; min-width:80px; color:#eeeeee; padding:0 5px 0 5px; background-color:#1d2b84;  margin:0; float:left; height:20px; line-height:1.2em; border:1px solid #1d2b84; border-left-color:#999999; border-right-color:#999999}
input.men:hover{ color:white; background-color:black }
input.men_sel{ cursor:pointer; text-decoration:none; min-width:80px; color:white; padding:0 5px 0 5px;  background-color:#0033CC; margin:0; float:left; height:20px; line-height:1.2em; border:1px solid #0033CC;}