body{background:url(./images/arp.gif) ; /*background-attachment:fixed*/margin-top:5px;font-size:0.9em}
#conteneur{position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
/*border-left:solid 1px #000000;
border-right:solid 1px #000000;*/
/*background:#FFFFFF;*/
}
#sousaccueil img {display:block; margin:40px auto 0px auto;}
#logo {clear:left;float:left;margin: 38px 0px 0px 20px;padding:0px;border:0}
#menu {height:95px;/*border-left:solid 1px #330000;border-right:solid 1px #330000*/margin:0px;padding:35px 0 0 0;background:url(./images/goutcouleur.png) no-repeat top right ;}
/*#menu2{float:left;padding-top:3px;}*/
#menu2 {text-align:right;margin:0px 0 0 140px;padding:5px 0;background:#FFFFFF}
#menu2 a {display:inline;margin: 0px 0px 0px 20px}
#menu a {display:block;float:right;width:90px;height:90px;/*border:solid 1px #E9E9CC;*/color:#330000;padding:0px;margin: 0px 4px}

#accueil {background:url(./images/goutcouleur.gif) no-repeat top right ;width:750px;height:100px;}
#accueil .orange, #accueil .jaune, #accueil .vert, #accueil .rose,  #accueil .bleu, #accueil .rouge{display:block;width:90px;height:90px;}
#accueil .rouge {position:absolute;top:35px;left:30px;}
#accueil .bleu {position:absolute;top:35px;left:150px;}
#accueil .rose {position:absolute;top:35px;left:270px;}
#accueil .vert {position:absolute;top:35px;left:390px;}
#accueil .jaune {position:absolute;top:35px;left:510px;}
#accueil .orange {position:absolute;top:35px;left:630px;}
/*#accueil .jaune{position:absolute;top:280px;left:540px;}
#accueil .vert {position:absolute;top:95px;left:550px;}
#accueil .rose {position:absolute;top:top:10px;left:325px}
#accueil .bleu {position:absolute;top:100px;left:80px;}
#accueil .rouge{position:absolute;top:280px;left:120px;}*/

/*.jaune:hover, .vert:hover, .rose:hover, .bleu:hover, .rouge:hover {color:#000000}*/
.orange {background: url(./images/orange.png) no-repeat bottom center;}
.orange:hover {background: url(./images/orange.png) no-repeat top center;}

.jaune {background: url(./images/jaune.png) no-repeat top center;}
.jaune:hover {background: url(./images/jaune.png) no-repeat bottom center;}

.vert {background: url(./images/vert.png) no-repeat bottom center;}
.vert:hover {background: url(./images/vert.png) no-repeat top center;}

.rose {background: url(./images/rose.png) no-repeat bottom;}
.rose:hover {background: url(./images/rose.png) no-repeat top center;}

.bleu {background: url(./images/bleu.png) no-repeat top center;}
.bleu:hover { background: url(./images/bleu.png) no-repeat bottom center;}

.rouge {background: url(./images/rouge.png) no-repeat top center;}
.rouge:hover {background: url(./images/rouge.png) no-repeat bottom center;}

#corps {background:#FFFFFF;clear:both;font-family: Arial, Helvetica, sans-serif ;width:750px/*url(images/fond.gif) repeat-y;*/;padding:0px 5px;/*border-left:solid 1px #330000;border-right:solid 1px #330000*/}
/*#corps h2{background:#FFFFFF;text-align:left;margin:20px 0px 0px 60px;padding:0px 0px 0px 5px;font-family:Agency FB, Arial, sans-serif;font-size:160%}*/
#corps p {color:#330000;margin:0px 0px 10px 0px;padding:0px;}
#corps ul {list-style-type:square;color:#330000;margin:0px 0px 0px 30px;padding:0px;}
#corps img{border:solid 1px #FFFFFF;}
.horiz {text-align:center;margin:10px 0 20px 0}
.horiz img {border:solid 1px transparent;margin:0 5px}

