/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";






/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}





.titre{
border:1px solid #fff;
font-size:16px;
height:30px;
line-height:30px;
background:#ededed;
}

.titre .num{
border-right:2px solid #FFFFFF;
padding:0px 10px 0px 10px;
height:30px;
line-height:30px;
font-size:18px;
background:#F37626;
color:#FFFFFF;
font-weight:bold;
float:left;
margin-right:10px;

}


.prix{
display:block;
font-size:14px;
text-align:right;
padding:4px;
border-right:6px solid #ededed;
font-weight:100;
color:#993300;
}

/* ----------------------------------------------------------- */

.tab_tarifs{
width:80%;
margin-bottom:20px;
}

.tab_tarifs .tab_titre td{
background:#F37626;
color:#FFFFFF;
font-size:14px;
line-height:24px;
font-weight:bold;
padding-left:10px;
}

.tab_tarifs .tab_info td{
background:#ededed;
padding-left:10px;
line-height:20px;
}

/* ----------------------------------------------------------- */

.cadre_img{
background:url(../images/charte/fond-img.gif) left top no-repeat;
width:330px;
height:308px;
text-align:center;
float:left;
margin:0px 5px;
}

.cadre_img img{
margin:14px 0px 10px 0px;
border:2px solid #fff;
}

#contenu #contenuTexte .cadre_img p{
text-align:center;
padding:0px 24px;
}

/* ----------------------------------------------------------- */


.cadre_mob{
background:url(../images/charte/fond-mobilier.gif) left top no-repeat;
width:220px;
height:347px;
text-align:center;
float:left;
margin:0px 3px;
}

.cadre_mob table{
height:282px;
width:100%;
margin-bottom:5px;
}


.cadre_mob img{
margin:14px 0px 10px 0px;
border:2px solid #fff;
}

#contenu #contenuTexte .cadre_mob p{
text-align:center;
padding:0px 24px;
}

/* ----------------------------------------------------------- */








.bulle_tete{
background:url(../images/charte/bulle_tete.png) left top no-repeat;
width:256px;
height:34px;
}

.bulle_rep{
background:url(../images/charte/bulle_rep.png) left top repeat-y;
width:256px;
}

.bulle_rep .cto{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
padding:0px 10px 0px 12px;
text-align:center;
}

.bulle_pied{
background:url(../images/charte/bulle_pied.png) left top no-repeat;
width:256px;
height:16px;
}


#pack1_v{
background:url(../images/contenu/Pack/pack1.jpg) left top no-repeat;
width:202px;
height:140px;
}


#contenu #contenuTexte .btn_pack{
background:url(../images/contenu/Pack/fiche_pack_over.png) left top no-repeat;
width:218px;
height:312px;
line-height:96px;
color:#fff;
font-size:30px;
float:left;
margin:3px;
text-align:center;
}

#contenu #contenuTexte .btn_pack a{
background:url(../images/contenu/Pack/fiche_pack_out.png) left top no-repeat;
display:block;
width:100%;
height:100%;
color:#fff;
text-decoration:none;
}

#contenu #contenuTexte .btn_pack a:hover{
background: transparent none;
}

#contenu #contenuTexte .btn_pack .num_pack{
color:#FF6600;
font-size:24px;
text-align:center;
line-height:80px;
height:70px;
width:100%;
}

#contenu #contenuTexte .btn_pack img{

}

#contenu #contenuTexte .btn_pack .resume{
padding:10px 14px 0px 14px;
text-align:center;
color:#FF6600;
line-height:15px;
font-size:14px;
}






.img_pack{
border: 3px solid #FAC17E;
}

.titre_contact{
background:#F37626;
color:#FFFFFF;
font-size:14px;
line-height:24px;
font-weight:bold;
padding-left:10px;
border:2px solid #FFFFFF;
}


/* ------------------------------------------ STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

#form_contact .text01
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:500;
color: #333;                                  /* COULEUR TEXTE */
letter-spacing:0.1em;
text-align:right;
padding-right:4px;

}	

#form_contact .forminput,
#form_contact .formtextareadress,
#form_contact .formtextareacomment,
#form_contact select
{
border:1px #704A3e solid;
padding:0;
margin:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #333;
background:#fff;
text-align:justify;
}

#form_contact .forminput
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;
width:230px;
}

#formContact select
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;

}

#form_contact .formtextareadress
{
padding:0 3px 0 3px;
height:60px;
width:230px;
}

#form_contact .formtextareacomment
{
padding:0 3px 0 3px;
height:110px;
width:230px;
}

.valide{
background:#ededed;
line-height:20px;
}

.valide td{
padding:0px 5px;
}

.selection_produit{
width:100%;
border-left:6px solid #ccc;
margin-bottom:20px;
}

.alignerdroite{
text-align:right;
}