/* CSS Document */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;border-spacing:0}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

.hidden {display:none;}

/* BODY HTML*/
div#top {height: 0px; margin: 0} 
HTML {HEIGHT: 100%}
body { width:100%; height:100%; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#001f4a;}
body {background-image:url(../images/css/body.jpg); background-repeat:repeat}
a, a:link, a:visited { text-decoration: none }
a:hover { text-decoration: underline}

/*fonts.css*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:100%; font-weight: normal; font-style: normal }

 h1 { clear:both; font-size:120%; font-weight:bold; padding:0 0 25px 0;}
 h2 { font-size:100%; font-weight: bold}
 h3 { font-weight: bold; font-style:italic }
 
/* LAYOUT */
.clear { clear:both; }
.clearer { clear:both; display: block; margin:0px; padding:0px; height:0px; line-height: 1px; font-size: 1px; }
.TxT-left { float: left; width:420px  }
.right { float right;  }
.dotted {  clear:both; width:100%; padding:0px; margin:0 0 10px 0}

/* IMG */
img.left { float: left; margin: 0; }
img.right { float: right; margin: 0; }
#centre { clear: both; margin: 0px auto; width:100%; text-align: center; }
.left { float: left; margin: 0; }
.right { float: right; margin: 0; }


/* TYPE */

strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; _position:static !important; }
.sosumi { font-size: 10px !important; }


