@charset "UTF-8";
/* CSS Document */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
font-size:100%;
vertical-align:baseline;
 background:transparent;
}  

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#575757;} 

p{
line-height:1.5em;
padding-top:8px;}

h1,h2,h3,h4,h5{
font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
font-weight:normal;}

h1{
color:#33312f;
font-size:1.6em;}

h2{
color:#33312f;
font-size:1.5em;}

h3{
font-size:1.9em;

color:#6f8912;
}

h4{
font-size:1.4em;
color:#FFFFFF;

}

h5{
font-size:1.2em;
color:#FFFFFF;

}

.strong{
font-weight:bold;
color:#000000;}


a {
text-decoration:none;} 

ul{
padding:0;
margin:0;} 

li{
font-weight:bold;
list-style:none;
background:url(images/coche.gif) no-repeat left 5px ;
padding:5px 0 5px 20px;
line-height:1.5em;} 

li img{
padding:0 10px 0 0;}  

li strong{
color:#6f8912;
font-weight:normal;}         

#container{
background:url(images/background_degrade.jpg) repeat-x top;
}

#header{
background:url(images/background_menu.jpg);
}

#nav{
width:980px;
height:18px;
margin:auto;
padding:10px 0 5px 0;
text-align:right;
}

#nav a{
color:#FFFFFF;
font-size:1.2em;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
background:url(images/point_vert.png) no-repeat left center;
padding:0 10px 0 25px;
margin:0 0 0 5px;
}

#nav a.prem{
background:none;}


#nav a:hover{
/*color:#706e69;*/
background:#9dc21a url(images/point_vert.png) no-repeat left center;
background:rgba(157,194,26,0.5) url(images/point_vert.png) no-repeat left center;
-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;}
	
	#nav a.prem:hover{
background:#9dc21a;
background:rgba(157,194,26,0.5);}

#page{
width:980px;
margin:auto;
background:url(images/background_home2.jpg) no-repeat;
}

#rappel{
margin:30px 0 0 0;

float:right;
height:140px;
background:url(images/ruban_vert.png) no-repeat left center;}

#btn_rappel{
padding:35px 0 15px 48px;

float:left;}

#rappel #btn_rappel a{
color:#FFFFFF;
webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
background:url(images/picto_mobile.png) no-repeat left center;
padding:10px 0 12px 45px;
}

#rappel #btn_rappel a:hover{
color:#585958;
background:url(images/picto_mobile_on.png) no-repeat left center;}

#saisie {
float:left;

padding:35px 0 0 0;

}


#rappel .formulaire{
float:left;
padding:30px 0 0 0;
}


.zone{
float: left;
    height: 19px;
    margin: 3px 0 0;
    width: 100px;
}
#ok{
background: none repeat scroll 0 0 #619403;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
   font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
font-weight:normal;
    font-size: 1.4em;
    height: 27px;
    margin: 3px 0 0;
    padding: 0;
    text-transform: uppercase;
    width: 40px;

}

#fente{
background:url(images/ruban_vert.png) no-repeat right center;
width:15px;
float:left;
height:100px;
}

#cache img{
padding:37px 0 0 15px;}


#contenu{
padding:290px 0 0 78px;
width:400px;
height:206px;
}

.lien{
width:48%;
text-align:center;
color:#000000;
float:left;
}


.lien p{
line-height:1em;
padding:20px 0 20px 0;}



a.btn_metier,.btn_contrat ,a.btn_contrat2, a.btn_offre, a.btn_gris{
border:#FFFFFF solid 2px;
padding:10px 10px 10px 35px;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	
	-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;}

