*{margin: 0; padding: 0;}
html, body {margin: 0; padding: 0; height: 100%;}

body {background: #fddfe1; font-size:0.85em; text-align: justify; font-family: Geneva, Arial, Helvetica, sans-serif; color: #595758; }
a{text-decoration: none;}
h1,h2,h3,h4,h5, h6{color: #952d37; font-variant: small-caps; font-weight: bold; }
h1{font-size: 1.9em;}
h2{font-size: 1.7em; margin-bottom: 10px;}
h3{font-size: 1.5em;margin-bottom: 10px;}
h4{font-size: 1.3em;margin-bottom: 10px;}
h5{font-size: 1.2em;margin-bottom: 10px;}
h6{font-size: 1.1em;margin-bottom: 10px;}
img{border: none;}
#ext{width: 965px; position: relative; min-height: 100%; margin: 10px auto 0 auto; background: url(../images/fond.png) repeat-y; }
#site {width: 959px;  background:url(../images/largeur.png) repeat-y; }

#entete { margin: 0; padding: 0;height: 243px; line-height: 2.8em; width: 965px; background-image: url(../images/entete.jpg);}
h2.entete{padding-top: 23px; padding-left: 20px; color:#952d37; font-variant: small-caps;font-size: 25px; font-weight: bolder;}
h2.entete a{color: #952d37;}
#titre{margin: 0; height: 40px; padding: 0; background-color: white; }
.titre1{text-align: center; padding-top: 12px;font-size: 19px; color: #6f6d6e; text-transform: uppercase; font-weight: bold; }

#accueil{position: absolute; top: 290px; left: 0px; background: url(../images/gren.png) no-repeat; width: 189px;height: 48px; z-index: 100; color: white; font-weight: bold; padding-top: 8px;}
#accueil p a{ padding-left: 35px; text-transform: uppercase; font-size: 1.4em; font-weight: bold; color:white;}
#accueil a:hover, #accueil a:focus, #accueil a:active{color:#dd9095 ;}
#haut{height: 120px; background-color:#7c2628;}
#rose{float: left; height: 100px;background: url(../images/rose.png) no-repeat 5px 0; width: 170px; margin-top: 10px;}

#google_haut{float: right; width: 757px; margin-top: 15px;}
.blanc{ visibility: hidden;}
.clear{clear: both;}
#colgauche {float: left; width: 180px; margin-bottom: 20px;}
#google_gauche{width: 120px; margin: 0 auto 0 auto;}

#coldroite {	float: right; width: 180px; margin-bottom: 20px;}
#google_droite{width: 120px; margin: 5px auto 0 auto;}

#colcentre {margin: 15px 180px 20px 200px; padding-top: 5px;line-height: 20px;}
#colcentre li{margin-left: 30px;}
#colcentre h1{color: #952d37; margin-bottom: 30px; font-variant: small-caps; font-size: 1.9em;}
#colcentre a{color: #952d37; font-weight: bold; }
#colcentre a:hover, #colcentre a:focus, #colcentre a:active{color: #dd9095;}
#colcentre p{margin-bottom: 15px;}
.right{ float: right; margin-left: 20px; margin-bottom: 10px;}
#print img{border: none;}
#print{float: right; padding-top: 5px; margin-left: 10px;}

#pied { clear: both; height: 165px; width: 959px; position: relative; top: 0; left: 0; background-color: #7b2727; }

#plan{width: 780px; position: relative; left: 178px; top: 30px; height: 160px; background: url(../images/pied.jpg) no-repeat;}
ul.clearfix{padding-top: 25px; padding-right: 100px;}
#plan li{list-style-type: none; float: right;  font-weight: bold; margin-left: 20px;padding-left: 40px; padding-top: 15px;padding-bottom: 15px; display: block; background: url(../images/menu.png) no-repeat center left; }
#plan li a{position: relative; z-index: 2; width: 120px;color:#952d37; font-size: 0.85em; padding-top: 15px; padding-bottom: 15px;}
#plan li a:hover, #plan li a:focus, #plan li a:active{color:#cf5f71;}
#menu_bas{padding-right: 20px;}
#copyright{width: 965px; background: #fddfe1 url(../images/barre_bas.png) no-repeat; height:35px; }
.copyright{position: relative; top: -20px; left: 30px; color: white; font-size: 0.8em;}


#menu{height: 55px; background-color: white; text-align: center; margin:0; z-index: 40; font-size: 1em;}


.clearb { clear: both; }
#menu { 
   background-color: white;
   width: 100%; height: 55px; margin:0; z-index: 40; 
}
ul#primary-nav{padding-top: 8px;}
#primary-nav li li { 
   width: 160px; 
}

#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   padding-top: 1px;
   top: auto; 
   display: none; 
   z-index: 1000;
   margin-right: 0;

}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: 27px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-right: 5px;
   margin-left: 5px;
   float: right;
   font-size: 12px;
   
}
#primary-nav li li { z-index: 1000;
font-size: 12px;
  margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
   line-height: 12px;
}

