/* 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;
}

/***************** Contact *****************/
#contact_fomulaire {
	width:378px;
	float:left;
	padding-bottom:20px;
	margin-right:10px;

}
#contact_plan {
	width:250px;
	float:left;
}


#contenu input,textarea{
	width:97%;
	border:1px solid #676767;
	font-size:12px;
	color:#333;
	background-color:#c4c4c4;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu input:focus,textarea:focus{
	border:1px solid #000;
}
#contenu .champRequis{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contenu   .bouton {
	border:1px solid #676767;
	font-size:12px;
	color:#333;
	background-color:#c4c4c4;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contenu  .bouton:focus {
	border:1px solid #000;
}

#contenu  .capa{
	width:95%;
	border:1px solid #676767;
	font-size:12px;
	color:#333;
	background-color:#c4c4c4;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu  .capa:focus{
	border:1px solid #000;
}

#contenu .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}



.titre_parti {
	margin-bottom:15px;
	margin-left:0px;
	width:97%;
	
}

#contact_loi {
	width:250px;
	float:left;
	margin-top:20px;
	padding-bottom:10px;
}

.titre_parti2  {
	width:96%;
	margin-top:10px;
	margin-bottom:10px;
	
}

#contact_coordonnees {
	width:230px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;

}

#contact_plan a #imgplan {
	margin-left:10px;
	width:240px;
	height:281px;
	background-image:url(../images/charte/plan.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/plan.png', sizingMethod='image');
	cursor:pointer;
}




#contenu .txt_bas3 {
	font-size:11px;
	width:97%;
	line-height:1.2em;
}
#contenu #loi {
	width:510px;
	float:left;
	margin-left:10px;
	margin-top:30px;
	margin-bottom:20px;
}

#contenu .txt_bas{
	font-size:9px;
}
label{
	line-height:2.2em;
	font-size:11px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

/*****************************************************/
                   /* Général */
/*****************************************************/

#contenuTexte p.enval {
	background-image:url(../images/charte/bgenval.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#444;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:17px;
	margin-bottom:5px;
	border-bottom:1px dotted #444;
}

#contenuTexte p.enval2 {
	background-image:url(../images/charte/bgenval2.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	font-style:italic;
	color:#536e75;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:10px;
	margin-bottom:5px;
	margin-left:20px;
	
}

#contenuTexte p.enval3 {
	background-image:url(../images/charte/puce3.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#444;
	margin-top:10px;
	padding-bottom:0px;
	padding-left:22px;
	margin-bottom:5px;
	border-bottom:1px dotted #444;
}


#contenu #contenuTexte li {
	font-size:12px;
	list-style-image:url(../images/charte/puce1.gif);
	text-align:left;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#333333;
}

#contenu #contenuTexte ul {
	margin-left:40px;
	margin-bottom:10px;
	margin-top:5px;

}

#contenu #contenuTexte .liste {
	font-size:12px;
	list-style-image:url(../images/charte/puce4.gif);
	
}

#contenu #contenuTexte .listeul {
	margin-left:70px;
}
#contenuTexte  .dectab {
	margin-left:40px;
}
/*****************************************************/
                   /* Accueil */
/*****************************************************/
#anim {
	width:240px;
	height:287px;
	float:left;
	margin-right:10px;
}
#txtacc {
	width:395px;
	float:left;
}

/*****************************************************/
                   /* Maquillage permanent  */
/*****************************************************/
.onglet1 {
	width:148px;
	height:33px;
	float:left;
	background-image:url(../images/charte/bgtitre1.jpg);
	background-repeat:no-repeat;
	margin-left:90px;
	padding-left:40px;
	padding-top:3px;
}
.onglet2 {
	width:98px;
	height:33px;
	float:left;
	background-image:url(../images/charte/bgtitre2.jpg);
	background-repeat:no-repeat;
	margin-left:50px;
	padding-left:40px;
	padding-top:3px;
}

.decalagetxt {
	margin-left:20px;
	width:auto;
}
.visuelmaqui {
	width:332px;
	height:130px;
	background-image:url(../images/charte/maquillage1.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/maquillage1.png', sizingMethod='image');
	margin-left:100px;
}
.txtmaqui {
	width:300px;
	float:left;

}

.visuellevresmaqui {
	width:273px;
	height:145px;
	background-image:url(../images/charte/levre1.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/levre1.png', sizingMethod='image');
	margin-left:100px;
}


/*****************************************************/
                   /* sourcils */
/*****************************************************/
.visuel {
	width:273px;
	height:145px;
	float:right;
	margin-top:10px;
	background-image:url(../images/charte/sourcil1.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/sourcil1.png', sizingMethod='image');
}
.txtsourcil {
	width:362px;
	float:left;
}
/*****************************************************/
                   /* Lèvres */
/*****************************************************/
.visuellevres {
	width:273px;
	height:145px;
	float:right;
	background-image:url(../images/charte/levre1.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/levre1.png', sizingMethod='image');
}

/*****************************************************/
                   /* Eye liner */
/*****************************************************/
.visueleye {
	width:273px;
	height:145px;
	float:right;
}
/*****************************************************/
/* 		Livrre d'or
/*****************************************************/

#contenuTexte .message {	
	width:600px;
	float:left;
	margin-bottom:15px;
	border-bottom:1px solid #222;
	padding:8px 8px 8px 0px;
	margin-left:10px;
}

#contenuTexte .message p.titremsg1 {
	font-weight:bold;
	color:#475e64;
}

/*****************************************************/
/* Mentions légales 
/*****************************************************/

#mention1 {
	width:300px;
	float:left;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #333333;
}


#mention2 {
	width:300px;
	float:left;
}

/*****************************************************/
/* Nos partenaires
/*****************************************************/

.part {
	width:600px;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
}
.parthaut {
	width:600px;
	float:left;
	background-image:url(../images/charte/parthaut.gif);
	background-repeat:no-repeat;
	height:13px;
}

.partcont {
	width:580px;
	float:left;
	background-image:url(../images/charte/partcont.gif);
	background-repeat:repeat-y;
	padding:0 10px;
}
#contenuTexte .part .partcont p.titre{
	font:bold 13px  "Trebuchet MS";
	color:#475e64;
}
#contenuTexte .part .partcont p.titreactu {
	font:bold 13px  "Trebuchet MS";
	color:#fff;
 
}
#contenuTexte .part .partcont p.lien{
	text-align:right;
}
#contenuTexte .part .partcont img {
	border:1px solid #696969;
	float:left;
	margin-right:10px;
}

.partbas {
	width:600px;
	float:left;
	background-image:url(../images/charte/partbas.gif);
	background-repeat:no-repeat;
	height:13px;
}

#invisible{
display:none;
}