#colonne {background:#fff;width:160px;float:left;padding:0 0 0 0px}
h1{text-align:left;clear:left;margin:0;padding:0;font-size:130%;background:#fff;font-family:Arial, Helvetica, sans-serif;}
ul#sousmenu {list-style-type:none;list-style-position:inside;margin:0;padding:0 0 0 0px}
ul#sousmenu li {font-size:90%;line-height:150%}
ul#sousmenu a {text-decoration:none}
ul#sousmenu a:hover {text-decoration:underline}
div#sousmenu {padding:0;margin:0px 0 0 0;height:175px}
div#sousmenu > p.chapo {padding:0;margin:0px 0 20px 0 !important}
div#sousmenu a {width:83px;height:60px;float:left;padding:0px 0px 0px 0px;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:90%;text-decoration:none;}
/*#sousmenu h2 {font-size:160%;margin:0px 0px 5px 0px;font-family:Agency FB, Arial, sans-serif;padding-left:45px}*/
#principal {background:#fff;width:575px;float:left;padding:0px;margin:0}
h2 {font-size:120%;margin:30px 0 0 0;padding:0}
.reference {margin:10px 0;width:550px}
.reference img.main {float:left;padding-top:10px}
.reference img {float:right}
.reference2 {margin:10px;width:350px;float:left}
.reference2 img.main {float:left}
.reference2 img {}
.desc {margin:0 0 0 110px;font-size:100%}
h3 {font-size:110%;margin:0;padding:10px 0 0 0;border-bottom:solid 1px}
.desc p {color:#330000;font-size:90%}
.desc ul {list-style-type:square;padding:5px 0 0 0;margin:0 !important;list-style-position:inside;color:#330000;float:left}
.desc li {color:#330000;font-size:90%}
/* cf rouge.css  .reference .desc span.prix {color:#c00}*/

#footer {clear:both;text-align:center;background-color: #FFFFFF /*url(images/footer.gif) no-repeat bottom*/;padding:0px 0px 0px 0px;margin:0px;font-size:80%;font-family:verdana, Arial, Helvetica, sans-serif;color:#330000;}
#footer a{display:inline;margin:0 10px 0 10px;}
#footer p{font-weight:bold}

#contact {padding:6px;background:#FFFFFF}
.map{background: url(./images/home.gif) no-repeat;}
.contact{background: url(./images/contact.gif) no-repeat;}
.map, .contact {display:block;font-family:verdana, arial, times new roman; color:#330000; font-size:10px;padding:9px 20px 9px 30px; background-position:5px;text-decoration:none}
.map:hover, .contact:hover {text-decoration:underline}

fieldset{margin:5px 0px 5px 0px}
legend {font-weight:bold}
#contact input, #invite input{margin-bottom:5px;}
#contact p, #contact label, #contact legend, #invite p, #invite label, #invite legend { font-family:Arial, Helvetica, sans-serif;color:#330000;font-size:100%;}

form.contactform {}
form.contactform label {display:block}
form.contactform textarea {width:700px;height:150px}
.warningblock ul {list-style-type:square}
.warningblock ul li {color:#c00 !important}

.etoile {color:#CC0000;}
#map {display:block;margin:0 auto 0 auto;width: 90%; height: 500px;border:solid 2px #ffe215;font-size:80%;text-align:center;color:#330000}
#encadredroit{padding-top:30px;background: url(images/citation.gif) no-repeat top right;text-align:center;font-size:95%;float:right;width:360px;/*border: dashed 1px #330000*/}
#encadredroit p{font-size:13px;text-align:center;margin-top:10px;}
#encadredroit a{font-weight:bold;color:#330000}
#encadredroit a:hover{color:#330000;background-color:#ffe215}
.clear {clear:both}
p.chapo {font-size:100%;text-align:justify}
.select {font-weight:bold}
.expe {padding-top:20px}
.expe a {text-decoration:none;color:#330000}
.expe a:hover {text-decoration:underline}
.expelien {padding-left:20px;background:url(images/expediable_xs.gif) no-repeat left center}