/* CSS Document */
@import url(reset.css);
@import url(./php_mailer/formulaires.css);
/*--------------general------------------*/
body{
  font-size:62.5%;
  font-family: Arial, Verdana;
  background: url(images/fond.gif) repeat-x #cccccc;
}
.net{
  visibility:hidden;
  clear:both;
  margin:0;
  padding:0;
  border:none;
}
.netMarge{
  visibility:hidden;
  clear:both;
  margin:0px 0px 40px 0px;
  padding:0;
  border:none;
}
.netMargeUtile{
  visibility:hidden;
  clear:both;
  margin:0px 0px 20px 0px;
  padding:0;
  border:none;
}
.netBis{
  clear:both;
}
a:link, a:visited{
  text-decoration: none;
  color:black;
}
a:hover, a:focus{
  text-decoration: none;
  color:#5F5F5F;
}
#agenda h3 a:link,#agenda h3 a:visited, h3 a:link,h3 a:visited{
  text-decoration: none;
  color:#E1001A;
}
#agenda h3 a:hover, #agenda h3 a:focus, h3 a:hover, h3 a:focus{
  text-decoration: none;
  color:#5F5F5F;
}
#contenu_gauche.articles a:link, #contenu_gauche.articles a:visited{
  text-decoration: underline;
}
#contenu_gauche.articles a:hover, #contenu_gauche.articles a:focus{
  text-decoration: none;
}
strong{
	font-weight:bold;
}
small{
	font-size: 0.8em;
}
/*--------------header-menu-pub----------*/
#contour_header{
  width:960px;
  margin:0 auto 0 auto;
  padding:0px 4px 0px 4px;
  background: url(images/bord_header.gif) no-repeat;
}
#header{
  background: url(images/fond_header.gif) repeat-x;
  height:266px;
  padding:12px 8px 0px 19px;
}
/*----sousmenu----*/
#sousmenu{
  float:right;
  margin-bottom:1px;

  text-align:right;
}
ul#sousmenu {
  font-size:1.4em;
}
#sousmenu li{
  float:left;
}
#menu{
  margin-top:3px; 
}
#menu div{
  float:left;
  font-size:1.6em;
}
#menu a{
  display:block;
  padding:9px 22px 9px 22px;
  border-right:1px solid #414141;
  background:#cccccc;
}
#menu a:hover{
  color:white;
  background:black;
}
#menu a.on{
  color:white;
  background:black;
  font-weight: normal;
}
#menu a#premier{
  border-left:1px solid #414141;

}
#menu div ul {
  position: absolute;
  border-top:1px solid black;
}
#menu div li {
  border-right:1px solid black;
  border-bottom:1px solid black;
  border-left:1px solid black;
}
#menu div ul.submenu a{
  width: 130px;
}
#menu div ul.submenu a:link, #menu div ul.submenu a:visited {
  background:white;
  -moz-opacity:0.9;
  opacity: 0.9;
  filter:alpha(opacity=90);
}
#menu div ul.submenu a:hover, #menu div ul.submenu a:focus {
  background:black;
  -moz-opacity:0.9;
  opacity: 0.9;
  filter:alpha(opacity=90);
}
#annonce{
  clear:both;
  margin:47px auto;
  width:728px;
}
/*--------------contenu------------------*/
#conteneur{
  width:934px;
  padding:8px 12px 0px 22px;
  margin:0 auto 0 auto;
  background: url(images/fond_blanc.gif) repeat-y;
}

#utile_ariane{
  width:306px;
  padding:0px 0px 0px 0px;
  float:left;
  font-size:1.1em;
  color:#5F5F5F;
}

#utile_recherche{
  float:left;
  width:300px;
  padding:0px 0px 0px 10px;
  text-align:right;
  font-size:1.2em;
}
#utile_recherche #recherche{
  width:120px;
  background: #FFF url(rechercher.gif) no-repeat left center;
  border:1px solid #5F5F5F;
  padding:2px 0px 2px 25px;
}

#contenu_gauche{
  width:608px;
  padding:12px 18px 18px 0px;
  float:left;
  background: url(images/ligne_gauche.gif) top right repeat-y;
  height:auto;
  min-height:535px;
  _height:535px;
}
#contenu_gauche.accueil img{
  float:left;
  margin-right:8px;
  margin-bottom:3px;
}

