/* STYLES GENERAUX */
body {
	margin: 0;
	padding: 0;
	text-align:center;
	color: white;
	background-color: #d7dae1;
}
#mainframe {
	position:relative;
	width: 892px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	
	color: white;
	background-color: #0e4174;
}

marquee {background-color: #ebebeb;border: 0px inset; color: #000; margin:0px; padding:4px}
.retour {clear: both; visibility: hidden;}
img {border: 0;}
a {color: #FFF;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
a:hover{color:#edfb8d}
legend{color:white;}

.milieu {text-align: center; margin: auto 0;}
.cache {display: none;}

/* STYLES DE L'ENTETE */
#entete {height: 286px; margin:0px 0 0px 0px; background-color:white;}
/*
#logo {float: left; text-align: center; width: 197px; height: 67px;}
#slogan {float: right; padding-right: 50px; text-align: right; font-style: italic; font-weight: bold;}
#agence {clear: both; text-align: center; width: 880px;}
*/
/* STYLES DE LA BANDE D'IMAGES */
#images {height: 150px; margin-top: 0px; margin-left: 100px;}
.imagemenubord {float: left; width: 15px; height: 150px;}
.imagemenu {float: left; width: 110px; height: 150px;}

/* STYLES DU BANDEAU DE NEWS */
#bandeau {margin:0 0 0 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
marquee {color: #DD0011;}

/* STYLES DU MENU DEROULANT SELECT */
#menu {height: 22px; margin:0 0 0 0px; background-color:#369; border-top:1px white solid;border-bottom:1px white solid;}
#menu {font-family: tahoma, verdana, arial; font-size: 12px;}

/* STYLES DU MENU DEROULANT JS */
.m0l0o {text-decoration: none; margin: 0px; border: 1px solid #ffffff;}
.m0l1o {text-decoration: none; margin: 0px; border: 1px solid #ffffff;}
.m0l0i {padding: 2px; text-decoration: none; font-family: Tahoma, Verdana, Arial; font-size: 12px;}
.m0l1i {padding: 2px; text-decoration: none; font-family: Tahoma, Verdana, Arial; font-size: 12px;}

/* STYLES DU CONTENU */
#bloc {/*width: 880px; */text-align: left; margin-top: 10px;}

#raccourci {width: 150px; float: left; font: smaller Verdana, Arial, Helvetica, sans-serif;}

#raccourci .box {
	margin-left:6px;
	margin-top:12px;
	width:144px;	
}

#raccourci .box .title {
	height:32px;
	background-color:#a02f2a;
	border:1px solid #aa8289;
	font-weight:bold;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:32px;
}
#raccourci .box .content {
	padding:8px 0 10px 6px;
	background-color:#e7eced;
	border:1px solid #e7eced;
	font-size:11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #074476;
}
#raccourci .box .content a {
	color: #074476;
	text-decoration:none;
}
#raccourci .box .content a:hover {
	color: #0f68b2;
}

#raccourci .box .content .bouton {
	margin:0;
	padding:2px 0 2px 0;
	font-size:10px;
	color:white;
	border:none;
	background-color:#a02f2a;
	cursor:pointer;
}

#raccourci ul {text-align: left; margin: 0; padding: 0;}
#raccourci ul li {list-style: none; text-align: left; margin: 0; padding: 0;}

.rboutons {text-align: center; width: 135px;}

.imagedrapeau {top: 5px; width: 75px; height: 34px;}
#contenu {
/*	width: 730px;
	float: left;*/
	margin-left:150px;
	padding:0 10px 0 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: justify;
}
#contenu h1 {font-size: medium;}
.offre {width: 240px; float: left; font: 12px Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #FFF; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; border-left: 1px solid #FFF; padding:4px 6px 4px 4px; margin:0 12px 5px 0; background-color:#336699;}
.offre ul {text-align: left;}
.offre li {margin: 0.6em 0 0.6em 0.2em; padding-left:5px}
.pdf {list-style-image: url(/tg/images/pdf.png);}

.rightbox {float: right; margin-left:15px;}
.leftbox {float: left;}
.bord {margin-right: 70px;}

#boutons {padding:20px 0 40px 140px; clear:both;}
#boutons a {
	float:left;
	margin:0 30px 0 0;
	width:132px;
	height:20px;
	font-size:1px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0 0;
}
#boutons a:hover {background-position:-132px 0;}

#boutton_fr_devis{background-image:url(/tg/images/boutton-fr-devis.jpg);}
#boutton_fr_accueil{background-image:url(/tg/images/boutton-fr-accueil.jpg);}
#boutton_fr_haut{background-image:url(/tg/images/boutton-fr-haut.jpg);}
#boutton_en_devis{background-image:url(/tg/images/boutton-en-devis.jpg);}
#boutton_en_accueil{background-image:url(/tg/images/boutton-en-accueil.jpg);}
#boutton_en_haut{background-image:url(/tg/images/boutton-en-haut.jpg);}
#boutton_de_devis{background-image:url(/tg/images/boutton-de-devis.jpg);}
#boutton_de_accueil{background-image:url(/tg/images/boutton-de-accueil.jpg);}
#boutton_de_haut{background-image:url(/tg/images/boutton-de-haut.jpg);}

form label {width: 100px; text-align: right; vertical-align: top;}
.long {width: auto; text-align: left; vertical-align: bottom;}
.obligatoire {}
.transglobe {color: #F00; font-weight: bold; font-size: 16px; text-transform: lowercase; font-style: italic;}

/* STYLES DU PIED DE PAGE */
#pied {position:relative; height:80px; background-image:url(/tg/images/footer.jpg); background-repeat:no-repeat; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:white;}
#pied p {margin:0; padding:15px 0 0 60px}
#pied p a {text-decoration:none;}

#adresse p {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#reference p {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}