/* CSS Document */

body {
background-color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0px;
padding: 0px;
border: 0px;
text-align: center;/* pour corriger le bug de centrage IE */ 
}
#contenant {
background-color: #FFF;
width: 1020px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
border: 0px;
text-align: left; /* on rétablit l'alignement normal du texte */ 
}
#banniere {
height: 120px;
background-color: #FFF;
background: url(../IMG/gif/serge-renaudie2.gif);
background-repeat: no-repeat;
background-position: center;
}
#banniere-accueil {
height: 120px;
background-color: #FFF;
background: url(../IMG/gif/serge-renaudie.gif);
background-repeat: no-repeat;
background-position: center;
}
.navigation {
background-color:#EDEDED;
font-size:1em;
font-weight: normal;
padding-top: 0.2em;
padding-left: 2em;
letter-spacing: 0.1em;
margin-bottom: 0.3em;
}
.navigation a {
color: #660000;
padding-left: 2.5em;
padding-right: 2.5em;
font-weight: normal;
}
.navigation strong a {
color: #000000;
background-color: #FFF;
border: 3px solid #FFF;
}
.navigation a.on{
color: #000000;
background-color: #FFF;
border: 3px solid #FFF;
}
.navigation a:hover{
color: #444444;
background-color:#FFF;
}
#menu-pied {
background-color:#EDEDED;
height: 1.5em;
font-size:0.9em;
font-weight: normal;
padding-top: 0.2em;
padding-left: 5em;
letter-spacing: 0.1em;
margin-bottom: 3em;
}
#menu-pied ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu-pied li {
 float:left;
 margin:auto;
 padding:0;
 }
#menu-pied li a {
display:block;
text-decoration:none;
color: #660000;
padding-left: 2em;
padding-right: 2em;
 }
#menu-pied li a:hover {
 color:#000;
 background-color: #FFF;
 }
#menu-pied ul li ul {
 display:none;
 }
 #menu-pied ul li:hover ul {
 display:block;
 }
#menu-pied li:hover ul li {
 float:none;
 border-bottom: 1px solid #444;
 }
#documents_joints{
text-align: center;
margin-left: 2em;
}
#pied {
background-color:#FFF;
font-size: 0.8em;
color: #888;
font-weight: light;
border-left: 50px solid #FFF; 
margin-left:auto;
margin-right: auto;
margin-bottom: 0;
}
#pied a { 
color: #888;
}
#contenu {
position: relative;
overflow:auto;
top: 0px;
left: 0px;
border: 0px;
margin: 0px;
padding: 0px;
font-size: 0.1em;
}

#carre {
height: 495px;
width: 495px;
float: right;
border: 0px solid #CC9999;
margin-left: 15px;
}

.alaune {
padding: 1em;
background-color: #FFF;
margin-bottom:2em;
}

.black {
color: #000;
}
#centredroite {
float: left;
width: 100%;
}

#gauche {
float: left;
width: 14%;
min-width:150px;
margin-left: 4%;
}

#droite {
float: right;
width: 9%;
margin-right: 1%;
background-color:#CCC;
}
#centre {
float: left;
width: 70%;
margin-left: 15%;
text-align:justify;
}
#page {
float: right;
width: 95%;
}
.justleft {
float: left;
}
.justright {
float: right;
}
.cadre {
border: 1px solid #810000;
margin-right: 1em;
margin-top: 0.5em;
}

a { 
text-decoration: none; 
color: #810000;
}
.soussommaire {
padding: 2px;
padding-left: 10px;
background-color: #FAEBD7;
margin: 0px;
}
.leftedito {
float: left; /* alignement ŕ gauche */
width: 115px;
height: 150px;
background-color: #FFF;
margin: 5px;
padding: 0px;
}
.leftrubrique {
float: left; /* alignement ŕ gauche */
width: 175px;
height: 230px;
background-color: #FFF;
margin: 5px;
padding: 0px;
}
.right {
float: right; /* alignement ŕ droite */
margin: 5px;
padding: 0px;
}
ul {
list-style-type: none;
margin: 0;
margin-bottom: 1em;
}
.themes ul {
margin: 0;
}
#centredroite ul {
color:#666;
line-height:20px;
letter-spacing: 0.1em;
margin-left:120px;
}
#centredroite ul a {
color:#666;
line-height:20px;
letter-spacing: 0.1em;
}
#gauche li.retrait{
margin: 0.1em 0px 0.2em 1em;
font-weight: normal;
color: #810000;
}
#gauche li{
margin: 0px 0px 0.8em 0px;
font-weight: normal;
color: #810000;
}
#gauche li.strong{
margin: 0px 0px 0.8em 0px;
font-weight: bold;
color: #810000;
}
#droite li{
margin: 6px 1px;
border-bottom: 1px solid #BBB;
}

a img {
border: none;
} 
.separation{
clear: both;
visibility: hidden;
}
.separation-left{
clear: left;
visibility: hidden;
}

.theme{
float: right;
margin-left: 10px;
}

