body {
margin: 0 ;
margin-top: 30px;
padding:0;
font-family: arial, Helvetica, sans-serif;
text-align: center ;
font-size: 12px;
color: #222222;
background-color: #2e2a27;
}

div.preload {display:none;}
div.preload img {display:none;}

/********************************** Eléments génréraux de mise en page **************************************/

input[type=radio] {
	background-color: transparent !important;
	border:none !important;
	}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
padding: 0;
margin: 0;
}

p{
padding: 0;
margin: 0;
text-align:justify;
}

a {
outline: none;
}

img {
border: none;
}

form {
padding:0;
margin: 0;
}

.clear {
clear: both;
}

.bold {
font-weight: bold;
}

.lineheight0{
line-height: 0px;
}

ul {
padding: 0;
margin: 0;
list-style-type: none;
}

.color_bleu {
color : #5baaca;
}

.italic {
font-style:italic;
}

.floatleft {
float: left;
}

.margintop5 {
margin-top: 5px;
}

.italic {
font-style: italic;
}

/********************************** Fin Eléments génréraux de mise en page **************************************/



#main {
margin:0 auto;
width: 958px;
text-align: left ;
background-color: #2e2a27;
background: url(images/fond.gif) repeat-y left;
}

#top {
width: 958px;
background: url(images/banniere.jpg) no-repeat right;
}

#bandeau_top {
width: 958px;
height: 105px;
background: url(images/bandeau_top2.png) no-repeat;
}

h1#header {
height:93px;
float: left;
}

h1#header a {
width: 254px ;
height: 93px ;
margin-top: 6px;
margin-left: 15px;
display: block ;
background: url(images/logo.png) no-repeat ;
text-indent: -5000px ;
}

.lien_devis {
width: 177px;
height: 41px;
display: block ;
text-indent: -5000px ;
margin-top: 35px;
margin-right: 28px;
background: url(images/bouton_devis.png) no-repeat ;
float: right;
}

.lien_devis:hover {
background: url(images/bouton_devis_on.png) no-repeat ;
}


#contenu {
width: 958px;
}

.titre_accueil {
width: 443px;
height: 24px;
display: block;
text-indent: -5000px;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 5px;
background: url(images/titre_accueil.png) no-repeat ;
float: left;
}

.drapeau_allemand {
width: 23px;
height: 21px;
display:block;
text-indent: -5000px;
margin-top: 12px;
margin-right: 10px;
background: url(images/drapeau_allemand.png) no-repeat ;
float: right;
}

.drapeau_anglais {
width: 23px;
height: 21px;
display:block;
text-indent: -5000px;
margin-top: 12px;
margin-right: 10px;
background: url(images/drapeau_anglais.png) no-repeat ;
float: right;
}

.drapeau_francais {
width: 23px;
height: 21px;
display:block;
text-indent: -5000px;
margin-top: 12px;
margin-right: 10px;
background: url(images/drapeau_francais.png) no-repeat ;
float: right;
}


.block_gauche {
width: 689px;
height: 562px;
background: url(images/fond_accueil2.png) no-repeat ;
float: left;
}

.zone_menu {
width: 155px;
height: 480px;
margin-top: 15px;
background: url(images/separation_menu.png) repeat-y right center;
float: left;
}

ul.liste_menu{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}

ul.liste_menu li  {
margin-left: 7px;
margin-bottom: 10px;

}
ul.liste_menu li a {
width: 228px;
height: 17px;
font-size: 12px;
font-weight: normal;
color:#d8d4d1;
padding-left: 7px;
padding-bottom: 4px;
text-decoration: none;
background: url(images/puce2.png) no-repeat left 7px;
}
ul.liste_menu li a:hover {
color:#ffffff;
}

.zone_contenu {
width: 430px;
margin-left: 50px;
float: left;
}

.titre_general {
width: 430px;
height:27px;
margin-top: 14px;
display:block;
color: #a4bbcd;
font-size: 14px;
font-weight: bold;
background: url(images/trait_titre.png) no-repeat bottom;
}

.texte_general {
width: 430px;
font-size: 12px;
color: #7c8c99;
margin-top: 15px;
text-align: justify;
}

.image_accueil {
margin-top: 20px;
margin-left: 20px;
}


.block_droit {
width: 263px;
margin-left: 6px;
float: left;
}

.plaquettes {
width: 263px;
height: 123px;
/*background: url(images/zone_orange.png) no-repeat bottom;*/
background: url(images/zone_orange_construction.png) no-repeat bottom;
}

h2.titre_plaquette {
width: 242px;
height: 21px;
display: block;
text-indent: -5000px;
padding-top: 7px;
margin-left: 7px;
background: url(images/titre_telecharger.png) no-repeat bottom left;
}

ul.liste_plaquette {
margin: 0 ;
padding: 0 ;
list-style-type: none ;
margin-top: 10px;
margin-left: 65px;
float:left;
}