a.btn_metier{
background:#949694 url(images/background_btn_maison.jpg) no-repeat left center ;

	}
	
	a.btn_metier:hover{
background:#c3c5c4 url(images/background_btn_maison_on.jpg) no-repeat left center ;
color:#585958;
	border:#585958 solid 2px;

	}
	
	.btn_contrat{
background:#9dc21a url(images/background_btn_plume.jpg) no-repeat left center;


	}
	
	.btn_contrat:hover{
	color:#585958;
	border:#585958 solid 2px;
	background:#c5e23c url(images/background_btn_plume_on.jpg) no-repeat left center;
	
	}
	
	a.btn_contrat2{
background:#168eb5 url(images/background_btn_plume2.jpg) no-repeat left center;


	}
	
	a.btn_contrat2:hover{
	color:#585958;
	border:#585958 solid 2px;
	background:#55e7f8 url(images/background_btn_plume2_on.jpg) no-repeat left center;
	
	}
	
	a.btn_offre{
background:#949694 url(images/background_btn_fleche.jpg) no-repeat left center;

	}
	
	a.btn_offre:hover{
	color:#585958;
	border:#585958 solid 2px;
background:#c3c5c4 url(images/background_btn_fleche_on.jpg) no-repeat left center;

	}
	
	a.btn_gris{
	width:170px;
background:#949694 url(images/background_btn_gris.jpg) center;

padding:10px 10px 10px 10px;
text-align:center;


	}
	
	a.btn_gris:hover{
	color:#585958;
	border:#585958 solid 2px;
background:#c3c5c4 url(images/background_btn_gris_on.jpg) center;

	}
	
	#bandeau{
	padding:0 0 40px 0;
	height:92px;
	}
	
	#tel{
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	width:262px;
	font-size:2.2em;
	float:left;
	padding:30px 0 0 0;
	}
	
	#prix{
	width:446px;
	float:left;
	color:#585958;
	padding:9px 0 0 0;}
	
	#titre{
	width:244px;
	text-align:right;
	color:#585958;
	font-size:1.4em;
	line-height:0.6em;
	font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
	padding:24px 0 0 0;
	float:left;
	}
	
	#prix h1{
	font-size:1.4em;
	font-weight:bold;
	color:#585958;
	
	}
	
	.montant{
	width:85px;
	float:left;
	text-align:right;
	font-size:5.5em;
	font-weight:bold;
	line-height:1.2em;}
	
	.devise{
	font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
	font-size:1.4em;
	float:left;
	padding:14px 0 0 0;
	text-align:left;}

	
	.devise h1{
	font-weight:bold;
	}
	
	#bandeau .btn{
	float:left;
	padding:40px 0 0 0;
	}
	
	#up{
	display:none;
	position:absolute;
	left:40%;
	top:150px;
	background:#FFFFFF;
	
	
	}
	
	#fenetre{
	width:300px;
	margin:auto;}


	/*--------metier----------*/
	#page_inter{
	width:980px;
margin:auto;
padding:3px 0 0 0;}



#intro {
width:962px;
margin:auto;

height:192px;
padding:25px 0 24px 18px;
}

#intro img{
float:left;
padding:0 179px 0 0;}

#intro h1{
padding:80px 20px 0 0;}

#wrap_article{
float:left;
width:650px;
padding:0 10px 0 0;}

.article{
float:left;
width:255px;
padding:22px 40px 0 25px;}

#chapo{
padding:20px 0 0 25px;}

#tableau h2{
padding:0 0 0 25px;}

#tableau p{

padding:5px 0 7px 25px;
}

#tableau .btn{
float:right;
padding:0 36px 0 0;}

.teinte{
background:#f1eae0;}

/*--------offre----------*/
#annonce {
background:url(images/ruban_rouge.png) no-repeat right center;
text-align:center;
width:260px;
float:right;
height:80px;
padding:40px 0 0 20px ;}

#wrap_haut_tableau{

}

.wrap_colonne{
float:right;
width:217px;
text-align:center;
margin-top:20px;
color:#FFFFFF;}

.haut_tableau{
font-size:0.7em;
padding:0 0 0 30px;}

.colonne_vert_header, .colonne_bleu_header{
float:right;
width:211px;
margin:0 0 0 6px;
text-align:center;
font-size:0.7em;

}

.colonne_bleu_header{
background: url(images/background_bleu.jpg); 

}


.colonne_vert_header{
background:url(images/background_vert.jpg) }

.colonne_vert, .colonne_bleu{
float:right;
width:211px;
border-left:#f1eae0 solid 6px;
text-align:center;
padding:11px 0 ;
line-height:2.5em;
height:28px;
}

.colonne_bleu{
background:#d2f5ff;


}

.colonne_vert{
background:#e7ff90;


}

.ligne{
background:#f1eae0;
height:50px;
width:523px;
display:table-cell;
vertical-align:middle;
padding:0 0 0 23px;

}

.interligne{
height:1px;}

.designation{
text-transform:uppercase;
font-size:1.2em;


}



.vertical{
display:table-cell;
vertical-align:middle;
height:50px}

.colonne_bleu .vertical, .colonne_vert .vertical{
text-align:center;

}

.titre_vert{
text-transform:uppercase;
font-size:1.2em;
color:#6f8912;
line-height:3em;
padding:0 0 0 23px;}

#wrap_total{
margin:2px 0 15px 0;
background:url(images/background.jpg);

}

#wrap_total .colonne_vert_header,#wrap_total .colonne_bleu_header{
padding:25px 0 30px 0;
font-size:inherit;}

#rouge{
position:absolute;
background:url(images/rouge.png) no-repeat right center;
color:#000000;
width:540px;
padding:10px 0 10px 23px;}


#detail{
float:right;
padding:5px 25px 0 45px;}

#detail h1, #detail h2{
color:#FFFFFF;}

/*--------partenaires----------*/

.gris{
background:url(images/background.jpg);
}

#page_grise {
width:980px;
margin:auto;
padding:25px 0;
}

