/*---------- ELEMENTS HTML ----------*/

*{
	margin:0;
	padding:0;
}

body {
    font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(../images/bg.jpg) repeat-x;
	background-color:#C1C1C1;
    height:100%;
}

img {
	border:0;
	margin:0;
}

a {
	color:inherit;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

ul, li {
	list-style-type:none;
	color:inherit;
}

input, select, textarea {
	border:1px solid #7489A3;
	font-size:10px;
    color:#666666;
}

div {
	/*border:1px solid red;*/
}


/*---------- STRUCTURE MAIN ----------*/

#global {
    position:relative;
    width:938px;
	margin-left: -469px;
    left: 50%; 	
	background:url(../images/bg_contour.jpg) repeat-x;
	background-color:#b1b1b1;
	padding:10px;
    /*margin-left:auto;
    margin-right:auto;*/
	margin-top:20px;
	float:left;
}

#header {
	min-height:88px;
	background:url(../images/header1.jpg) no-repeat;
	overflow:hidden;
}

#header h1, #header h1{
	margin-top:15px;
	margin-left:27px;
	float:left;
}


#annexes {
	float:right;
	margin-right:1px;
	margin-top:1px;
	color:#5E5E5E;
	font-size:7px;
	text-transform:uppercase;
}

#annexes ul {
	width:344px;
}

#annexes li {
	float:left;
	display:block;
	height:19px;
	background-color:#ebebeb;
	margin-bottom:1px;
	padding-left:8px;
	width:163px;
	margin-left:1px;
	overflow:hidden;
	padding-top:2px;
}

#rootline {
	font-size:11px;
	min-height:19px;
	color:#666666;
	font-weight:normal;
	background-color:#F7F7F7;
	background:url(../images/fond_rootline.jpg) no-repeat;
	padding-left:156px;
}

.current {
	font-weight:bold;
}

#page {
	background:url(../images/bg_content1.jpg) repeat-x;
	min-height:376px;
	float:left;
	/*overflow:hidden;*/
}
* html #page{height:376px;}
#content{width:793px;overflow:hidden;float:left}
#contenu {
	width:793px;
	/*height:428px;*/
	float:left;
	color:#FFFFFF;
	overflow:hidden;
}

#footer {
	clear:both;
	min-height:20px;
	text-transform:uppercase;
	font-size:8px;
	color:#246EB0;
	text-align:center;
	position:relative;
    width:938px;
	padding:8px;
    margin-left:auto;
    margin-right:auto;
}

.made {
	margin-top:-10px;
	float:right;
	text-transform:none;
	font-size:9px;
	color:#5E5E5E;
}

#footer li {
	display:inline;
}

#footer .on {
	color:#000000;
}

#navigation {
	width:145px;
	color:#FFFFFF;
	float:left;
}

#navigation li {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:1px solid #FFFFFF;
}

#navigation li a {
	display: block;
	line-height:41px;
	padding-left:15px;
	margin-left:10px;
	background:url(../images/fleche_menu.gif) no-repeat left center;
}

#navigation .on {
	color:#000000;
	background:url(../images/fleche_menu_bas.gif) no-repeat left center;
}

.sousmenu h4 {
	display:none;
}

.sousmenu {
	width:144px;
	text-align:left;
	position:absolute;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:41px;
}

.sousmenu ul {
	padding:0px 10px 10px 10px;	
}

.sousmenu li {
	background:url(../images/fleche_menu.gif) no-repeat left center;
	padding:0px 10px 0px 15px;
	color:#FFFFFF;
	display:block;
	text-transform:uppercase;
	margin-right:10px;
}

.dsc-content {
	margin:0;
}


/*---------- PAGES VISITER... ----------*/

.zone_gauche_reportages {
	float:left;
	width:301px;
	height:376px;
	overflow:hidden;
}

.zone_droite_reportages {
	float:left;
	width:491px;
	height:376px;
	overflow:hidden;
	border-left:1px solid #FFFFFF;
}
/* hack FF3 */
html>/**/body .zone_droite_reportages, x:-moz-any-link, x:default {border-left:none}

.intro_reportage {
	width:163px;
	float:left;
	margin-right:1px;
	overflow:hidden;
}

.intro_reportage img {
	display:block;
}

.intro_reportage .intro_reportage_savoir_plus {
	width:163px;
	height:16px;
	color:#FFFFFF;
	font-size:9px;
	background-color:#6B356D;
	text-transform:uppercase;
	display:block;
	text-align:center;
	padding-top:5px;
}

.intro_reportage .intro_reportage_guide_plus {
	width:163px;
	height:16px;
	color:#FFFFFF;
	font-size:8px;
	background-color:#40A445;
	text-transform:uppercase;
	display:block;
	text-align:center;
	padding-top:5px;
}

