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



/************************************** GENERALITE **************************************/



/* STYLE CYC  (ne pas supprimer) */

.cyc {

	position: absolute;

	top: -10000px;

}

b{

	color:#84B307;

}

ul{

	margin:10px 0 10px 40px ;

}

li{

	list-style-image:url(../images/charte/puce02.gif);

	list-style-position:left -5px;

	list-style-repeat:no-repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-style:normal;

	font-size:1.2em;

	text-align:left;

	color:#003dd5;

	/*border-bottom:1px dashed #dfe7fe;*/

}

.separateur{

	background-image:url(../images/charte/separateur.gif);

	background-repeat:no-repeat;
	background-position:bottom;

	width:300px;

	margin:10px 0 10px 150px;

	/*border:1px solid red;*/

}

a:link, a:visited, a:active{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #2d65fe;

	font-weight:bold;

	text-decoration:underline;

}

a:hover{

	font-family:Arial, Helvetica, sans-serif;

	color: #84B307;

	font-size:12px;

	font-weight:bold;

	text-decoration:none;

}







/************************************** ACCUEIL **************************************/

#accueil{

	float:left;

	padding:0 10px 0 292px;

}

#accueil h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#accueil img{

	float:right;

	margin-left:15px;	

}

#accueil p{

	padding:10px 0;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:center;

	font-weight:bold;

}





/************************************** APPROCHE **************************************/

#approche{

	float:left;

	padding:0 10px 0 292px;
	position:relative;

}
.inter1{top:272px;
	left:192px;
	width:83px;
	text-align:center;
		position:absolute;
	height: 48px;}


.inter2{top:443px;
	left:183px;
	width:94px;
	text-align:center;
		position:absolute;
	height: 48px;}
.div1{
	position:absolute;
	top:263px;
	left:82px;
	width:200px;
	text-align:center;
	height: 48px;
}

.div2{
	position:absolute;
	top:452px;
	left:339px;
	width:200px;
	text-align:center;
	height: 118px;
}
.div3{
	position:absolute;
	top:327px;
	left:662px;
	width:200px;
	text-align:center;
	height: 118px;
}
.div4{
	position:absolute;
	top:119px;
	left:760px;
	width:200px;
	text-align:center;
	height: 118px;
}
#approche h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#approche h2{

	margin:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.6em;

	text-align:left;

	color:#708c0d;

	border-bottom:1px dashed #b0c3f9;

}

#approche h3{

	margin:10px 0 5px 0;

	padding:0 0 0 18px;

	background-image:url(../images/charte/puce04.gif);

	background-position:left 1px;

	background-repeat:no-repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.4em;

	text-align:left;

	color:#708c0d;

	border-bottom:0px dashed #dfe7fe;

}

#approche p{

	padding:10px 0;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}





/************************************** PRESTATIONS **************************************/

#prestation{

	float:left;

	padding:0 10px 0 350px;
	position:relative;

}

.anim-pres{
	position:absolute;
	z-index:10;
	left:-38px;
	top:192px;
	width:378px;
	height: 376px;
}

#prestation .colonne{

	float:left;

	width:288px;

	margin:8px;

	padding:5px;

	border:1px solid #507CF9;

}

#prestation .colonne p{

	/*padding:10px 0;*/

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:center;

	font-weight:normal;

}

#prestation .colonne h2{

	margin:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.6em;

	text-align:center;

	color:#708c0d;

	border-bottom:0px dashed #b0c3f9;

}

#prestation h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#prestation h2{

	margin:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.6em;

	text-align:left;

	color:#708c0d;

	border-bottom:1px dashed #b0c3f9;

}

#prestation h3{

	margin:10px 0 5px 0;

	padding:0 0 0 12px;

	background-image:url(../images/charte/puce01.gif);

	background-position:left 1px;

	background-repeat:no-repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.4em;

	text-align:left;

	color:#708c0d;

	border-bottom:0px dashed #dfe7fe;

}

#prestation p{

	padding:10px 0;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}





/************************************** FONDAMENTAUX **************************************/

#fondamentaux{

	float:left;

	padding:0 10px 0 292px;
	width:630px;
}

#fondamentaux h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;
	
}

#fondamentaux h2{

	margin:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.6em;

	text-align:left;

	color:#708c0d;

	border-bottom:1px dashed #b0c3f9;
	
}

#fondamentaux p{

	padding:10px 0;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}



#fondamentaux .blocfondamentaux{

	float:left;

	padding:0;

	margin:10px 0px;

	width:630px;

}

#fondamentaux .blocfondamentaux p{

	padding:10px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}

#fondamentaux .blocfondamentaux h3{

	margin:10px 0 5px 0;

	padding:0 0 0 12px;

	background-image:url(../images/charte/puce01.gif);

	background-position:left 1px;

	background-repeat:no-repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.4em;

	text-align:left;

	color:#708c0d;

	border-bottom:0px dashed #dfe7fe;

}

#fondamentaux h3{

	margin:10px 0 5px 0;

	padding:0 0 0 12px;

	background-position:left 1px;

	background-repeat:no-repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.4em;

	text-align:left;

	border-bottom:0px dashed #dfe7fe;

}

#fondamentaux .blocfondamentaux img{

	float:left;

	margin-right:7px;	

}





/************************************** CLIENTS **************************************/

#client{ 

	float:left;

	padding:0 10px 0 292px;
	position:relative;

}