.wrap_carte{
float:left;
background:url(images/ombre_carte.png) no-repeat right top;
width:175px;
text-align:center;
margin:50px 40px 0 30px;
height:310px;}


.carte{
background:#FFFFFF;
text-align:center;
width:150px;
height:220px;
margin: 0 5px 5px 0;
padding:10px;
}

.carte p{line-height:1.1em;}

#page_grise .carte img{
float:inherit;
padding:0;}

.logo{
height:95px}

.denomination{
height:70px;
}

/*--------contact----------*/

#page_grise img{
float:left;
padding:0 0 0 18px;}

#agences{
float:right;
color:#ffffff;
padding:120px 0 0 0 ;
height:170px;}

.adresse{
float:left;
width:240px;}

#bande_verte{
background:url(images/background_vert.gif) repeat-x left bottom;
}

#bas_contact{
width:980px;
margin:auto;
background:url(images/background_contact2.png) no-repeat left bottom;
padding:0 0 45px 0;
}

.wrap_carte_form{
width:600px;
background:url(images/encoche_H_haut.png) no-repeat center top;
float:right;
margin:0 0 20px 0;
}

.wrap_carte_form_bas{
width:600px;
background:url(images/encoche_H_bas.png) no-repeat center bottom;
}

.carte_form{
background:#FFFFFF url(images/encoche_H_haut.png) no-repeat center top;
margin:0 20px;
padding:20px 15px 0 15px;

}

.carte_form_bas{
background:#FFFFFF url(images/encoche_H_bas.png)no-repeat center bottom;
margin:0 20px ;
height:15px;
}

.message{
float:left;
width:275px;}

.champs{
height:40px;
text-align:right;}

.btn_valid{
height:41px;
float:right;
border:#FFFFFF solid 2px;
padding:10px 10px 10px 10px;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
	
	-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
transition:all 0.6s ease;
background:url(images/background_btn_gris.jpg) center;}


/*--------contrat----------*/

#ruban_ocre{
width:200px;
height:75px;
float:right;
background:url(images/ruban_ocre.png) no-repeat right center;
padding:55px 0 0 66px;
margin:60px 0 0 0;}

#wrap_contrat{
width:600px;
float:left;
padding:40px 0 0 0;}

#wrap_col_droite{
width:265px;
float:right;}

.carte_form_vert{
background:#add22a url(images/encoche_H_haut.png) no-repeat center top;
margin:0 20px;
padding:20px 15px 0 15px;
}

.carte_form_bas_vert{
background:#add22a url(images/encoche_H_bas.png)no-repeat center bottom;
margin:0 20px ;
height:15px;
}

#wrap_contrat h4{
padding:0 0 0 37px;
line-height:2em;}

#wrap_contrat  .carte_form{
text-align:right;}

#wrap_contrat .btn_contrat{
height:41px;
float:right;}

.notice{
padding:8px 0 8px 45px;
margin:0 0 20px 0;
color:#FFFFFF;}

.notice strong{
color:#b3d830;
}


.wrap_encoche{
background:#c27421 url(images/ombre_encoche.png) repeat-y right center;
padding:0 5px 0 0;


}

.encoche_haut{
background: url(images/ombre_encoche.png) no-repeat right top;
height:30px;}

.encoche_bas{
background: url(images/ombre_encoche.png) no-repeat right bottom;
height:30px;}

.wrapinfo{
background: url(images/pointille_V.png) repeat-y 5px 5px;


}

.info_haut{
background:#c27421 url(images/pointille_H.png) repeat-x bottom;
padding:0 0 5px 0;
margin:0 0 0 5px;

}

.info{
background:url(images/pointi.png) no-repeat center top;
padding:63px 27px 27px 27px;
margin:15px 0 0 0;
color:#FFFFFF;
}


.info_bas{
background:#c27421 url(images/pointille_H.png) repeat-x top;
padding:0 0 5px 0;
margin:0 0 0 5px;

}

#acrobat img{
float:left;
padding:0 10px 0 0;

}

#acrobat{color:#000000;
padding-top:50px;}

.legal{
clear:both;
color:#FFFFFF;
padding-top:20px;}

.signature {
 width: 980px;
  margin:auto; 
	
text-align:right;

font-size:0.9em;}

.signature a{
color:#FFFFFF;
padding:0 10px 0 25px;
}

.signature a:hover{
color:#FFFFFF;
background:#9dc21a ;
background:rgba(157,194,26,0.5) ;
-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

}

.signature2 {
 width: 980px;
  margin:auto; 
	
text-align:right;

font-size:0.9em;
}

.signature2 a{
color:#575757;
padding:0 10px 0 25px;
}

.signature2 a:hover{

background:#9dc21a ;
background:rgba(157,194,26,0.8) ;
-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;

}