/*  
DMG & UCN
*/

/**************** Body *********************/
*{margin:0;padding:0;}
body{background: #d5dce2; /*url(images/alarriere.png) top center no-repeat;*/color:#333;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;margin-bottom:20px; line-height:20px;}
#wrapper{background:#fff;margin:20px auto;/*padding:10px;*/width:900px;}
#header {margin:0;padding:0; width:900px;display:block;background:url(images/entete.jpg) no-repeat;height:362px;}
#logo h1{font:300% "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif; letter-spacing:-3px; font-weight:normal; padding-top:100px;padding-left:20px;}
#logo h1 a {color:#fff;}
#logo h1 a:hover{color: #F3F3F3; text-decoration:none;}
h2 a:link,h2 a:visited{ font-size:22px; color: #666666; text-decoration:none; font-weight: lighter;}
h2 a:hover{color: #000000;}

input, textarea {border: 1px solid #3e0000;}

/**************** Entry *********************/
.entry{ float:left;margin-bottom:10px;width:900px;}
.entry div ul li{list-style:none;}
.entry h2{padding:0 0 0 5px;background:#076a8e; /*url(images/notes.png) center right no-repeat;*/color:#fff;}
.entry p{padding:0 0 10px 0;}
.post{padding:20px;text-align:justify; margin-bottom:20px; /*background:url(images/postee.gif) repeat-x top;*/ background-color:#fff;}
.excerpt{padding:10px;margin-bottom:10px; background:url(images/stripe.png); height:120px; border:1px solid #CCCCCC; font-size:80%;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
/*.entry ul li:before{ content: "\00BB \0020"; }*/
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.line{width:500px;float:left;margin:0 0 10px;padding:0 0 5px 2px; border-bottom:#e2e2e0 1px solid;}
.left {float:left; width:220px; padding-right:10px;padding-left:20px; color: #333; font:11px;}
.left a:link, .left a:visited {font:14px Arial, Helvetica, sans-serif; color:#333333;}
.left a:hover {background-color:#333333; color:#FFFFFF;}
.right {float:left;padding-right:20px;width:220px; color:#333; font:11px;}
.right a:link, .right a:visited {font:14px Arial, Helvetica, sans-serif;color:#333333;}
.right a:hover {background-color:#333333; color:#FFFFFF;}

/**************** Links *********************/
a:link, a:visited{color: #000000;text-decoration:none;}
a:hover{color:#000000;text-decoration:underline;}


/**************** Navigation *********************/
#navigation{height:26px;background:#d5dce2 url(images/boutons.png) 620px 0 no-repeat;}
#menu{padding:10px; }
#menu li{display:inline;list-style:none;}
.page_item a:link, .page_item a:visited{color: #FFFFFF; padding:10px;}
.page_item a:hover {text-decoration:none;}
.current_page_item a:link, .current_page_item a:visited{color:#ffffff;text-decoration:none;padding:10px;}
.current_page_item a:hover {text-decoration:none;}


.Menu { padding:0;margin:0 0 0 627px; height:45px;}

/* Pour le menu déroulant ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;} 
#dropmenu a {display:block; padding:0.25em 1em; color:#fff;text-decoration:none;} 
#dropmenu a:hover {color:#fff;text-decoration:underline;} 
#dropmenu li {float:left; position:relative;} 
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;} 
#dropmenu ul a {border-left:1px solid #c8c8c8;} 
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} 
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;} 
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 





/**************** Sidebars *********************/
#topbar {background:#FFFFFF url(images/sidee.gif) top repeat-x; float:right; width:358px;}

#sidebar1{ width:160px; float:left; border-right:1px solid #CCCCCC; padding-right:10px;}
#sidebar1 h2{font-weight:bold; color:#990000; font-size:14px;}
#sidebar1 ul{list-style-type:none; font-size:12px;}
#sidebar1 ul li{margin-left:10px; margin-top:5px;}
#sidebar1 ul li ul{font-style:normal;margin-top:2px;}
#sidebar1 ul li ul li{border:0;border-bottom:1px solid #ccc;list-style:none;padding:5px; padding-left:0; margin-left:0;}
#sidebar1 p{padding:0 5px;}

#sidebar2{ width:160px; float:left;}
#sidebar2 h2{font-weight:bold; color:#990000;font-size:14px;}
#sidebar2 ul{list-style-type:none;font-size:12px;}
#sidebar2 ul li{list-style-type:none;margin-left:10px; margin-top:5px;}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;}
#sidebar2 ul li ul li{border:0;border-bottom:1px solid #ccc;list-style:none;padding:5px; padding-left:0; margin-left:0;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{ background-color: #333333; padding:10px; /*background:url(images/search.jpg);*/}
#topsearch input[type="text"]{ border:1px solid  #FFFFFF; width:16em; color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}
h2.search {font-weight:lighter;}

/**************** Comments *********************/
#comments {font-weight:lighter; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;}
.commentlist{padding:20px;}
#author, #email, #url {color:#666;width:40%;border:1px solid #999999;margin-bottom:0.6em;background:#fcfcfc;margin-top:1px;padding:3px;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #999999;}
.smallies a:link, .smallies a:visited{font-size:11px;}
.smallies a:hover {background-color:#333333; color:#FFFFFF; text-decoration:none; padding:0 3px 0 3px;}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:30px;}
.alignleft{float:left; padding-left:40px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Kwicks *********************/
#kwicks_container ul li {list-style-type:none;}
#kwicks {position: relative;}
#kwicks .kwick {float: left;display: block;width: 84px;height: 20px; padding-right:1px; border-bottom:2px solid #000000;}
#kwick_red {background:url(images/red.gif) repeat-x;}
#kwick_orange {background:url(images/orange.gif) repeat-x;}
#kwick_blue {background:url(images/blue.gif) repeat-x;}
#kwick_green {background:url(images/green.gif) repeat-x; border-right:2px solid #000000;}


.titre_page_accueil{margin: 10px 0 10px 0;padding:5px 0 5px 15px; background:url(images/notes.png) center right no-repeat;
width:885px;background-color:#333333;color:white;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

.un_article_a_gauche {float:left;width:370px;color:#000;}
.un_article_a_gauche  img{border: 3px dashed #6a0000;margin-top:5px;}

.un_article_a_droite {float:left;width:520px;color:#000;padding: 0 0 0 10px;}

.du_texte {text-align:justify;}
.du_texte_2 {text-align:justify;text-decoration:underline;font-weight:bold;}

.une_mise_en_page {list-style:none;}
.une_mise_en_page li {display:block; margin:0 0 5px 0;padding:2px 0 2px 25px; background:url(images/liste4.png) 5px 50% no-repeat; 
text-decoration:none;font-family:verdana,sans-serif;font-size:1em;color:#6a0000;}


.partie_dmg {float:left;width:435px;border-right:1px dashed #000;padding:5px;}
.partie_ucn {float:left;width:425px;padding:5px;margin-left:15px;}

.partie_dmg_contact {float:left;width:400px;border-right:1px dashed #000;padding:5px;}
.partie_ucn_contact {float:left;width:390px;padding:5px;padding-left:40px;}

.partie_dmg_galerie {float:left;width:410px;border-right:1px dashed #000;padding:5px;}
.partie_ucn_galerie {float:left;width:410px;padding:5px;padding-left:23px;}

.positionnement_galerie_accueil {text-align:center;padding-left:30px;}

.un_article_a_gauche_2 {float:left;width:220px;color:#000;}
.un_article_a_gauche_2  img{border: 1px dashed #6a0000;margin-top:5px;}

.un_article_a_droite_2 {float:left;width:620px;color:#000;padding: 0 0 0 10px;}

.un_simple_lien a {text-decoration:none;color:#10619f;font-weight:bold;}
.un_simple_lien a:link  {text-decoration:none;color:#10619f;font-weight:bold;}
.un_simple_lien a:visited  {text-decoration:none;color:#10619f;font-weight:bold;}
.un_simple_lien a:active{text-decoration:none;color:#10619f;font-weight:bold;}
.un_simple_lien a:hover {text-decoration:underline;color:#10619f;font-weight:bold;}

.en_plus_grand {text-decoration:none;font-weight:normal;font-family:verdana,sans-serif;font-size:0.9em;color:#a9a9a9;margin-top:-20px;margin-bottom:10px;}

.titre_dmg {background:url(images/carre01.png) 1px 8px no-repeat;color:#10b2c7;width:350px;height:50px;padding-left:50px;padding-top:20px;margin-bottom:-20px;}
.titre_dmg_galerie {background:url(images/carre01.png) 1px 8px no-repeat;color:#10b2c7;width:350px;height:50px;padding-left:50px;padding-top:20px;margin-bottom:20px;}
.rubrique_dmg {background:url(images/crayon.png) 1px 8px no-repeat;color:#10b2c7;margin-top:20px;margin-bottom:10px;text-decoration:underline;font-weight:bold;height:24px;padding-top:10px;padding-left:25px;}
.mise_en_page_dmg {list-style:none;}
.mise_en_page_dmg li {display:block;padding:2px 0 2px 25px; background:url(images/liste5.png) 1px 8px no-repeat; 
text-decoration:none;font-weight:bold;font-family:verdana,sans-serif;font-size:1em;color:#10b2c7;}

.mise_en_page_dmg_2 {list-style:none; background:url(images/matieres.jpg) top center no-repeat;}
.mise_en_page_dmg_2 li {display:block;padding:2px 0 2px 25px; background:url(images/liste5.png) 1px 8px no-repeat; 
text-decoration:none;font-weight:bold;font-family:verdana,sans-serif;font-size:1em;color:#10b2c7;}

.titre_ucn {background:url(images/carre02.png) 1px 8px no-repeat;color:#78ad44;width:350px;height:50px;padding-left:50px;padding-top:20px;margin-bottom:-20px;}
.titre_ucn_galerie {background:url(images/carre02.png) 1px 8px no-repeat;color:#78ad44;width:350px;height:50px;padding-left:50px;padding-top:20px;margin-bottom:20px;}
.rubrique_ucn {background:url(images/crayon.png) 1px 8px no-repeat;color:#78ad44;margin-top:20px;margin-bottom:10px;text-decoration:underline;font-weight:bold;height:24px;padding-top:10px;padding-left:25px;}
.mise_en_page_ucn {list-style:none;}
.mise_en_page_ucn li {display:block;padding:2px 0 2px 25px; background:url(images/liste4.png) 1px 8px no-repeat; 
text-decoration:none;font-weight:bold;font-family:verdana,sans-serif;font-size:1em;color:#78ad44;}


.mise_en_page_3 {list-style:none;}
.mise_en_page_3 li {display:block;padding:2px 0 2px 25px; background:url(images/liste6.png) 1px 50% no-repeat; 
text-decoration:none;font-weight:bold;font-family:verdana,sans-serif;font-size:0.8em;color:#ffffff;}



.une_carte {border: 1px solid #812623;}

.texte_introductif {background:#333333;margin-top:5px;width:890px;padding:5px;font-weight:bold;font-family:verdana,sans-serif;font-size:1.2em;height:150px;}

.texte_introductif_2 {float:right;width:600px;}

.clear {
   clear: both;
} 

.la_carte {border: 1px solid #a9a9a9;margin-top:10px;}


/**************** Footer *********************/

#avant_le_pied_de_page {height:140px;background-color:#333333;margin-top:-20px;}

#footer{width:900px;margin:0 auto;color:#ffffff; background:url(images/basdepage.jpg) no-repeat center top;padding:10px;height:138px;}

.quelques_informations {color:red;text-align:center;background-color:#333333;color:#fff;margin-top:-20px;}
.quelques_informations a:link, #footer a:visited{color: #FFFFFF;}