#contenu_droite{
  width:298px;
  padding:12px 2px 0px 8px;
  float:left;

}
/*-----------page info article------------*/
#gauche_info{
  float:left;
  width:170px;
  padding-right:18px;
}
#droite_info{
  float:left;
  width:320px;
}
/*---------Titre---------*/
h1{
  font-family: trebuchet MS, Arial, Verdana;
  font-size:2.4em;
  color:#65000c;
  margin-bottom:8px;
  margin-top:2px;
}
h1 a:link, h1 a:visited{
  color:#65000c;
  text-decoration:none;
}
h1 a:hover, h1 a:focus{
  color:#4F4F4F;
}
h2{
  font-family: trebuchet MS, Arial, Verdana;
  width:300px;
  padding:0px 18px 0px 0px;
  float:left;
  text-align:right;
  font-size:2.4em;
  color:#E1001A;
  
}
h3{
  font-family: trebuchet MS, Arial, Verdana;
	color:#E1001A;
	font-size:2.4em;
}
h4{
  font-family: trebuchet MS, Arial, Verdana;
	color:#E1001A;
	font-size:1.7em;
}
h4.plan{
  margin:15px 0px 6px 0px;
}
h4 a:link, h4 a:visited{
  color:#E1001A;
  text-decoration:none;
}
h4 a:hover, h4 a:focus{
  color:#4F4F4F;
}
/*----------------------
-classes-
----------------------*/
a:link.suite, a:visited.suite{
  color:#E1001A;
  text-decoration: underline;
}
a:hover.suite, a:focus.suite{
  color:#4F4F4F;
}

#contenu_gauche.accueil p{
  font-size:1.2em;
  line-height:1.4em;
  color:#4F4F4F;
  margin:0px 0px 16px 0px;
}
#contenu_gauche.articles p{
  font-size:1.2em;
  line-height:1.4em;
  color:#4F4F4F;
  margin:0px 0px 14px 0px;
}
#contenu_gauche.articles ul{
  font-size:1.2em;
  line-height:1.4em;
  color:#4F4F4F;
  margin:0px 0px 14px 0px;
}
#contenu_gauche.articles li{
  padding:0px 0px 8px 5px;
  margin-left:15px;
  list-style: disc;
}

.annee{
  font-size:1.2em;
  line-height:1.4em;
  color:#4F4F4F;
}
.chapo{
  font-weight: bold;
}
.Tagenda {
  font-size:1.4em;
  font-weight: bold;
  color:#E1001A;
  line-height: 1.6em;
}
.Pagenda p{
  font-size:1.2em;
  color:#4F4F4F;
  margin:10px 0px 5px 0px;
}
.Pagenda li{
  padding-left: 15px;
  background:url(images/agenda_puce.gif) no-repeat ;
  margin-bottom:15px;
}
.date_agenda{
  font-size:1.2em;
}
.lieu{
  font-size:1.1em;
}
.lieu p{
  display:inline;
  line-height:1.4em;
}
#resum_port{
  margin:10px;
  padding:8px;
  background:#cccccc;
  border:1px solid #7A7A7A;
}
div.bloc_Arch{
  width:250px;
  padding:10px;
  height:260px;
  border:1px solid #CCCCCC;
  float:left;
  margin:10px;
  text-align:center;
}
.date{
  font-style: italic;
  color:#4F4F4F;
}
caption{
  padding-bottom:5px;
}
table.spip{
  font-size:1.1em;
}
.retrait{
  padding-left:20px;
}
/*--------------footer-------------------*/
#footer{
  width:968px;
  margin:0 auto 0 auto;
  text-align:center;
  background: url(images/fond_footer.gif) no-repeat;
  padding-top:10px;
  font-size:1.1em;
  color:#4F4F4F;
}
#footer a:link, #footer a:visited{
  color:#4F4F4F;
}
#footer a:hover, #footer a:focus{
  color:black;  
}

/*--------------droite---------------*/
#agenda{
	background:#EDEDED;
	margin-bottom:14px;
	padding:10px 15px;
}
#agenda dt{
  background:url(images/agenda_puce.gif) no-repeat ;
  padding:2px 0px 2px 15px;
  margin-left:5px;
}
#agenda a.Aeven{
  font-size:1.2em;
  color:#4F4F4F;
}
#agenda a.Aeven:link, #agenda a.Aeven:visited{
  text-decoration:underline;
}
#agenda a.Aeven:hover, #agenda a.Aeven:focus{
  text-decoration:none;
  color:black;
}
#agenda dd{
  padding-left:15px;
  margin-left:5px;
}
#agenda h3{
  padding-bottom:8px;
  margin-bottom:15px;
  background:url(images/agenda_ligne.gif) repeat-x bottom;
}

/*---slide---*/	

#slider          { background:url(images/fond-slider.gif) repeat-x #6D6D6D ; height: 250px; overflow: hidden;
                   position: relative; margin: 0 0 15px 0; width:300px;}
#mover           { width: 2880px; position: relative;}
.slide           { padding: 13px 13px; width: 490px; float: left; position: relative; }
.slide h1        { color:black; font-size:2.4em;}
.slide p         { color: #999; font-size: 14px; line-height: 20px; width: 260px; margin-top:150px;}
.slide img       { position: absolute; top: 55px; left: 15px; }
#slider-stopper  { position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
                   padding: 2px 8px; font-size: 8px; text-transform: uppercase; z-index: 1000; }
				   
				   			   
@import url(menu.css);