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

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{

	background-color:#fff;
color:#2b3c9e;
border:1px solid  #2b3c9e;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	background-color:#fff;
color:#2b3c9e;
border:1px solid  #2b3c9e;
}
#formContact .champRequis{
	background-color:#fff;
color:#2b3c9e;
border:1px solid  #2b3c9e;
}

#container .text-form{
font-size:12px;
color:#003399}
#container .text-form2{
font-size:11px;
color: #6699FF}

.champs-form{
background-color:#fff;
color:#2b3c9e;
border:1px solid  #2b3c9e;
width:230px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;}

.boutton-form{
background-color:#fff;
color: #2b3c9e;
font-size:11px;
font-weight:bold;
border:none;
width:230px;
border:1px solid  #2b3c9e;}

/* STYLE DE LA PAGE CONTACT */

#contenuTexte #diaporama {
	margin:7px 0px 0px 0px;
	left:200px;
	width:400px;
	height:80px;
	border:0px;
	position:absolute;
	overflow:hidden;
}

#contenuTexte #diaporama img {
	border:solid 1px #ffffff;
	margin-right:4px;
	display:block;
}

#scroller_graphisme
{
	background-image:url(../images/charte/bg-scroll.jpg);
	width:472px;
	height:94px;
	margin:0px;
	padding-left:0px;
	text-align:left;
	text-indent:0px;
}

#contenuTexte #details {
	border:none;
	margin-top:20px;
}

#contenuTexte #details img {
	
	width:400px;
	float:left;
}

#contenuTexte #details #texte_detail h2 {
	float:left;
	width:400px;
	text-align:right;
	background-color:#3F84C7;
}
#contenuTexte #details #texte_detail {
	float:left;
	margin-top:-9px;
}
.textos
{
	padding:5px;
	width:400px;
}

.img{
float:left;
width:315px;
margin-top:40px;
margin-left:15px;

}
.img2{
float:left;
width:350px;
margin-top:5px;
margin-left:15px;

}
.text-acc{
float:left;
width:480px;
}

.text-etudes{
float:left;
width:450px;}

.couleur-texte{
color:#0F3080;
font-weight:bold}

.plan{
float:left;
width:185px}

.galerie{
float:left;
width:300px;
padding:30px 5px 5px 5px}
.galerie img{
float:left;
width:80px;
height:90px;
border:1px solid  #003399;
margin-left:12px;
margin-top:10px;
}
.grande-img{
float:left;
width:230px;
padding:5px;
margin-top:0px;
;
}

.grande-img img{
float:left;
width:221px;
height:166px;
margin-top:10px;

border:1px solid  #003399}
#container .desc{
float:left;
width:210px;
padding:5px;
}
#container .titre {
float:left;
width:230px;
text-align:center;
font-size:16px;
font-weight:bold;
}




fieldset {
float:left;
	width:212px;
	font-size:12px;
	padding:4px;
	font-style:normal;
	color:#7AAAEC;
	text-align:justify;
	margin:10px 2px 18px 0px;
	border:1px solid #003399;
	
	}

legend{
	font-size:1.2em;
	font-style:italic;
	color:#003399;
	font-size:16px;
font-weight:bold;
}
.contactez{float:left;
width:217px;
margin-top:170px }