/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#626262; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

.expo{
vertical-align:super;
font-size:9px;
}

h1 { color:#626262; font-size: 1.4em; }
h2 { color:#626262; font-size: 1.3em; }
h3 { color:#626262; font-size: 1.17em; }
h4 { color:#626262; font-size: 1em; }
h5 { color:#626262; font-size: 0.83em; }
h6 { color:#626262; font-size: 0.67em; }
p { color:#626262; font-size: 1em; }
ul, ol { color:#626262; font-size: 1em; }
li {  color:#626262; font-size: 1em; }
a { color:#626262; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; color:#626262; }
textarea { border-width:thin; padding:3px; color:#626262; }
em { }
strong { }
fieldset{padding:10px;}


#colonneGauche h2 { color:#64618e; font-size: 1.3em; font-weight:bold; }
#colonneGauche h3 { color:#64618e; font-size: 1.17em; }
#colonneGauche h4 { color:#64618e; font-size: 1em; }
#colonneGauche h5 { color:#64618e; font-size: 0.83em; }
#colonneGauche h6 { color:#64618e; font-size: 0.67em; }
#colonneGauche p {
	color:#827e7e;
	font-size: 1em;
}
#colonneGauche ul, ol { color:#64618e; font-size: 1em; }
#colonneGauche li {  color:#64618e; font-size: 1em; }
#colonneGauche a {
	color:#333333;
	text-decoration:underline;
}
#colonneGauche a:hover { text-decoration:none; } /* si changement de couleur au survol */
#colonneGauche a:visited { } /* si changement de couleur après le clic */
#colonneGauche .menu_prod{
	margin:0 0 0 20px;
	width:120px;
	background-color:#d2d2cb;
	font-weight:normal;

}
#colonneGauche input { border-width:thin; padding:3px; color:#64618e; }
#colonneGauche textarea { border-width:thin; padding:3px; color:#64618e; }
#colonneGauche em { }
#colonneGauche strong { }
#colonneGauche hr{color:#a49eca; background-color: #a49eca; border-top:#a49eca 1px;}

#yzeo p{ color:#FFFFFF; }
#yzeo a{ color:#FFFFFF; }
#yzeo a:hover{ color:#FCEAFF; }

.bodyIntro p{ color:#FFFFFF; }
.bodyIntro a{ color:#FFFFFF; }
.bodyIntro a:hover{ color:#FCEAFF; }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.h1index{ position:absolute; left:0; top:10px; width:100%; padding:0; color:#64618e; font-size:1.1em; letter-spacing:2px;  }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Tableau des musiques */
.musicTable{ border: none; border-collapse:separate; }
.musicTable tr{ border:0 0 2px 0; border-color:#FFFFFF; background-color:#EEEEEE;  }
.musicTable tr td p{padding:3px; }
.musicTable a{ text-decoration:none;}
.musicTable a:hover{ color:#000000;}
/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }
#frmEnvoi .champ { border:none; border:#64618e inset 1px; padding:5px; background-color:#FFFFFF; color:#64618e; }
#frmEnvoi .champ:focus { }
#frmEnvoi #code {  border:none;  border:#64618e inset 1px; padding:5px; background-color:#FFFFFF; color:#64618e; }
#frmEnvoi #code:focus { }
#frmEnvoi #send2 { border-color:#64618e;  background-color:#64618e; color:#FFFFFF; width:450px; letter-spacing:3px; }

/*--------------------------------- Plan du site -------------------------------*/
.bordure {
	border: 1px solid #515151;
}
#PS_page
{
	width:100%;
	text-align:center;
	
}
#PS_text
{
	margin:auto;
	text-align:left;
	width:700px;
	padding-left:40px;	
	padding-right:40px;	
	background-color:#fff;
}
#PS_lienbas
{
	margin:auto;
	text-align:left;
	width:700px;
}

.txt-accueil{
font-size:14px;
line-height:20px;

}


.titrestemoignage{
	font-size:14px;
	color: #2b5271;
}

.minutes{font-size:9px; text-align:center; font-style:italic;}
.aigu{
	float:left;
	width:300px;
	margin-left: 10px;
	text-align: left;
}
.chronique{
	float:left;
	width:300px;
	margin-left: 15px;
	text-align: jutify;
}
.text-douleurs{
	font-size:8px;
	font-style:italic;
	font-weight:bold;
	text-align:right;
}
.expo{
text-decoration:super;
margin-right:2px;
}
.encart-accueil{
	width:180px;
	float:right;
	margin-right:5px;
	font-size:11px;
	text-align:left;
	border: solid 2px color #666666;
	margin-left: 10px;
}

.txt-encart {
	width:180px;
	margin : 0px 0 0 5px;
	font-size:11px;
	text-align: center;
	line-height: 2;
}
.encarthaut{ background-image:url(../images/encart-accueil/encart-haut.png); width:180px; height:32px; }
.encart-milieux{ background-image:url(../images/encart-accueil/encart-duplique.jpg);padding:0 2px 0 2px;}
.encartbas{ background-image:url(../images/encart-accueil/encart-bas.png);  width:180px; height:21px; }

.ba{background-repeat:no-repeat}
.cadreoartenaire{
	width:637px;
	height:118px;
	background-repeat:no-repeat;
}
.txtaccueil{
	float:left;
	width:430px;
}

.txtaccueil2{
	float:left;
	width:430px;
	background-image:url(../images/fond-bleu.jpg);
    background-repeat: no-repeat;

}
.div-txt-accueil{
	width:400px;
	margin-left:20px;
	margin-top:30px;
}



.offre1{width:390px;float:left;}
.offre2{width:230px;float:left; margin-left:10px;}


a.btnPDF {width: 70px; height:48px;float:left; background:url(../images/test-pdf.gif) no-repeat 0 0;}
a.btnPDF:hover {background:url(../images/test-pdf.gif) no-repeat 0 -48px;}


a.btnPDF2 {width: 70px; height:62px;float:left; background:url(../images/video1.jpg) no-repeat 0 0;}
a.btnPDF2:hover {background:url(../images/video1.jpg) no-repeat 0 -62px;}

a.btnPDF3 {width: 70px; height:62px;float:left; background:url(../images/video2.jpg) no-repeat 0 0;}
a.btnPDF3:hover {background:url(../images/video2.jpg) no-repeat 0 -62px;}

.divcache{ display:none;}
.titre-connection{ background-color:#626262; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px; text-align:center;}
.color{color:#fff; }