.reportage_interne {
	overflow:auto;
	width:793px;
	height:376px;
	font-weight:normal;
}

.reportage, .reportage-intr {
	height:376px;
}

.reportage-intr-titre {
	position:absolute;
	width:200px;
	height:15px;
	background-color:#40A445;
	padding:5px;
	font-weight:bold;
}

.reportage-intr .reportage_txt {
	float:right;
	width:492px;
	height:60px;
	overflow:auto;
	margin-top:276px;
	background-color:#6B356D;
	padding:20px;
}

.reportage .reportage_txt {
	float:right;
	width:492px;
	height:30px;
	overflow:auto;
	margin-top:306px;
	background-color:#6B356D;
	padding:20px;
}


/*---------- PAGES GAMMES ----------*/

.intro_gamme {
	width:263px;
	float:left;
	margin-right:1px;
	overflow:hidden;
}

.intro_gamme img {
	display:block;
}

.intro_gamme .intro_gamme_savoir_plus {
	width:263px;
	height:16px;
	color:#FFFFFF;
	font-size:9px;
	background-color:#6B356D;
	text-transform:uppercase;
	display:block;
	text-align:center;
	padding-top:5px;
}

.gamme_interne {
	overflow:auto;
	width:793px;
	height:376px;
	font-weight:normal;
}

.gamme, .gamme-intr {
	height:376px;
}

.gamme-intr-titre {
	position:absolute;
	width:200px;
	height:15px;
	background-color:#40A445;
	padding:5px;
	font-weight:bold;
}

.autres_gammes {
	position:absolute;
	background-color:#6B356D;
	padding:5px;
	margin-left:210px;
	font-weight:bold;
	height:15px;
}

.gamme_savoir_plus {
	position:absolute;
	background-color:#40A445;
	padding:5px;
	margin-top:30px;
	min-height:15px;
	font-weight:bold;
}

.gamme_txt {
	float:right;
	width:492px;
	height:60px;
	overflow:auto;
	margin-top:276px;
	background-color:#6B356D;
	padding:20px;
}

.gamme_vignettes {
	float:left;
}



/*---------- PAGES DECIDER + QUASI SIMILAIRE PAGES PROFITER ----------*/

.zone_gauche_etapes, .zone_gauche_engagements, .zone_gauche_financement, .zone_gauche_autres_produits_intro, .zone_gauche_maintenance {
	float:left;
	width:301px;
	/*height:376px;
	overflow:hidden;*/
}

.zone_droite_etapes {
	float:right;
	width:492px;
	background:url(../images/fond_decider.jpg) no-repeat;
	height:376px;	
	overflow:hidden;
}

.zone_droite_etapes h3 {
	padding:20px 20px 5px 20px;
}

.zone_droite_etapes h4 {
	padding:0px 20px 0px 20px;
}

.zone_etapes_intro {
	padding:40px 0px 0px 50px;
	height:290px;
	overflow:auto;
}

.zone_etapes_txt {
	height:170px;
	overflow:auto;
	font-weight:normal;
	margin:20px;
}

.lien_etapes {
	width:177px;
	height:25px;
	margin-top:21px;
	float:right;
}

.etapes {
	margin:10px 0px 0px 40px;
	width:452px;
	left:477px;
	top:405px;
	position:absolute;
}

.etapes li {
	display:inline;
	margin-right:20px;
}


.zone_droite_engagements {
	float:right;
	width:492px;
	background:url(../images/fond_decider.jpg) no-repeat;
	height:376px;
	/*overflow:hidden;*/
}

.zone_droite_engagements_intro, .zone_droite_financement {
	float:right;
	width:492px;
	background:url(../images/fond_decider1.jpg) no-repeat;
	height:376px;
	overflow:hidden;
}

.zone_droite_engagements_intro h3, .zone_droite_financement h3, .zone_droite_maintenance h3 {
	padding:60px 0px 0px 40px;
}

.zone_engagements_intro, .zone_droite_maintenance_intro {
	margin:50px 40px 0px 40px;
	height:180px;
	overflow:auto;
	font-weight:normal;
}

.lien_engagements {
	width:127px;
	height:25px;
	top:468px;
	left:821px;
	position:absolute;
}

.zone_droite_engagements .fond_titre_eng {
	padding:20px 20px 20px 80px;
	margin:20px 0px 0px 20px;
	width:350px;
	height:40px;
	overflow:hidden;
}

.zone_engagements_txt {
	/*height:110px;
	overflow:auto;*/
	font-weight:normal;
	margin:5px 40px 0px 40px;
}

.engagements {
	margin-top:10px;
	width:452px;
	left:477px;
	top:405px;
	position:absolute;
}

