*{margin:0; padding:0; list-style-type:none}
a img{border:none}
body{font:85% Georgia,"Times New Roman",Times,serif; text-align:center}
#contener{text-align:left; width:950px; margin-right:auto; margin-left:auto}
#wrapper{float:left; width:100%}
.home{margin-top:0; margin-right:313px; margin-left:200px; padding-right:20px; padding-left:30px}
.inner{width:550px; float:left; padding-left:45px}
.padleft180{margin-left:180px}
#content p{color:#1c1c1c; line-height:1.4em; text-align:justify; margin-bottom:1em}
#colxl{width:900px; clear:both}
#col1_home{float:left; width:210px; margin-left:-950px}
#col1_inner{width:210px; float:left; padding-right:12px; padding-left:12px}
#col3_home{float:left; width:270px; margin-left:-313px; padding-left:24px}
#footer{clear:left; width:100%}
#header{background-color:transparent; background-image:url(images/header_bg.png); background-repeat:no-repeat; background-attachment:scroll; width:907px; height:277px}
#header img{margin-top:184px; margin-left:32px}
/* Credits:Stu Nicholls */
/* URL:http://www.stunicholls.com/menu/skeleton/skeleton.css */
#nav, 
#nav ul{list-style:none; background:#b5cddc; position:relative; top:6px; z-index:200; padding-bottom:5px}
#nav{position:relative; height:35px; z-index:1000; padding:0}

#nav li{float:left; padding-top:5px; padding-left:15px}
#nav li li{position:relative; z-index:100; float:none}
/* a hack for IE5.x and IE6 */
* html #nav li li{float:left; margin-right:10px}

#nav li a{display:block; float:left; color:#0f2c67; font-weight:700; margin:0 14px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap}
* html #nav li a{margin-right:2px}
#nav li li a{height:20px; line-height:20px; float:none}

#nav li:hover{position:relative; z-index:300}
#nav li:hover ul{left:0; top:22px; margin-top:5px}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul{left:10px}

#nav ul{position:absolute; left:-9999px; top:-9999px}
* html #nav ul{width:1px}
#nav li:hover li:hover >ul{left:-15px; margin-left:100%; top:-1px}
#nav li:hover >ul ul{position:absolute; left:-9999px; top:-9999px; width:auto}
#nav li:hover >a{text-decoration:underline; color:#465e32}
#nav li:hover li:hover ul, 
#nav li:hover li:hover li:hover ul, 
#nav li:hover li:hover li:hover li:hover ul, 
#nav li:hover li:hover li:hover li:hover li:hover ul{left:-15px; margin-left:100%; top:-1px}
#nav li:hover ul ul, 
#nav li:hover li:hover ul ul, 
#nav li:hover li:hover li:hover ul ul, 
#nav li:hover li:hover li:hover li:hover ul ul{position:absolute; left:-9999px; top:-9999px}
#nav li:hover a, 
#nav li:hover li:hover a, 
#nav li:hover li:hover li:hover a, 
#nav li:hover li:hover li:hover li:hover a, 
#nav li:hover li:hover li:hover li:hover li:hover a, 
#nav li:hover li:hover li:hover li:hover li:hover li:hover a{text-decoration:underline; color:#465e32}
#nav li:hover li a, 
#nav li:hover li:hover li a, 
#nav li:hover li:hover li:hover li a, 
#nav li:hover li:hover li:hover li:hover li a, 
#nav li:hover li:hover li:hover li:hover li:hover li a{text-decoration:none; color:#0f2c67; font-weight:normal}

h1, em{margin-left:-6000px; display:none}
.lettrine{float:left; /* positionnement de la lettrine dans le conteneur*/font-size:3em; /* 3 hauteurs de lignes pour la lettrine*/color:#900; margin:1px; padding:1px; line-height:1em}
#content p:first-child:first-letter{float:left; /* positionnement de la lettrine dans le conteneur*/font-size:3em; /* 3 hauteurs de lignes pour la lettrine*/color:#900; margin:1px; padding:1px; line-height:1em}

#col3_home h3{color:#900; font-size:130%; font-weight:700; width:100%; float:left; margin-bottom:1em}
#page_inner h2{color:#900; font-size:120%; font-weight:700}
.legende_left{ color: #626262 !important; font-style:italic; width:250px; float:left; clear:both; margin-bottom:1.5em; padding-right:20px }
.legende_right{ color: #626262 !important; font-style:italic; margin-bottom:1.5em; width:250px; float:right; clear:both; padding-left:20px }
blockquote p{color:#0f2c67; font:italic 1em/1.4em Georgia,"Times New Roman",Times,serif; background:url(images/quote2.gif) no-repeat right bottom; padding-left:18px; text-indent:-18px; width:150px; float:left; margin-right:0; margin-bottom:10px}
blockquote p:first-letter{background:url(images/quote1.gif) no-repeat left top; padding-left:28px; font:italic 1.4em Georgia,"Times New Roman",Times,serif}
.auteur{font-style:italic; width:70%; padding-left:19px}
#postit{color:black; background-color:#fef488; width:185px; margin-top:1.5em; padding:10px}
#home{width:100%; float:left; margin-top:1.5em; background-image:url(images/home_bg.gif); background-repeat:repeat-y}
#page_inner{ width:100%; margin-top:1.5em; background-image:url(images/inner_bg.gif); background-repeat:repeat-y; position:relative; z-index:0; float: left; }
#footer{background-color:white; background-image:none; width:907px; float:left; margin-top:2em; padding-top:1em; padding-bottom:2em}
#footer2{background-color:#1b3b74; padding-top:0.7em; padding-bottom:1em; width:907px; float:left; margin-top:1em}
#footer2 p{color:white; float:right; padding-right:20px}
#footer2 a{color:white; padding-left:20px}
.chapo{color:#2e4355 !important; font-weight:bold; line-height:1.5em !important}
#page_inner h3{color:#565f78; font-size:150%; margin-bottom:1em}
#myGallery h2{color:#fff; font-size:90%; font-family:arial; margin-bottom:1em}
.right{float:right; padding-left:20px}
.left{float:left; padding-right:20px}
.sep{width:100%; height:1px; clear:both; padding-top:1em}
#col1_inner ul{color:#0f2c67; font-weight:700; width:100%}
#col1_inner li{font-weight:700; width:100%; float:left; margin-bottom:2em}
#col1_inner li a{font-weight:normal}
#col1_inner li li{margin-top:0.5em; margin-bottom:0.5em}
#col1_inner cite{color:#626262; font-weight:normal; font-style:italic; position:relative; top:-0.5em}
.legende{float:left; margin-bottom:1.2em}
.encadre-droit { background-color: #d8e5fd; width: 52%; float: right; margin-bottom: 1em; margin-left: 15px; padding: 10px 10px 5px; }
.encadre-gauche { background-color: #d8e5fd; margin-bottom: 1em; padding: 10px 10px 5px; width: 52%; float: left; margin-right: 15px; }
.sscol_dte{font-size:95%; width:250px; float:right; margin-bottom:15px; margin-left:15px; padding-top:15px; padding-right:15px; padding-left:15px}
.bleu{background-color:#d8e5fd}
div.hr{  height:20px;   background:#fff url(images/hr.png) no-repeat scroll center}
div.hr hr{ display:none}

/*galleryview*/
.panel-overlay h2,
.panel-overlay p{ color: white !important; font-size: 14px !important; font-family: tahoma; position: relative; margin: 0.3em 2em 0.3em 0 !important; }
.panel-overlay p { color: white !important; font-size: 12px !important; line-height: 1.2em !important; }
.galleriffic { margin-left: 280px; }