.clearright{
height:100px;
width: 100px;
clear: right;
background-color: #FF0;
float:left;
}
.clear{
clear: both;
}
a:hover {
color: #555;
}
#centredroite a:hover {
color:#755;
}
h1{
font: 1em Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
color: #000;
margin: 0px;
margin-top: 0px;
margin-bottom: 5px;
border-bottom: 3px solid #EDEDED;
letter-spacing: 0.1em;
} 
a:hover h1 {
color: #C00; 
}
h2{
font: 1.6em Verdana, sans-serif;
color: #000;
margin: 0px;
} 

h3{
font: 1em Verdana, sans-serif;
color: #600;
font-weight: bold;
margin: 0px;
} 
h3.bold{
font-weight: bold;
color: #300;
} 
h4{
font: 1em Verdana, sans-serif;
color: #600;
margin: 0px;
font-weight:normal;
letter-spacing: 0.1em;
} 

h5{
font: 1em Verdana, sans-serif;
color: #940;
margin: 0px;
margin-bottom: 4px;
}
a:hover h2 {
color: #C00; 
}
blockquote {
background-color: #EEE;
color: #400;
padding: 0em 1em;
float: right;
margin: 10px 0px 10px 30px;
width: 180px;
clear:right;
font-size: 0.8em;
} 
.mot {
color: #800;
float: right;
margin: 0px 0px 5px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
letter-spacing: 0.3em;
} 
p{
font: Verdana, sans-serif;
margin-top: 0px;
padding: 0px;
} 

th{
font-weight: normal;
color: #730;
} 
#gauche .bloc{
width: 100%;
border: 1px solid #F58988;
background-color: #FAEBD7;
padding:0px;
} 
#gauche li.un_mois{
width: 100%;
background-color:#F26829;
height: 1.2em;
color: #FF3;
font-weight: bold;
margin-left:0px;
margin-right: 0px;
margin-bottom: 1em;
margin-top: 0px;
padding:0px;
}
#gauche li.un_mois a{
color: #FF3;
}
.deux td a{
color: #F40;
font-weight: bold;
}
.deux td{
font-size: 0.8em;
color: #888;
}
.un td{
font-size: 0.7em;
}
.un td a{
color: #600;
}

dl {
margin-left: 10px;
}

p span img {
margin-left: 10px;
}

.presse{
float: left;
background-color: #FFF;
padding: 0px;
padding-right: 10px;
margin-right: 5px;
margin-bottom: 12px;
color: #111;
width: 315px;
height: 210px;
}
.asie{
height: 130px;
}
.demie{
float: left;
background-color: #FFF;
padding: 0px;
margin-right: 1%;
color: #111;
width: 49%;
}
.projet{
float: left;
background-color: #FFF;
padding: 0px;
padding-right: 3px;
border-right: 0px solid #EEE;
margin-right: 3px;
margin-bottom: 12px;
margin-top: 2em;
color: #111;
width: 98%;
}
.themes{
float: left;
background-color: #FFF;
padding: 0px;
padding-right: 3px;
border-right: 0px solid #EEE;
margin-right: 3px;
margin-bottom: 12px;
margin-top: 2em;
color: #111;
width: 48%;
}
.architecture{
float: left;
background-color: #FFF;
padding: 0px;
padding-right: 10px;
border-right: 1px solid #DDD;
margin-right: 10px;
margin-bottom: 12px;
color: #111;
width: 312px;
}
.architecture a{
color: #000;
font-weight: bolder;
}

.presse h2{
font: 1em Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
color: #400;
}
.presse h3{
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
color: #444;
}
.presse h5{
font: 0.8em Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
color: #600;
margin-bottom: 0px;
}

.date{
color: #600;
border-bottom: #600 solid 1px; 
width: 20%;
margin-bottom: 10px;
font: 1.4em Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
color: #600;
letter-spacing: 0.3em;
clear: both;
} 
.vignette{
float: left;
background-color: #888;
padding: 0px;
margin-right: 10px;
color: #111;
border: 1px solid #666;
}
.texte{
font-size:10em;
min-width: 16em;
}
.chapo{
float:left;
height: 160px;
width: 250px;
border-top: #CCC solid 4px;
padding-top: 10px;
border-bottom: #CCC solid 4px; 
}
.doc-pdf{
float:left;
height: 160px;
width: 250px;
border-top: #CCC solid 4px;
padding-top: 10px;
border-bottom: #CCC solid 4px;
font-size: 11px;
}

.chapotheme{
font-size:10em;
min-width: 16em;
font-weight: bold;
color: #600;
}

.photo {float:right; z-index:10; border:5px solid #FFF;}
.photo div  {display:none;}
.photo:hover div{display:block;border:5px solid #555;z-index:20}



a.gallery, a.gallery:visited {
	display:block;
	text-decoration:none;
	border:0px;
	width:95px;
	height:100px;
	float:left;
	margin:0px;
	margin-bottom:: 4px;
	margin-left: 4px;
	padding:0px;
	background:#FFF;
	z-index:5;
}




a.gallery span {display:block; position:absolute; width:1px; height:1px; top:0px; right:0px; overflow:hidden;}

a.gallery:hover {border:0px solid #999;}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:0px solid #950;}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:495px; height:495px; border: 0px solid #CC9999; top:0px; right:0px; margin:0px; color:#000; background:#EEE;}

li input{
margin-left: 20%;
}
li textarea{
margin-left: 20%;
}
li label{
padding: 0px;
margin-left: 2em;
color: #600;
line-height: 0px;
}