.engagements li {
	display:inline;
	margin-right:20px;
}


.zone_financement_txt {
	height:210px;
	overflow:auto;
	font-weight:normal;
	margin:40px 40px 0px 40px;
}

.zone_financement_txt img {
	margin-top:40px;
}


.zone_droite_maintenance {
	float:right;
	width:492px;
	background:url(../images/fond_profiter.jpg) no-repeat;
	height:376px;
	overflow:hidden;
}

.lien_maintenance {
	width:118px;
	height:25px;
	margin-top:25px;
	top:443px;
	left:830px;
	position:absolute;
}

.zone_maintenance_txt {
	height:210px;
	overflow:auto;
	font-weight:normal;
	margin:30px 40px 0px 40px;
}

.nav_maintenance {
	position:absolute;
	top:458px;
	left:456px;
	width:492px;
}

.suite_maintenance {
	display:block;
	width:71px;
	height:25px;
	background:url(../images/btn_suite.gif) no-repeat;
	margin-top:10px;
	float:right;
}

.precedent_maintenance {
	display:block;
	width:80px;
	height:25px;
	background:url(../images/btn_precedent.gif) no-repeat;
	margin-top:10px;
	float:left;
}


.zone_droite_autres_produits_intro {
	float:left;
	width:491px;
	background:url(../images/fond_profiter1.jpg) no-repeat;
	height:376px;
	overflow:hidden;
	border-left:1px solid #FFFFFF;
}
/* hack FF3 */
html>/**/body .zone_droite_autres_produits_intro, x:-moz-any-link, x:default {border-left:none}

.zone_droite_autres_produits_intro h3 {
	padding:30px 0px 0px 80px;
}

.zone_droite_autres_produits_intro_txt {
	height:200px;
	overflow:hidden;
	font-weight:normal;
	width:491px;
}

.zone_droite_autres_produits_intro_txt .autres_prods_avant {	
	width:122px;
	float:left;
}

.zone_droite_autres_produits_intro_txt .dsc-content {
	margin:0px;
	float:left;
	width:122px;
	border:none;
	border-right:1px solid #FFFFFF;
}
/* hack FF3 */
html>/**/body .zone_droite_autres_produits_intro_txt .dsc-content, x:-moz-any-link, x:default {border-left:none}

.zone_droite_autres_produits_intro_txt .autres_prods_avant img {
	display:block;
}

.lien_autres_produits {
	width:132px;
	height:25px;
	margin-top:25px;
	top:443px;
	left:816px;
	position:absolute;
}

.zone_gauche_autres_produits {
	float:left;
	width:455px;	
	background:url(../images/fond_profiter.jpg) no-repeat;
	height:376px;
}

.zone_gauche_autres_produits h3 {
	padding:60px 0px 0px 40px;
}

.zone_gauche_autres_produits_txt {
	height:230px;
	margin:20px;
	overflow:auto;
	margin:20px 40px 0px 40px;
	font-weight:normal;
}

.nav_autres_produits {
	position:absolute;
	top:468px;
	left:155px;
	width:455px;
}

.precedent_autres_prods, .precedent_autres_prods:hover {
	width:80px;
	height:25px;
	float:left;
}

.zone_droite_autres_produits {
	width:338px;
	height:376px;
	overflow:hidden;
	position:absolute;
	left:610px;
}

.suivant_autres_prods, .suivant_autres_prods:hover {
	width:71px;
	height:25px;
	float:right;
}


/*---------- PAGES PREPARER / NORMES  +  QUASI SIMILAIRE ANNEXE / GRANDEUR NATURE ----------*/

.fond_img {
	height:357px;
	/*position:absolute;*/
	width:793px;
	overflow:hidden;
}

.bloc_texte_normes {
	/*position:absolute;
	margin-top:100px;
	margin-left:201px;
	margin-right:10px;
	width:552px;
	height:302px;
	padding:0px 20px;*/
}

.bloc_texte_normes .dsc-content {
	height:245px;
	overflow:auto;
	margin-bottom:0px;
	margin-top:20px;
	font-weight:normal;
}

.qui_normes {
	font-weight:bold;
}

.faq {
	position:absolute;
	top:509px;
	left:356px;
	width:592px;
}

.suite_faq {
	width:100px;
	height:25px;
	margin-top:10px;
	float:right;
}

.poser_question {
	display:block;
	width:117px;
	height:25px;
	margin-top:75px;
	float:right;
}

.precedent_faq {
	width:100px;
	height:25px;
	margin-top:10px;
	float:left;
}

.bloc_texte_societe {
	position:absolute;
	width:216px;
	/*margin-top:100px;
	margin-left:310px;*/
	height:316px;
	padding:20px;
	top:142px;
	left:692px;
}