/* Styling the basic apperance of the menu elements */

#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 5px; 
   text-decoration: none; 
   color: white;
}
#primary-nav li a {
   color: white; width: 132px; background-color: #7c2628; font-weight: bold; height: 21px; padding-top: 10px; border: 1px solid #7c2628;
}
#primary-nav li a:hover, #primary-nav li a:focus, #primary-nav li a:active {background-color:#952d37; border: 1px outset #fbe5e7;}
#primary-nav li li a { width: 170px; border: 1px solid white; font-weight: normal; padding-top: 4px; padding-bottom: 5px; text-align: left; padding-left: 10px;}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #952d37; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive, #primary-nav li a.menuactive { 
  background-color:#952d37;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(../images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #952d37; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}



#news {
margin: 25px 10px 10px 10px;  
background-color:#fae1e0; 
-moz-border-radius: 10px;
}

.NewsSummary {
padding: 0.5em 0.5em 1em; 
margin: 0 0.5em 1em 0.5em; 
}

.NewsSummaryPostdate {
font-size: 11px;
font-weight: bold; text-align: center; padding-bottom: 8px;
 }

.NewsSummaryLink {
font-weight: bold; padding-top: 0.2em; color: #952d37; padding-bottom: 6px; font-size: 0.9em; text-align: left;}
.NewsSummaryLink a {color: #952d37;}
.NewsSummaryLink a:hover, .NewsSummaryLink a:focus, .NewsSummaryLink a:active{color:#dd9095;}

.NewsSummaryCategory {color: #b4b1ac;
font-style: italic;
margin: 5px 0; font-size: 0.8em;
}

.NewsSummaryAuthor { color: #b4b1ac; font-style: italic; padding-bottom: 0.5em; font-size: 0.8em;}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%; font-size: 0.8em;
 }

.NewsSummaryMorelink {
  padding-top: 0.6em; font-size: 0.8em; font-weight: bold;
}
.NewsSummaryMorelink a {color: #952d37;}
.NewsSummaryMorelink a:hover, .NewsSummaryMorelink a:focus, .NewsSummaryMorelink a:active{color:#dd9095;}

#NewsPostDetailDate {
font-size: 90%;
margin-bottom: 10px;
font-weight: bold;
}
h3#NewsPostDetailTitle  {color: #952d37; margin-bottom: 10px;}

#NewsPostDetailSummary {
line-height: 150%; margin-bottom: 15px;
}

#NewsPostDetailCategory {
font-style: italic;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}
#NewsPostDetailHorizRule{border-color: white; margin-bottom: 10px;}
#NewsPostDetailPrintLink {margin-top: 25px; text-align: center; }
#NewsPostDetailPrintLink a{color: #952d37;}
#NewsPostDetailPrintLink a:hover, #NewsPostDetailPrintLink a:focus, #NewsPostDetailPrintLink a:active{color: #dd9095; font-weight: bold;}
#NewsPostDetailReturnLink {text-align: center; margin-top: 10px; margin-bottom: 20px;}
#NewsPostDetailReturnLink a{color: #952d37;}
#NewsPostDetailReturnLink a:hover, #NewsPostDetailReturnLink a:focus, #NewsPostDetailReturnLink a:active{color:#dd9095; font-weight: bold;}



.boite {
   background: #fae1e0; margin: 25px 10px 10px 10px;  
background-color:#fae1e0; 
}
.boite_haut div {
   background: url(../images/haut_gauche.png) no-repeat top left;
}
.boite_haut {
   background: url(../images/haut_droit.png) no-repeat top right;
}
.boite_bas div {
   background: url(../images/bas_gauche.png) no-repeat bottom left;
}
.boite_bas {
   background: url(../images/bas_droit.png) no-repeat bottom right;
}

.boite_haut div, .boite_haut, .boite_bas div, .boite_bas {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.boite_contenu { margin: 0 2px; }



.required label{color: #595758;}
fieldset{width:520px; color: #595758; margin: 0 auto 0 auto;}
#m6moduleform_2{width: 90%;margin-right: auto; margin-left: auto;}
#m6moduleform_2 fieldset legend{font-weight: bolder; font-size: 1.1em; color:  #595758;}
fieldset label{font-size: 12px; font-weight: bold;}
fieldset legend{color:  #595758;}
#m5moduleform_2 input[type="text"]{color: #595758;}
#m5moduleform_2 textarea {color: #595758;}
textarea{width: 80%;}
#cntnt01moduleform_1 input[type="submit"]{margin-top: 5px;margin-right: auto; margin-left: auto;}
#cntnt01searchinput{margin-top: 5px;}
.captcha{font-size:12px;}
.captchapict{width: 150px; height: 50px; margin:10px 0 10px 15px;}
.fbsubmit{margin: 10px 0 0 15px;}
#m5fbrp_captcha_phrase{ margin-left: 15px;}