ul.liste_plaquette  li  {
margin-left: 7px;
margin-bottom: 7px;

}
ul.liste_plaquette  li a {
width: 228px;
height: 17px;
font-size: 12px;
font-weight: normal;
color:#d8d4d1;
padding-left: 9px;
padding-bottom: 4px;
text-decoration: none;
background: url(images/puce.png) no-repeat left 6px;
}
ul.liste_plaquette li a:hover {
color:#ffffff;
}

.lien_plaquette {
width: 78px;
height: 78px;
display: block;
text-indent: -5000px;
margin-top: 5px;
margin-left: 25px;
background: url(images/bouton_plaquettes.png) no-repeat;
float:left;
}

.lien_plaquette:hover {
background: url(images/bouton_plaquettes_on.png) no-repeat;
}




.top_services {
width: 263px;
height: 8px;
margin-top: 10px;
background: url(images/top_services.jpg) no-repeat;
}

.titre_services {
width: 242px;
height: 21px;
display: block;
text-indent: -5000px;
padding-top: 7px;
margin-left: 7px;
background: url(images/titre_services.png) no-repeat;
}




.middle_services {
width: 263px;
background: url(images/fond_services.jpg) repeat-y;
}

.titre_general_services {
width: 249px;
height:22px;
margin-top: 12px;
margin-left: 5px;
display:block;
color: #fffdfe;
font-size: 13px;
font-weight: bold;
background: url(images/fond_services2.png) no-repeat bottom;
}

.texte_service, .texte_service2 {
margin-top: 2px;
margin-left: 5px;
color: #7c8c9b;
}


.liens_services {
color: #fffdfe;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

.liens_services:hover {
color: #e2e5e7;
}

.texte_service2 {
padding-bottom: 11px;
}


.bottom_services {
width: 263px;
height: 177px;
background: url(images/bas_zone_bleu.png) no-repeat;
}

.lien_services {
width: 121px;
height: 38px;
display:block;
text-indent: -5000px;
margin-top: 139px;
background: url(images/bouton_savoir_plus.png) no-repeat;
float: right;
}

.lien_services:hover {
background: url(images/bouton_savoir_plus_on.png) no-repeat;
}


#footer{
font-size:11px;
color: #ffffff;
}


ul#basdepage {
height: 45px ;
margin: 0 ;
padding: 0 ;
margin-top: 10px;
list-style-type: none ;
text-align: center;
}

ul#basdepage li {
display: inline;
text-align: center ;
}

ul#basdepage li a {
line-height: 31px ;
font-size: 11px ;
color: #ffffff;
text-decoration: none;
}

ul#basdepage li a:hover {
text-decoration: underline;
}

.lienref {
font-size: 12px;
color: #ffffff;
text-decoration:none;
}

.lienref:hover {
text-decoration:underline;
}




/********************************************************************** société ************************************************************************/


.block_interieur_top {
width: 960px;
height: 6px;
background: url(images/top_interieure.png) no-repeat ;
}

.block_interieur_middle {
width: 960px;
background: url(images/fond_interieure.gif) repeat-y ;
}

.zone_contenu_interieure {
width: 572px;
margin-left: 50px;
float: left;
}

.texte_general_interieure {
width: 572px;
font-size: 12px;
color: #7c8c99;
margin-top: 7px;
text-align: justify;
}

.block_interieur_bas {
width: 960px;
height: 5px;
background: url(images/bas_interieure.png) no-repeat ;
}

h4.titre_general_interieure {
font-size: 13px;
color: #c5cfd8;
}

.cadre_engagement {
width: 572px;
height: 226px;
margin-top: 20px;
padding-top: 10px;
background: url(images/block_engagement.png) no-repeat ;
}

h4.titre_engagement {
width: 175px;
height: 24px;
display: block;
text-indent: -5000px;
padding-top: 7px;
margin-left: 7px;
background: url(images/titre_engagement.png) no-repeat;
}

ul.liste_engagement {
margin: 0 ;
padding: 0 ;
margin-top: 8px;
list-style-type: none ;
}

ul.liste_engagement li  {
margin-left: 7px;
margin-bottom: 7px;
width: 500px;
height: 17px;
font-size: 12px;
font-weight: normal;
color:#d8d4d1;
padding-left: 7px;
padding-bottom: 4px;
text-decoration: none;
background: url(images/puce2.png) no-repeat left 7px;
}

/********************************************************************** méthode ************************************************************************/

h4.titre_methode {
width: 214px;
height: 26px;
display: block;
text-indent: -5000px;
padding-top: 7px;
margin-left: 7px;
background: url(images/titre_avantages.png) no-repeat;
}


/********************************************************************** Services ************************************************************************/

.block_orange {
width: 263px;
height: 123px;
background: url(images/zone_orange2.png) no-repeat bottom;
}

ul.liste_services {
margin: 0 ;
padding: 0 ;
padding-top: 10px;
list-style-type: none ;
}

ul.liste_services li  {
margin-left: 5px;
margin-bottom: 7px;
}