.bloc_texte_societe .dsc-content {
	margin-bottom:0px;
	font-weight:normal;
}

.bloc_texte_normes h4 {
	margin-bottom:20px;
	color:#FFC7DE;
}

.bloc_texte_societe h4 {
	margin-bottom:10px;
}

.titre_page {
	line-height:25px;
	width:300px;
	padding-left:16px;
}



/*---------- PAGE DE RECRUTEMENT ----------*/

.actualites {
	height:376px;
	width:723px;
	margin-top:1px;
	overflow:auto;
	padding:0px 50px 20px 20px;
}

.recrutement {
	padding-bottom: 2em;
	overflow: hidden;
	font-weight:normal;
	border-bottom: 1px #FFFFFF solid;
}

.titre_recrut {
	font-size: 14px;
	font-weight: bold;
	margin-top:2em;
}



/*---------- FORMULAIRES ----------*/

.formulaires {
	width:728px;
	padding:25px 30px 0px 35px;
	color:#666666;
	/*height:366px;
	overflow:auto;*/
	font-weight:normal;
}

.cache {
	display:none;
}

.dec-advforms-submit-button {	
	float:right;
}

.dec-advforms-submit-button input {
	border:none;
	margin-right:20px;
}

.dec-advforms-form fieldset {
	margin:0;
	padding:0;
	border:none;
}

.dec-advforms-form p {
	margin-left:0;
	padding-left:0;
}

legend {
	display:none;
}

.conseiller_agauche, .devis_agauche, .question_agauche, .profil_agauche, .documentation_agauche, .concessionnaire_agauche {
	float:left;
	margin:0;
	padding:0;
}

.conseiller_adroite, .devis_adroite, .question_adroite, .profil_adroite, .documentation_adroite, .concessionnaire_adroite {
	float:right;
	margin:0;
	padding:0;
}

.dec-advforms-label, .dec-advforms-group-checkbox label {
	width:10em;
	font-weight:bold;
}

.dec-advforms-inputfield {
	width:17em;
}

.dec-advforms-field {
	margin-bottom:10px;
}

.dec-advforms-checkbox label, .dec-advforms-checkboxes label, .dec-advforms-options-group {
	width:26em;
}

.dec-advforms-options-group input {
	width:3em;
}

.dec-advforms-checkbox input {
	clear:both;
	margin-top:-13px;
	border:none;
}

.dec-advforms-group-checkbox input {
	/*margin-top:-13px;
	float:right;
	margin-right:25px;*/
	border:none;
}

.mandatory-notices {
	color:#666666;
	font-size:10px;
}

.mandatory-notices-def {
	color:#666666;
	font-size:10px;
	float:right;
	font-weight:normal;
	margin-right:75px;
	width:110px;
	clear:right;
}

.dec-advforms-error {
	clear:left;
	width:24em;
	margin:0;
	padding-left:1em;
}

.dec-advforms-legal-information {
	clear:both;
	padding-top:10px;
}

.dec-advforms-confirmation a {
	text-decoration:underline;
}


/*---------- TIP A FRIEND ----------*/

.form_ami fieldset {
	border:none;
}

.champ, .champ_area {
	margin-bottom:10px;
	font-weight:bold;
	clear:both
}

.champ label {
	width:15em;
	float:left;
	margin-bottom:10px;
}

.champ input {
	float:left;
}

.champ_area label {
	width:50em;
	margin-top:20px;
	float:left;
}

.champ_area textarea {
	clear:both;
	float:left;
	margin-top:10px;
	width:33em;
}

.buttons {
	float:right;
}

#tx_deccontact_pi1-submit {
	background:url(../images/btn_valider.gif) no-repeat;
	width:176px;
	height:25px;
	border:none;
	margin-top:65px;
}

.champoblig-verif {
	margin-bottom:10px;
	color:#FF0000;
}

.champoblig-txt {
	margin-left:11px;
	padding-top:4px;
	float:left;
}


/*---------- GESTION COULEURS ----------*/

.violet {
	background-color:#6B356D;
}

.magenta {
	background-color:#913159;
}

.bordeau {
	background-color:#B62B42;
}

.rouge {
	background-color:#C42737;
}

.violet .current {
	color:#6B356D;
}

.magenta .current {
	color:#913159;
}

.bordeau .current {
	color:#B62B42;
}

.rouge .current {
	color:#C42737;
}

.vert .current {
	color:#40A445;
}

.magenta h3, .bloc_texte_normes {
	background-color:#913159;
}

.vert h3, .bloc_texte_societe, .vert .actualites {
	background-color:#40A445;
}

.magenta .fond_img {
	background-color:#E67EA9;
}

.vert .fond_img {
	background-color:#64D269;
}