/* 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 CONTENU */
#contenu h1{
height:39px;
background-repeat:no-repeat;
}
#contenu h1 span {
display:none;
}
#contenu h1#presentation {
background-image: url(../images/charte/titre-presentation1.jpg);
}
#contenu h1#deontologie {
background-image: url(../images/charte/titre-deontologie.jpg);
}
#contenu h1#consultation {
background-image: url(../images/charte/titre-consultation.jpg);
}
#contenu h1#speed {
background-image: url(../images/charte/titre-speed.jpg);
}
#contenu h1#boutique{
background-image: url(../images/charte/titre-boutique.jpg);
}
#contenu h1#livre {
background-image: url(../images/charte/titre-livre.jpg);
}
#contenu h1#contact {
background-image: url(../images/charte/titre-contact.jpg);
}
#contenu h1#mentions {
background-image: url(../images/charte/titre-mention.jpg);
}
#contenu h1#merci {
background-image: url(../images/charte/merci.jpg);
}




#contenu h2{
font:bold 1.6em Georgia, "Times New Roman", Times, serif;
text-align:left;
color:#AC1862;
margin-bottom:7px;
}
#contenu p{
font:normal 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
text-align:justify;
color:#fff;
line-height:18px;
padding-top:15px;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#AC1862;
}
.couleur-adress{
font-weight:bold;
color:#AC1862;

width:209px

}

#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#AC1862;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline;
color:#462551;
}
#footer p{
font:normal 1.1em/28px Arial, Helvetica, sans-serif;
color:#77ad1a;
text-align:center;
padding-left:200px;
letter-spacing:1px;
}

/* STYLE PAGE CONTACT */

.text-form{
font-size:12px;
font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFCCFF;
}
.champs-form{
background-color:#FFCCFF;
color:#8D55AC;
border:1px solid #AC1862;
width:230px;
font-size:12px;
font-family:"trebuchet MS", Arial, Helvetica, sans-serif;}
.boutton-form{
background-color:#AC1862;
color: #FFCCFF;
font-weight:bold;
border:none;
width:230px}

.txt-acc{
float:left;
width:350px;
margin-bottom:20px;
padding:5px}
.txt-cont{
float:left;
width:350px;

padding:5px;
margin-bottom:20px}

.txt-partener{
float:left;
width:350px;
margin-bottom:20px;
padding:5px}
.miroir{float:left;
width:208px;
height:301px;
margin-left:10px;
margin-top:10px;
}


#container .datespeed{
float:left;
width:125px;
font-size:11px;
margin-bottom:-75px}
.intern{
float:left;
width:125px;
margin-top:65px;
}

.livre-dor{float:right;
width:150px;
background-image: url(../images/charte/livre.gif);
background-repeat:no-repeat;
height:130px;
margin-left:10px;
margin-top:-150px;
}
.liste{
float:left;
width:350px;
margin-top:20px;
margin-bottom:20px
}
.liste ul{
	margin-bottom:20px;
	padding:25px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#521D76;
border:none

}
 .liste li{
	
	color: #521D76;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 35px;
	line-height:15px;
	border:none;
	margin-bottom:7px

}
#container .livre{

	margin:10px 0 -5px 0px;
	font-family:bold  Arial, Helvetica, sans-serif;
	color: #5C2163;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid  #5C2163;
	
}
#container .livre p{
width:450px;

	
}

/* STYLE PAGE SPEED */

#miroirscroll{
float:left;
width:210px;
margin-top:10px;
height:301px;
position: relative;
background-image: url(../images/charte/miroirspeed.gif);
background-repeat:no-repeat;
}
#miroirscrolltxt{
float:left;
position: relative;
width:125px;
margin-top:70px;
margin-left:40px;
padding:1px;
overflow:auto;
height:200px;
}

#container #miroirscrolltxt p{
margin-top:-7px

}
#container .titre-speed{
float:left;
font-weight:bold;
color: #FFCCFF;
font-size:12px;
width:100px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;

}
#container .date-speed{
float:left;
font-weight:bold;
color: #FFCCFF;
font-size:11px;
width:100px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;


}
#container .speedtxt{
float:left;
color: #FFf;
font-size:11px;
line-height:12px;
font-family:Arial, Helvetica, sans-serif;
width:100px


}
#container .titspeed{
float:left;
width:125px; 
font-weight:bold;
text-decoration:blink;
margin-bottom:-80px;
}

.partenaire{
float: left;
width:80px;
/*height:80px;*/
background-color:#643F77;
border:1px solid #FFCCFF;
}
.partenaires{
float: left;
width:550px;

}
#container .partenaire p{
float: left;
text-align:center;
padding:1px;
width:80px;
height:80px;

}
.bloc-partenaire{
float:left;
width:170px;
height: auto;
margin-left:5px;

}
.bloc-partenaire p{
float:left;
width:170px;
line-height:14px;
margin-top:-20px}
.englobe-part{
float:left;
width:270px;
margin-top:15px;
}
/* STYLE PAGE CONSULTATION */
.consulte{
float:left;
width:270px;
padding:5px}
.consulte-index{
float:left;
width:710px;
padding:5px;
margin-top:25px;
}
.consulte-index p{
color:#55a980;
text-align:center;
font-size:12px}
.consult-droit{float:right;
width:250px;
height:450px;
margin-right:30px;
margin-top:25px;
}
.champs-form2{
background-color:#FFCCFF;
color:#8D55AC;
border:1px solid #AC1862;
width:200px;
font-size:12px;
font-family:"trebuchet MS", Arial, Helvetica, sans-serif;}
.champs-date{
background-color:#FFCCFF;
color:#8D55AC;
border:1px solid #AC1862;
width:50px;
font-size:12px;
font-family:"trebuchet MS", Arial, Helvetica, sans-serif;}
.cadre{
border:1px solid #FFCCFF}
#container .soire{
float:left;
width:450px;
border-bottom:1px solid #FFCCFF;


}

#container .soire p{
float:left;
width:450px;}

/*--------- SCROLL ---------------*/
/*SCROLLLL COLLRIGHT*/
#miroirscrolltxt .vscrollerbarbeg {
	width: 11px;
	height: 365px;
	margin:7px 0;
	z-index:1001;
}
#miroirscrolltxt .vscrollerbarend {
	width: 11px;
	height: 9px;
	padding:0 0 6px 0;
	z-index:1002;
}
#miroirscrolltxt .vscrollerbase {
	width:11px;
	z-index:1003;
}
#miroirscrolltxt .vscrollerbar {
	padding: 0px;
	z-index:1004;
	
}
#miroirscrolltxt .vscrollerbasebeg, 
#miroirscrolltxt .vscrollerbaseend {
	background-image: none;
	height: 365px;
	width:11px;
	z-index:1005;
}