/************************************** HAUT DES PAGES **********************************/
#titre {
background-image:url(../images/fondCentre2010.jpg);
background-color: #fde3ba;
position: fixed;
top: 0;
height: 150px;
background-repeat:no-repeat;
z-index:1;
width:950px;
border-right:#999999 inset 2px;
border-bottom:#999999 inset 2px;
border-left:#999999 inset 2px;
border-top:#999999 inset 2px;
}
.titre_page {
position:absolute;
display: block;
top: 75px;
left: 400px;
font-size: 30px;
font-weight:bolder;
color:#EF6601;
z-index:2;
}
/************************************ FIN HAUT DES PAGES ***********************************/
/************************************ MENU **********************************************/
#menu {
position: relative;
top: 0;
left: 260px;
z-index:3;
width: 690px;
}
#menu dl {
float: left;
width: 13em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
/****************************************** FIN DU MENU **************************************/
/****************************************** GENERAL ******************************************/
a {text-decoration: none;
color: black;
color: #222;
}
body {
background: #FFCC66;
position:relative;
margin:0px auto;
width: 950px;
padding: 0;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
/************************************************ FIN GERNERAL ******************************************/
/************************************************ CONTENU **************************************************/
#text {
background-color: #FFBE9F;
position:relative;
width:940px;
top: 150px;
border-right:#999999 inset 2px;
border-bottom:#999999 inset 2px;
border-left:#999999 inset 2px;
border-top:#999999 inset 2px;
padding-left:10px;
padding-top:10px;
}
.droite {
float:right;
margin-right:10px;
height:326px;
width:435px;
}
.gauche {
float:left;
margin-right:10px;
height:326px;
width:435px;
}
.galerie{
display:block;
height:326px;
width:435px;
}
.gauchetexte, .gauchephoto {
float:left;
margin-top:0px;
margin-left:0px;
width:435px;
}	
.droitetexte, .droitephoto {
float:right;
margin-top:0px;
margin-right:20px;
width:435px;
}			
.gauchetexte, .droitetexte {
text-align:justify;
position:relative;
top:130px;
}		
.gauchephoto, .droitephoto {
text-align:center;
}
hr {
margin-left:30px;
margin-top:10px;
margin-bottom:10px;
margin-right:30px;
clear:both;
}
/*************************************************** FIN CONTENU ******************************************/
/************************************************** FORMULAIRE CONTACT **********************************/
form {
width:600px;
margin:0px auto;
border:1px solid #000000;
padding:20px;
font-size:11px;
background-color:#FFCC66;
}
form p {
width:550px;
height:30px;
}
form p.textelong { 
width:600px;
height:auto;
}
label {
float:left;
width:220px;
text-align:right;
margin-right:10px;
}
input {
width:230px;
float:left;
text-align:left;
border:1px solid #000000;
}
input.petit {
width:160px;
border:1px solid #000000;
}
textarea {
width:260px;
text-align:left;
border:1px solid #000000;
}
p#bouton {
width:360px;
text-align:center;
}
p#bouton input {
float:none;
text-align:center;
width:100px;
elevation:below;
}
#text #messages{
display:block;
margin:0px auto;
text-align:center;
color:#FF0033;
font-weight:bold;
font-size:18px;
}
#text #messages_ok{
display:block;
margin:0px auto;
text-align:center;
color:#339900;
font-weight:bold;
font-size:18px;
}
/****************************************** FIN FORMULAIRE ***********************************/
/* ***************************************  PAGE MENTIONS LEGALES ************************** */
div#mentionslegales {
/*position:absolute;
top:148px;*/
margin:0px auto;
width:650px;
height:494px;
background: url(../images/mentions_fond.jpg) no-repeat;
padding-left:85px;
padding-top:65px;
}				
#mentionslegales h2 {
margin:0px auto;
font-size:18px;
}
#mentionslegales h4 {
margin:0px auto;
font-size:14px;
}
#mentionslegales p {
font-size:11px;
}	
#mentionslegales a {
	text-decoration:underline;
	color:#FF0000;  /* generalement couleur tonique */
}
#mentionslegales a:hover {
font-weight:bold;
}