#client h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#client h3{

	margin:10px 0 5px 0;

	padding:0 0 0 12px;

	background-image:url(../images/charte/puce01.gif);

	background-position:left 1px;

	background-repeat:no-repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.4em;

	text-align:left;

	color:#708c0d;

	border-bottom:0px dashed #dfe7fe;

}

#client p{

	padding:10px 0;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}

#client .colonne{

	float:left;

	width:288px;

	margin:8px;

	padding:5px;

	border:0px solid #507CF9;

}

#client .colonne p{

	/*padding:10px 0;*/

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:center;

	font-weight:normal;

}



#client ul{

	margin:10px 0 10px 50px ;

	font-family:Arial, Helvetica, sans-serif;

	font-style:normal;

	font-size:1.2em;

	text-align:left;

	color:#003dd5;

}





/************************************** HISTORIQUE **************************************/

#historique{

	float:left;

	padding:0 10px 0 292px;

}

#historique h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#historique h2{

	margin:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.6em;

	text-align:left;

	color:#708c0d;

	border-bottom:1px dashed #b0c3f9;

}

#historique p{

	padding:10px 0;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}

#historique img{

	float:right;

	margin-left:15px;	

}





/************************************** CONTACT **************************************/

#contactgauche{

	float:left;

	padding:250px 10px 0 0;

	width:278px;

	/*border:1px solid red;*/

}

#contactgauche p{

	padding:10px;

	font-size:1.2em;

	letter-spacing:0.05em;

	font-family:Arial, Helvetica, sans-serif;

	line-height:1.4em;

	text-align:center;

	font-weight:bold;

}

#contact{

	float:right;

	width:630px;

	padding:10px 10px 0 10px;

	/*border:1px solid red;*/

}

#contact h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#contact p,

#contactPlan p{

	padding:10px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.2em;

	text-align:left;

	font-weight:normal;

}

#contact td{

	padding:1px;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.2em;

	text-align:left;

	font-weight:normal;

}

#contactTxt{

	width:45%;

	float:left;

}

#contactPlan{

	width:45%;

	float:right;

}

#formContact .bouton{

	width:150px;

	margin:0 10px ;

	border:1px solid #000;

	background-color:#fff;

	padding:1px;



	font-family:Arial, Helvetica, sans-serif;

	font-size:1.0em;

	text-align:center;

	color:#204bc1;

}

#formContact input,textarea{

	width:100%;

	border:1px solid #000;

	font-size:12px;

}

#formContact input:focus,textarea:focus{

	border-color:#FF0000;

}

#formContact .champRequis{

	color:#FF0000;

}





/************************************** ACTUALITES **************************************/

#actualites{

	float:left;

	padding:0 10px 0 292px;
	position:relative;

}
.anim{
	position:absolute;
	z-index:10;
	left:2px;
	top:190px;
	width:289px;
	height: 276px;
}

#actualites h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#actualites .blocactualites{

	float:left;

	padding:0;

	margin:10px 0px;

	width:630px;

}

#actualites .blocactualites p{

	padding:10px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}

#actualites .blocactualites h2{

	margin:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.6em;

	text-align:left;

	color:#708c0d;

	border-bottom:1px dashed #b0c3f9;

}

#actualites .blocactualites img{

	float:left;

	margin-right:10px;	

}





/************************************** PARTENAIRES **************************************/

#partenaire{

	float:left;

	padding:0 10px 0 292px;

}

#partenaire h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#partenaire .blocpartenaire{

	float:left;

	padding:0;

	margin:10px 0px;

	width:630px;

}

#partenaire .blocpartenaire p{

	padding:10px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}

#partenaire .blocpartenaire h2{

	margin:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.6em;

	text-align:left;

	color:#708c0d;

	border-bottom:1px dashed #b0c3f9;

}

#partenaire .blocpartenaire img{

	float:right;

	margin-left:10px;	

	border: 1px solid #134AD8;

}





/************************************** CONSEILLER SITE **************************************/

#conseiller{

	float:left;

	padding:0 10px 0 292px;

}

#conseiller h1{

	margin:10px 0 15px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#204bc1;

	border-bottom:1px dashed #dfe7fe;

}

#conseiller  p{

	padding:10px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.4em;

	text-align:left;

	font-weight:normal;

}

#conseiller  .textg{

	padding:2px;

	margin-bottom:5px;

	font-family:Arial, Helvetica, sans-serif;

	color:#003dd5;

	font-size:1.2em;

	font-weight:bold;

	letter-spacing:0.08em;

	line-height:1.4em;

	text-align:center;

}

#conseiller td{

	padding:1px;

	font-size:1.2em;

	letter-spacing:0.05em;

	line-height:1.2em;

	text-align:left;

	font-weight:normal;

}



#formConseil .bouton{

	width:150px;

	margin:0 10px ;

	border:1px solid #000;

	background-color:#fff;

	padding:1px;



	font-family:Arial, Helvetica, sans-serif;

	font-size:1.0em;

	text-align:center;

	color:#204bc1;

}

#formConseil .checkbox{

	width:auto;

	border:0px solid #000;

	font-size:11px;

}

#formConseil input{

	width:153px;

	padding:2px;

	border:1px solid #000;

	font-size:11px;

}

#formConseil textarea{

	width:460px;

	border:1px solid #000;

	font-size:11px;

}

#formConseil input:focus,textarea:focus{

	border-color:#FF0000;

}

#formConseil .champRequis{

	color:#FF0000;

}


.logo{
float:left;
width:120px;
margin-bottom:10px;
border:1px solid #2450cd;
padding:5px;
text-align:center;
margin-left:10px;
height:120px;
}