/* CSS Document Carpe Diem - février 2009 */
/*<![CDATA[*/
html {
font-size: 100%;
}
body {/*rgb(206,232,231)*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.80em;
margin: 0;
padding: 0;
background-image: url("images/fond_body3.jpg");
background-repeat: repeat;
}
p {
margin: 0;
margin-left:40px;
margin-right:40px;
color:#666666;
text-align: justify;
}
#conteneur_global {
background-image: url("images/fond_body.png");
background-repeat: repeat-y;
width:865px;
margin:0 auto;
}
#conteneur {
position: relative;
background-color:rgb(255,255,255);
width:750px;
margin:0 auto;
}
#haut {
height: 120px;
background-image: url("images/haut2.jpg");
}
#centre {
margin: 0;
padding-left: 240px;
padding-right: 50px;
background-color:rgb(255,255,255);
}
#droite {
background-image: url("images/droite2.jpg");
float:right;
width: 30px;
height: 800px;
}
#pied {
clear:both;
height: 90px;
background-color:rgb(241,255,255);
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
div#menuhaut {
background-image: url("images/menu2.jpg");
height: 40px;
}
div#menugauche {
background-image: url("images/gauche2.jpg");
float:left;
width: 220px;
height: 800px;
}
div#menuhaut ul {
padding: 0; 
width: 750px;
margin: 0px; 
margin-left: 40px;
}
div#menuhaut ul.niveau_1 li {
position: relative; 
float: left;
display: inline;
list-style: none;
width: 97px;
height: 13px;
border-left: 1px solid #afdafc; 
}
div#menuhaut ul.niveau_1 li a{
 display: block;
 background: transparent;
 text-decoration: none;
 font-size: 85%;
color:rgb(32,96,127);
}
div#menuhaut ul ul.niveau_2 {
position: absolute;
 float: none;
 display: none; 
 left: -40px;
width: 97px;
height: 28px;
list-style-type: none;
}
div#menuhaut ul ul.niveau_2 li {
 width: 150px;
 height: 16px;
 left: -1px;
border: 1px solid rgb(153,255,255); 
border-width: 0px 1px 1px 5px;
background-image: url("images/menuht2.png");
}
div#menuhaut ul ul.niveau_2 li.fin {
 width: 93px;
 height: 16px;
 left: -1px;
border: 1px solid rgb(153,255,255); 
border-width: 0px 1px 1px 5px;
background-image: url("images/menuht2.png");
}
div#menuhaut ul ul.niveau_2 li a {
padding-left:5px;
}
div#menuhaut ul ul.niveau_2 li:hover{
border-left: 5px solid rgb(172,53,95);
}
div#menuhaut li:hover {
background: rgb(192,240,255);
}
div#menuhaut ul.niveau_1 li.sousm:hover ul.niveau_2 {
display:block;
float: none;
} 
.img1{
text-indent: 17px;
}
.img2{
text-indent: 20px;
}
.img3{
text-indent: 24px;
}
.img4{
text-indent: 24px;
}
.img5{
text-indent: 18px;
}
.img6{
text-indent: 25px;
}
.img7{
text-indent: 25px;
}
.top{
padding-top: 7px;
}
div#menugauche ul {
padding: 0; 
width: 300px; 
margin-left: 35px;
}
div#menugauche ul li {
position:relative; 
list-style: none; 
width: 150px;
padding-top: 12px;
padding-bottom: 12px;
border-bottom:1px solid rgb(208,224,255);
display:block;
}
div#menugauche ul li.sousmenu {
background: url(images/menugche_fl.png) 95% 50% no-repeat;
}
div#menugauche ul li.accueil {
background: url(images/accueil_fl.png) 95% 50% no-repeat;
}
div#menugauche ul li:hover {
background-color: rgb(172,53,95);
}
div#menugauche ul ul {
position: absolute; 
width: 150px; 
top: -1px; 
left: 115px; 
display: none;
cursor: pointer;
background-image: url("images/menugche2.png");
border: 1px solid rgb(176,224,255);
}
div#menugauche li a {
text-decoration: none;
background-color: transparent;
font-size: 85%;
color:rgb(32,80,127);
padding:4px 4px 4px 4px;
}
div#menugauche li a:hover {
color: rgb(255,255,255);
}
div#menugauche ul.niveau1 li.sousmenu:hover ul.niveau2 {
display:block;
} 
a:hover 
{   font-size: 100%;
text-decoration: underline;
   color: #666666;
   background-color:rgb(255,255,204);
}
a /* Lien normal gris*/
{ font-style: normal;
   font-size: 100%;
   text-decoration: underline;
color: rgb(51,102,102);
}
a:visited /* Lien */
{  font-style: normal;
   font-size: 100%;
   text-decoration: underline;
   color: #999966;
}
.centrer {
   text-align: center;
}
h1{ 
font-family: Arial, Helvetica, sans-serif;
   font-size: 120%;
   text-decoration: none ;
   text-align: center;
   font-style: normal;
   color: #666666;
background: url("images/h1.png");
}
.align_left{
text-align:left;
}
.reduit{  
font-size: 85%;
line-height: 14px;
color: #666666;
}
.reduitdte{
position: relative;
float:right; 
width: 200px; 
font-size: 80%;
color: #666666;
margin-top: 8px;
margin-right: 20px;
}
.reduitgche{
position: relative;
float:left; 
width: 400px;  
font-size: 80%;
color: #666666;
margin-top: 8px;
margin-left: 20px;
}
.reduit_it{  
font-size: 80%;
font-style: italic;
color: #666666;
}
.line { 
background: #fff url(images/ligne.jpg) no-repeat center bottom;
margin: auto;
height: 2px;
}
hr{
margin-left: 0px;
color: rgb(255,255,255);
height: 1px;
width: 135px; 
}
.encart{ 
font-size: 80%;
margin-left: 16px;
margin-right: 7px;
text-align: left;
}
table {
border-style:solid;
border-width:0px;
border-color: #FFCC00;
border-collapse: collapse;
margin: auto;
}
td {
width: 180px;
border-style:solid;
border-width:0px;
border-color:#FFCC00;
text-align: justify;
padding: 8px;
font-size: 80%;
}
.nomarge{
margin: 5px;
}
.centrer{
text-align: center;
}
.droit{
text-align: right;
}
.orange {
   color: #FF6600;
}
.bleu {
   color: #003366;  
}
.vert {
   color: #339900;  
}
.brun {
   color: rgb(51,102,102);
}
.droite {
float: right;
font-size: 90%;
color: #666666;
margin-right: -70px;
}
.retrait{
font-size: 80%;
color: #666666;
margin-left: 80px;
}
.retrait_som{
font-size: 80%;
color: #666666;
margin-left: 25px;
margin-right: 0px;
text-align: left;
}
.floatg{
float: left;
margin-left: 40px;
margin-right: 15px;
display: block ;
display: inline; 
}
.decal {
padding-left: 150px;
}
.bl {
color: #304e70;
}
.contour_haut {
background-image: url("images/contour_bleu_haut.png");
background-repeat: no-repeat;
width:420px;
margin: auto;
}
.contour_bas {
background-image: url("images/contour_bleu_bas.png");
background-repeat: no-repeat;
width:420px;
margin: auto;
}
.contour_centre {
background-image: url("images/contour_bleu_centre.png");
background-repeat: repeat-y ;
width:420px;
margin: auto;
}

.fondpaille {
background-image: url("images/fondpaille.jpg");
margin: auto;
}
/*CSS pour formulaire*/
form {
margin: auto;
width:420px;
font-family:"trebuchet ms",sans-serif;
}
fieldset {
background-image: url("images/form.jpg");
padding:10px;
border: none;
}
legend {
color:rgb(51,102,102);
font-weight:bold
}
label {
margin-top:2px;
display:block;
font-size:90%;
}
input {
border:1px solid rgb(96,127,144);
background-color:rgb(255,255,255);
font-family: "trebuchet ms",sans-serif;
color:rgb(96,127,144);
}
input[type=radio] {
margin-right:50px;
background-color:transparent;
border:none;
}
textarea {
border:1px solid rgb(96,127,144);
background-color:rgb(255,255,255);
font-family: "trebuchet ms",sans-serif;
font-size:100%;
color:rgb(96,127,144);
}
input[type=submit], input[type=reset] {
border:2px outset white;
font-weight:bold;
color:rgb(48,96,127);
background-color:rgb(224,240,255);
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
border:2px outset white;
background-color:rgb(192,224,255);
}
input[type=submit]:active, input[type=reset]:active {
border:2px inset rgb(51,102,102);
background-color:rgb(96,144,255);
}

/*]]>*/