.label {float:left;width:150px;margin:0px;padding:0px;height:20px;}
.formulaire {float:left;width:100%;}
.Text_cache{visibility: hidden}
.searchword {color: :#000000;text-decoration: none ;background-color: #FFCC00}
.OBLIGATOIRE {color: red;font-size:120%;font-style:bold}
.red {color: red}

div#global {clear:both; position:relative; width:1024px; margin:0 auto 0; height:640px; z-index: 1}
/*div#global {background-image:url(../images/css/bkgd.jpg); _background-image:url(../images/css/bkgd.jpg); background-repeat: no-repeat;}*/
div#global {clear:both; position:relative; width:1136px; margin:0 auto 0; height:668px; z-index: 1}
div#banner-left {position:absolute;left:0px;top:48px; width: 120px;height:600px; z-index: 1}
div#banner-right {position:absolute;left:1016px;top:48px; width: 120px;height:600px; z-index: 1}
div#banner-top {position:absolute;left:204px;top:0px; width: 728px;height:90px; z-index: 1}

div#menu {position:absolute;left:120px;top:90px; width: 311px;height:558px; z-index: 1}
div#menu {background-image:url(../images/css/menu.jpg); _background-image:url(../images/css/menu.jpg); background-repeat: no-repeat;}
div#logo a {clear:both; position: relative; width:311px;height:140px;border:0;display:block;z-index:2;cursor:pointer;text-indent:-9999px}
div#logo a {background-image:url(../images/css/trans.gif)}
div#client {clear:both; position: relative;width: 311px; height:26px}
div#client #inscription {position:absolute;left:23px;top:6px;width:100px;height:14px;border:0;display:block;z-index:2}
div#client #inscription a {color:#001f4a}
div#client #membre {position:absolute;left:170px;top:6px;width:100px;height:14px;border:0;display:block;z-index:2; line-height:14px}
div#client #membre a {color:#001f4a}

div#slider {clear:both; position: relative;width: 311px; height:390px; color:#001f4a}

#contenu {position:absolute;left:430px;top:90px; width: 586px;height:558px; z-index: 1}
#conteneur {clear:both; position: relative; width:586px; height:558px;}
#conteneur {background-image:url(../images/css/prendre-soin-voiture.jpg); _background-image:url(../images/css/prendre-soin-voiture.jpg); background-repeat: no-repeat;}
#conteneur .info {float: left; width: 315px; padding:35px 0 0 125px; text-align:left }
#footer { position:absolute; left:0px; bottom:-10px; width: 1136px; text-align:center; color:#FFF; z-index: 100 }
div#footer a {color:#FFF; text-decoration: underline }

div#contact a {position:absolute; right:1px; bottom:1px; width: 180px;height:100px; z-index: 100}
div#contact a {background-image:url(../images/css/contact-bleu.png); _background-image:url(../images/css/contact-bleu.png); background-repeat: no-repeat;}
div#contact a {border:0;display:block;cursor:pointer;text-indent:-9999px}
div#contact a:hover { background-image:url(../images/css/contact-over.png); _background-image:url(../images/css/contact-over.png); background-repeat: no-repeat;}

div#contactHome a {position:absolute;right:0px; bottom:0px; width: 180px;height:100px; z-index: 100}
div#contactHome a {background-image:url(../images/css/contact-home.jpg); _background-image:url(../images/css/contact-home.jpg); background-repeat: no-repeat;}
div#contactHome a {border:0;display:block;cursor:pointer;text-indent:-9999px}


#conteneur #offre {clear:both; position: relative; width:586px; height:140px;}
#conteneur #offre {background-image:url(../images/css/notre-offre.jpg); _background-image:url(../images/css/notre-offre.jpg); background-repeat: no-repeat;}
#conteneur #offreTXT {clear:both; position: relative; width:586px; height:418px; text-align: justify}
#conteneur #offreTXT {background-image:url(../images/css/notre-offre-txt.jpg); _background-image:url(../images/css/notre-offre-txt.jpg); background-repeat: no-repeat;}

#conteneur #cgv {clear:both; position: relative; width:586px; height:140px;}
#conteneur #cgv {background-image:url(../images/css/mentions-legales.jpg); _background-image:url(../images/css/mentions-legales.jpg); background-repeat: no-repeat;}
#conteneur #cgvTXT {clear:both; position: relative; width:586px; height:1000px; text-align: justify; background-color:#FFF}

#conteneur #philosophie {clear:both; position: relative; width:586px; height:140px;}
#conteneur #philosophie {background-image:url(../images/css/notre-philosophie.jpg); _background-image:url(../images/css/notre-philosophie.jpg); background-repeat: no-repeat;}

#conteneur #services {clear:both; position: relative; width:586px; height:140px;}
#conteneur #services {background-image:url(../images/css/nos-services.jpg); _background-image:url(../images/css/nos-services.jpg); background-repeat: no-repeat;}

#conteneur #contacts {clear:both; position: relative; width:586px; height:140px;}
#conteneur #contacts {background-image:url(../images/css/contact.jpg); _background-image:url(../images/css/contact.jpg); background-repeat: no-repeat;}

#conteneur #Quisommesnous {clear:both; position: relative; width:586px; height:140px;}
#conteneur #Quisommesnous {background-image:url(../images/css/qui-sommes-nous.jpg); _background-image:url(../images/css/qui-sommes-nous.jpg); background-repeat: no-repeat;}
#conteneur #QuisommesnousTXT {clear:both; position: relative; width:586px; height:418px; text-align: justify}
#conteneur #QuisommesnousTXT {background-image:url(../images/css/qui-sommes-nous-txt.jpg); _background-image:url(../images/css/qui-sommes-nous-txt.jpg); background-repeat: no-repeat;}
#conteneur #QuisommesnousTXT .info {float: left; width: 360px; padding:35px 0 0 25px; text-align:left }

#conteneur #tarifs {clear:both; position: relative; width:586px; height:140px;}
#conteneur #tarifs {background-image:url(../images/css/tarifs.jpg); _background-image:url(../images/css/tarifs.jpg); background-repeat: no-repeat;}
#conteneur #tarifsTXT {clear:both; position: relative; width:586px; height:418px; text-align: justify}
#conteneur #tarifsTXT {background-image:url(../images/css/qui-sommes-nous-txt.jpg); _background-image:url(../images/css/qui-sommes-nous-txt.jpg); background-repeat: no-repeat;}
#conteneur #tarifsTXT .tab {float: left; width: 504px; height:265px; margin:37px 0 0 33px; text-align:left; font-size:80% }
#conteneur #tarifsTXT .tab {background-image:url(../images/css/tarifs-tableau.jpg); _background-image:url(../images/css/tarifs-tableau.jpg); background-repeat: no-repeat;}
#conteneur #tarifsTXT #tarifsLegendes {float: left; width: 504px; height:20px; margin:2px 0 0 33px; text-align:left; font-size:90% }
#conteneur #tarifsTXT .tab .Title1 {position:absolute;left:133px;top:45px; width: 200px;height:20px; z-index: 1; color:#FFF}
#conteneur #tarifsTXT .tab .Title2 {position:absolute;left:433px;top:45px; width: 100px;height:20px; z-index: 1; color:#FFF}
#conteneur #tarifsTXT .tab .ligne1 {position:absolute;left:33px;top:67px; width: 504px;height:70px; z-index: 1; color:#FFF}
#conteneur #tarifsTXT .tab .ligne2 {position:absolute;left:33px;top:127px; width: 504px;height:70px; z-index: 1; color:#FFF}
#conteneur #tarifsTXT .tab .ligne3 {position:absolute;left:33px;top:187px; width: 504px;height:70px; z-index: 1; color:#FFF}
#conteneur #tarifsTXT .tab .ligne4 {position:absolute;left:33px;top:247px; width: 504px;height:70px; z-index: 1; color:#FFF}
 .Titre1 {position:absolute;left:20px;top:0px; width: 60px;height:50px; z-index: 1; color:#FFF}
 .Titre2 {position:absolute;left:100px;top:0px; width: 250px;height:50px; z-index: 1; color:#FFF}
.Titre3 {position:absolute;left:400px;top:0px; width: 100px;height:50px; z-index: 1; color:#FFF}

/* formulaires */

form {
	padding:0px;
}

form input {
	float:left;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:5px;
	color: #000;
}


form textarea {
	color:#000;
	font-size:100%
}


form label {
	display:inline;
	float:left;
	width:80px;
	clear:both;
 }

.l150 {float:left;width:150px;margin:0px;padding:0px;height:20px;}

form input:hover, form select:hover {
	background-color:#FFF;
}

form input:focus, form select:focus {
	background-color:#DDD;
}

form input[type="button"] {
	border: #CCC 1px solid;
	width: 80px;
}

form input[type="button"]:hover {
	background-color:#999;
	cursor: pointer;
	color:#FFF;
}

form input[type="reset"] {
	border: #CCC 1px solid;
	width: 80px;
}

form input[type="reset"]:hover {
	background-color:#999;
	cursor:pointer;
	color:#FFF;
}
form input[type="submit"] {
	border: #CCC 1px solid;
	width: 80px;
}

form input[type="submit"] {
	background-color:#999;
	cursor:pointer;
	color:#FFF;
}
form input[type="submit"]:hover {
	background-color:#FFF;
	cursor:pointer;
	color:#000;
}