@charset "utf-8";
/* structure commune navigateurs CSS3 */

/* html et body */
html { width:100%; height:100%; min-width:600px; background-color:#fbfefd;}
body { position:relative;width:100%; max-width:1200px; margin:0 auto; min-height:100%; border:0 font-family:Arial, Helvetica, sans-serif; font-size:14pt;}

/* header */
header#row1 { position:fixed; display:table; top:0; left:0; width:100%; height:30px; line-height:30px; background-color:#333; color:#ddd; z-index:9;}
header#row2 { position:fixed; top:30px; left:0; width:100%; height:30px; background-color:White; color:#ccc; box-shadow: 0 1px 3px rgba(0,0,0,0.5); z-index:9; box-shadow: 0 1px 3px rgba(0,0,0,0.5); z-index:9;}
div.header { position:relative; max-width:1200px; width:100%; margin:auto; display:table;}
header#row1 h1 {  width:100%; margin:2px; font-style: gitalic; font-size:20px; letter-spacing:2px; padding-left:1%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;}
header#row1 p { width:100%; font-size:16px; letter-spacing:1px; margin:2px; padding:0; white-space:normal; padding-right:1%; font-family: Arial, Helvetica, sans-serif; display:table-cell; text-align:right; vertical-align:middle;}
div#divimg { position:absolute; left:0; right:auto; top:65px; max-width:80%; opacity:0; transform:scale(0); transition:all .2s ease-in-out; overflow:hidden; z-index:8;}
img#img { display:inline-block; border-radius:5px; margin:0 3px; max-height:354px; cursor:pointer; border:1px solid rgba(0,0,0,0.2);}
header a.hf { letter-spacing:1px; margin:0; padding:2px 5px; border-radius:5px; text-decoration:none; color:#101a14;}

/*javascript désactivé*/
#noscript * { color:red; text-align:justify;}

/*Navigation*/
nav#flash { background-color:#e6f0e0; width:250px; float:right;margin:-10px 1% 0 1%; padding:5px; text-align:justify; box-shadow: -1px 1px 5px rgba(0,64,0,0.5); border-radius:5px; overflow:hidden; font-size:13pt; color:#131;}
nav#flash a {color:#131;}
div#flashimg img { max-width:100%;}
img#flashimg { display:block; margin:auto; width:100%;}
#flash h3 { margin:0 10px 10px 10px; padding:0; padding-bottom:2px; font-size:16pt;overflow:hidden;}
#flash address {margin:1em auto;}
div#span_mouse { position:relative;}
span#mouse { position:absolute;top:5px; left:5px; padding:2px 5px; color:#131; font-style:bold ;background-color:rgba(230,240,224,0.8);font-size:smaller; border-radius:5px; font-style:italic;}

/*Menu supérieur*/
div#menu600 {  }
div#hdrow { width:100%; height:30px; margin:auto; padding:0; overflow:hidden; display:table;}
div.hdcell { display:table-cell; min-width:16%; height:16px; margin:0; padding:0; list-style-type:none; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12pt; vertical-align: middle; white-space:nowrap;}

/*Section, articles*/
section { position:relative; margin:0 1%; padding:0; padding-top:60px; padding-bottom:20px; color:#101a14;}
article p { line-height:1.4em; font-size:13pt; color:#101a14; text-align:justify; text-indent:10px; font-size:13pt; padding:0; margin:0.5em auto;} 
article a { color:#4e8164;}
article li { line-height:1.4em; font-size:13pt; color:#101a14; text-align:justify;} 
h1#titre { margin:0 auto; padding:0; text-indent:0; font-size:16pt; line-height:16px; color:#2f4d3c}
article { margin:1% 0; padding:1%; border-radius:5px; border:0; background-color:rgba(225, 251, 241,0.2); border:1px solid #cdc}
article img {max-width:100%;}

/*Mise en page*/
h1, h2 { text-align:center; text-indent:0;}
h3 { text-indent:0; margin:1em auto; padding:0; color:#4e8164;}
h4 { text-align:center; margin:1em auto; color:#353; font-size:14pt;}
h5 { text-align:left; margin:1em auto; color:#474; font-size:12pt;}
h6 { text-align:right; margin:1em auto; color:#474; font-size:12pt;}
h5#ed { display:inline-block; margin:5px 0 30px 0; padding:2px 2px 10px 0; line-height:1.3em; color:#4e8164}
address { margin:0 10px; text-align:right;}

/* footer */
footer { position:fixed; bottom:0; left:0; width:100%; margin:0 auto; padding:0 1% 0 -1%; text-align:center; height:24px; line-height:24px; font-family:arial; color:#ddd; font-size:10pt; cursor:help; box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 1px 0 5px rgba(0,0,0,0.5); background-color:#333; z-index:9;}
div#footer { height:20px; max-width:1200px; margin:0 auto; padding:0; position:relative;}
div#ft_left { float:left; text-align:left; padding-left:1%;}
div#ft_right { float:right; text-align:right; padding-right:1%;}
footer a.hf { color:#ccc;}
footer img { margin:0 10px; vertical-align:middle; height:16px; margin-bottom:2px;}
span#quicksearch { vertical-align:middle;}

/*Recherches rapides*/
div#cache { position:absolute; width:100%; bottom:0; height:30px; cursor:help;} /*permet d'appeler le formulaire avant d'entrer dans le footer*/
div#searchs { display:block; width:100%; max-width:1200px; background-color:rgba(85,189,151,0.5); overflow:hidden; position:absolute; bottom:20px; border-radius:5px 5px 0 0; padding-top:4px; transition: 0.4s ease-out; height:0; visibility:hidden;}
div#ft_forms { display:block; margin:auto; width:100%; max-width:800px;}
form.ft_search { display:inline-block; width:48%; margin:0; padding:0;}
#FNom, #FTitre {  width:88%; height:20px; margin:0;  text-align:left;}
#goNom { float:left;} #goTitre { float:right;}
#goNom { width:30px; height:20px; margin-right:5px; } #goTitre { width:30px; height:22px; margin-left:5px; }
form.ft_search input.ok { cursor:pointer; border:0; margin-top:2px; background-color:#52B67C; color:white;}
#FNom:hover, #FTitre:hover { color:black; }
input:focus { outline:none;}
#quicksearch img { opacity:0.8;}
div#footer:hover div#searchs {  visibility:visible; height:100%; _transition-delay:0ms;}

/*regles generiques*/
.center { display:block; margin:auto !important; text-align:center !important;}
.center_text { text-align:center !important;}
@media screen and (max-width:699px)
{header .under800 { display:none;}}