
body {
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:#F2D390 url(fond.jpg) repeat-x;
}

#header {
margin:0;
padding:0;
background-color: #ffffff;  
border:0px solid black;
}

.tab {
background:url(photos/table.jpg) repeat-x;
color:#0433A7;
}

.cursor{cursor: pointer;}

.submit {
background:url(photos/haut.jpg) repeat-x;
color:#0433A7;
width:180px;
height:40px;
}

.brochure {
font-size:1.2em;
font-weight:700;
color:red;
}


#plan {
position:absolute;
top:300px;
left:600px;
}

#adresse{
text-align:center;
font-size:0.8em;
font-weight:300;
color:#0433A7;

}


#conteneur {
position: absolute;
width: 750px;
margin-top:0px;
left: 50%;
margin-left: -375px;
background-color:none;
border:0px solid #0433A7;

overflow:visible;
}

#centre-accueil {
background-color:#ffffff;
margin-left: 0px;
padding-top:0px;

}

#centre {

background-color:#ffffff;
margin-left: 0px;
padding-top:0px;
height:700px;
}

#centre-pres {
background:#F6E4BC;
margin-left: 0px;
padding-top:0px;
height:560px;
}


#centre-pres2 {
background:#ffffff;
margin-left: 0px;
padding-top:0px;
height:500px;
border:0px solid black;
}


#gauche {


font-weight:700;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size:0.9em;
width: 740px;
background-color:#ffffff;
height:30px;
padding:0px;
color:#888888;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
border:0px solid black;

}


#droite2 {
float:right;
width:600px;
border:0px solid black;
padding: 20px 0px 0px 20px;
height:520px;
background:url(fond.jpg) repeat-x;
}

#droite {
float:left;
width:600px;
border:0px solid black;
padding: 20px 0px 0px 20px;
height:480px;
background:url(fond.jpg) repeat-x;
}

#droite a {
font-size:1.1em;
font-weight:700;
color:#0433A7;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;

}

#droite p {
margin-left:30px;
margin-right:30px;
font-size:0.9em;
font-weight:500;
color:#0433A7;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
border:0px solid black;
}

.p {
margin-left:30px;
margin-right:30px;
font-size:0.9em;
font-weight:500;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
border:0px solid black;
}


#droite ul {

color:#0433A7;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;

}

#droite li {
margin:10px 30px 0px 30px; 
font-size:0.9em;
font-weight:300;
color:#0433A7;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
border:0px solid black;
}



#gauche2 {

line-height:20px;
font-weight:700;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size:0.9em;
float:right;
left:512px;
top:220px;
width: 120px;

height:546px;
padding:5px;
color:#888888;
border:0px solid black;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
background:#F2D390 url(fond.jpg) repeat-x;

}

#gauche3 {

line-height:20px;
font-weight:700;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size:0.9em;
float:right;
left:0px;
top:220px;
width: 120px;
background-color: #F2D390;
height:530px;
padding:5px;
color:#888888;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
background:url(fond.jpg) repeat-x;
border:0px solid #000;
}

#gauche4 {

line-height:20px;
font-weight:700;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size:0.9em;
float:right;
left:0px;
top:220px;
width: 120px;
background-color: #F2D390;
height:589px;
padding:5px;
color:#888888;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
background:url(fond.jpg) repeat-x;
border:0px solid #000;
}


#gauche5 {

line-height:20px;
font-weight:700;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size:0.9em;
float:right;
left:0px;
top:220px;
width: 120px;
background-color: #F2D390;
height:500px;
padding:5px;
color:#888888;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
background:url(fond.jpg) repeat-x;
border:0px solid #000;
}


.pad {
margin-top:6px;
}

h1 {
font-size:1.6em;
font-weight:700;
color:#0433A7;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
text-align:center;
}

h2{
font-size:1.1em;
font-weight:700;
color:#0433A7;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
text-align:center;
margin-right:40px;
}

b {
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
color:#0433A7;
}

#gauche li {
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size:0.9em;
}


#pied {
height: 160px;
background:#F2D390 ;
border:0px solid black;
padding-top:0px;
margin-bottom:5px;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}



 #navcontainer
{
margin: 0px 0px 0px 0px;
padding: 0px;
border-bottom:4px solid #0433A7;
border-top:4px solid #0433A7;
height:80px;
}

#navcontainer ul
{
margin:0px 0px 0px 0px;
padding: 0px;
list-style-type: none;
text-align: left;
border:0px solid black;
}

#navcontainer ul li { float: left; }

#accueil a
{
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(photos/menu.jpg) no-repeat top left;
font-size: 1.0em;
float: left;
margin-left: 0px;
height: 52px;
width: 85px;
padding-top: 48px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 10px;
font-weight:900;
color:#004400;
border:0px solid black;
}

#accueil a:hover
{
background: url(photos/menu2.jpg) no-repeat left top;
color: #000000;

}



#transformation a
{
text-decoration: none;
background: url(photos/transformation.jpg) no-repeat 0px 0px;
font-size: 0.8em;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
float: left;
margin-left: 0px;
height: 87px;
width: 85px;
padding-top: 13px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
font-weight:700;
color:#660000;
}

#transformation a:hover
{
background: url(photos/transformation2.jpg) no-repeat 0px 0px;
color: #000000;
}

#changement a
{
text-decoration: none;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
background: url(photos/changement.jpg) no-repeat 0px 0px;
font-size: 0.8em;
float: left;
margin-left: 0px;
height: 87px;
width: 85px;
padding-top: 13px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 5px;
font-weight:700;
color:#660000;
}

#changement a:hover
{
background: url(photos/changement2.jpg) no-repeat left top;
color: #000000;
}

#finitions a
{
text-decoration: none;
background: url(photos/finitions.jpg) no-repeat top left;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size: 0.8em;
float: left;
margin-left: 0px;
height: 87px;
width: 85px;
padding-top: 13px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 10px;
font-weight:700;
color:#660000;

}

#finitions a:hover
{
background: url(photos/finitions2.jpg) no-repeat left top;
color: #000000;
}

#escaliers a
{
text-decoration: none;
background: url(photos/escalier.jpg) no-repeat top left;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size: 0.8em;
float: left;
margin-left: 0px;
height: 52px;

width: 85px;
padding-top: 48px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 10px;
font-weight:700;
color:#660000;
border:0px solid black;
}

#escaliers a:hover
{
background: url(photos/escalier2.jpg) no-repeat left top;
color: #000000;
}

#presentations a
{
text-decoration: none;
background: url(photos/presentation.jpg) no-repeat top left;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size: 0.8em;
float: left;
margin-left: 0px;
height: 87px;
width: 85px;
padding-top: 13px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 10px;
font-weight:700;
color:#660000;

}

#presentations a:hover
{
background: url(photos/presentation2.jpg) no-repeat left top;
color: #000000;
}

#contact a {
text-decoration: none;
background: url(photos/contact.jpg) no-repeat top left;
font-family:Comic Sans MS,verdana,Arial, Helvetica, sans-serif;
font-size: 0.8em;
float: left;
margin-left: 0px;
height: 52px;
width: 75px;
padding-top: 48px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 10px;
font-weight:700;
color:#660000;
border:0px solid black;
}

#contact a:hover
{
background: url(photos/contact2.jpg) no-repeat left top;
color: #000000;
}




#cep {
position:absolute;
margin-left:580px;
margin-top:10px;

}

#cep a {
color:#009;
}