ul.liste_services li a  {
margin-left: 7px;
margin-bottom: 7px;
width: 500px;
height: 17px;
font-size: 12px;
font-weight: bold;
line-height: 20px;
color:#ffffff;
padding-left: 7px;
padding-bottom: 4px;
text-decoration: none;
background: url(images/puce2.png) no-repeat left 7px;
}

ul.liste_services li a:hover  {
text-decoration: underline;
}



ul.liste_services2 {
width: 575px;
margin: 0 ;
padding: 0 ;
padding-top: 5px;
list-style-type: none ;
}


ul.liste_services2 li  {
margin-left: 13px;
margin-bottom: 7px;
font-size: 12px;
color: #92a7b7;
margin-top: 15px;
text-align: justify;
padding-left: 7px;
background: url(images/puce2.png) no-repeat left 7px;
}

.lien_contact {
width: 412px;
height: 21px;
display: block;
text-indent: -5000px;
margin-top: 20px;
background: url(images/bouton_contact.png) no-repeat;
}

.lien_contact:hover {
background: url(images/bouton_contact_on.png) no-repeat;
}

.lien_contact_en {
width: 412px;
height: 21px;
display: block;
text-indent: -5000px;
margin-top: 20px;
background: url(images/bouton_contact_en.png) no-repeat;
}

.lien_contact_en:hover {
background: url(images/bouton_contact_en_on.png) no-repeat;
}


/********************************************************************** Contact ************************************************************************/

.zone_contenu_contact {
width: 745px;
margin-left: 50px;
float: left;
}

.block_gauche_contact {
width:430px;
float: left;
}

.localisation {
width:300px;
height: 420px;
margin-left: 10px;
border: 1px dotted #ffffff;
float: left;
}

form.contact {
font-size:11px;
color: #ffffff;
}

form.contact fieldset {
width: 370px;
margin: 0;
padding: 0;
margin-top: 5px;
padding-top: 10px;
padding-left: 2px;
padding-bottom: 5px;
border: 0;
color: #a4a09c;
background-color: #42535d;
}

form.contact fieldset legend {
padding: 0 0 0 4px;
font-weight: bold;
font-size:12px;
color: #8e8c8c;
}

form.contact fieldset label {
margin-left: 0px;
display: inline-block;
font-weight: bold;
line-height: 1.9;
vertical-align: top;
color: #6e808d;
}

form.contact fieldset input {
height: 13px;
font-size: 11px;
color: #584d5d;
padding-left: 3px;
border: 1px solid #838578;
background-color: #ffffff;
}

form.contact fieldset input:hover {
background-color: #fefefe;
color: #9f916e;
}

form.contact fieldset input.nohover:hover {
background-color: #ffffff;
}



form.contact fieldset textarea{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #584d5d;
padding-left: 3px;
border: 1px solid #838578;
background-color: #ffffff;
width:230px;
}

form.contact fieldset ol {
margin: 0;
padding: 0;
padding-left:10px;
}

form.contact fieldset li {
margin: 0;
padding: 0;
list-style: none;
padding-top: 2px;
}

form.contact em {
font-weight: bold;
font-style: normal;
color: #f00;
}

form.contact label {
width: 112px; /* Width of labels */
}

.inline {
display: inline;
}

.width_input {
width: 230px;
}

.width_select {
width: 185px;
}

.width_type {
margin: 0;
padding: 0;
height: 19px;
width: 210px;
}

.width_fieldset {
width: 300px;
}

.placement_bouton_valider {
margin-top: 7px;
margin-left: 290px;
background-color: transparent !important;
}


.tooltipErreur {
	padding :2px 3px 2px 3px ;
	border:none;
	opacity:0.9;
	color:black;
	position : absolute;
	top:0px;
	left:200px;
	z-index : 100;
	background-color : white;
	border:1px solid black;
}

/********************************************************************** Espace franchisé ************************************************************************/

.lien_acceder_espace_franchise {
width: 378px;
height: 21px;
display: block;
text-indent: -5000px;
margin-top: 30px;
background: url(images/bouton_acceder_espace_franchise.png) no-repeat;
}

.lien_acceder_espace_franchise:hover {
background: url(images/bouton_acceder_espace_franchise_on.png) no-repeat;
}


.placement_bouton_valider2 {
margin-top: 7px;
margin-left: 15px;
background-color: transparent !important;
float: left;
}

.mdp_oublie {
margin-top: 10px;
margin-left: 168px;
color: #ffffff;
text-decoration: none;
float: left;
}

.mdp_oublie:hover {
text-decoration: underline;
}

.texte_general_interieure2 {
width: 572px;
font-size: 12px;
color: #7c8c99;
margin-top: 7px;
margin-bottom: 7px;
text-align: justify;
}

/********************************************************************** Devis ************************************************************************/

form.contact .labelLarge {
	width: 345px;
}

form.contact .labelMoinsLarge {
	width: 250px;
}
form.contact select {
	height: 15px;
	font-size: 11px;
	color: #584d5d;
	padding-left: 3px;
}


.widthAuto {
	width: auto !important;
}

.alignCenter {
	text-align:center;
	}

.shortInput {
	width:30px;
	}