/* 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;
}
b {
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#820002;
	font-weight:bold;
}

/*********************************** STYLE ***********************************/
li{
	list-style:url(../images/charte/puce01.gif);
	margin-left:30px;
	/*margin-bottom:5px;*/
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
}

/*********************************** ACCUEIL ***********************************/
#accueil{
	width:460px;
	margin:0 0 0 0;
	float:left;
	/*display:table;*/
	/*line-height:16px;*/
	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
}
*html #accueil{
	width:420px;
}
#accueil p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
	/*border:1px solid red;*/
}
#accueil1 {
	width:710px;
	margin:15px 0 0 30px;
	float:left;
}
*html #accueil1 {
	width:700px;
	margin:15px 0 0 0px;
}

/*********************************** COMPETENCES ***********************************/
#competence {
	width:460px;
	margin:0 0 0 0;
	float:left;
	/*display:table;*/
	/*line-height:16px;*/
	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
}
*html #competence{
	width:420px;
}
#competence p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
	/*border:1px solid red;*/
}
#competence1 {
	width:740px;
	margin:20px 0 0 12px;
	float:left;
	/*border:1px solid red;*/
}
*html #competence1 {
	width:730px;
	margin:20px 0 0 7px;
}
#competence1 img{
	margin:0 15px 15px 0;
	float:left;
}

/*********************************** SERVICE ***********************************/
#service{
	width:460px;
	margin:0 0 0 0;
	float:left;
	display:table;
	/*line-height:16px;*/
	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
}
*html #service{
	width:420px;
}

#service p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
	/*border:1px solid red;*/
}
#servicegche {
	width:280px;
	float:left;
	display:table;
	text-align:center;
	padding:120px 0 0 0;
}

/*********************************** ENGAGEMENT ***********************************/
#engagement{
	width:460px;
	margin:0 0 0 0;
	float:left;
	/*display:table;*/
	/*line-height:16px;*/
	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
}
*html #engagement{
	width:420px;
}
#engagement p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
	/*border:1px solid red;*/
}
#engagement img{
	margin-right:5px;
}


/*********************************** REFERENCE ***********************************/
#reference{
	width:740px;
	margin:30px 0 0 0;
	float:left;
	display:table;
}
#reference p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
	/*border:1px solid red;*/
}
*html #reference{
	width:700px;
}
#colonne_refg{
	float:left;
	width:47%;
	padding:120px 10px 0 10px;
}
#colonne_refd{
	float:right;
	width:47%;
	padding:0 0 0 10px;
	/*border:1px solid red;*/
}
#ref_photo{
	margin:0px;
	padding:0;
	width:215px;
	float:left;
	/*border: 1px solid red;*/
}
*html #ref_photo{
	width:30px;
}
#ref_photo img{
	margin:10px 5px;
}
*html #ref_photo img{
	margin: 5px;
}
/*********************************** METIERS ***********************************/
#metier{
	width:460px;
	margin:0 0 0 0;
	float:left;
	display:table;
	/*border:1px solid red;*/
	/*line-height:16px;*/
	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
}
*html #metier {
	width:420px;
}
#metier p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
	/*border:1px solid red;*/
}
#metier1 {
	width:740px;
	margin:5px 0 0 12px;
	float:left;
	display:table;
	/*border:1px solid red;*/
}
*html #metier1 {
	width:730px;
	margin:0px 0 0 7px;
}
#metier1 img{
	margin:0 8px 15px 12px;
	float:left;
}
*html #metier1 img{
	margin:0 10px 10px 0;
	float:left;
}

/*********************************** CONTACT ***********************************/
#contact {
	width:460px;
	margin:0 0 0 0;
	float:left;
	/*display:table;*/
	/*line-height:16px;*/
	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
}
*html #contact {
	width:420px;
}
#gchecontact {
	width:280px;
	float:left;
	display:table;
	text-align:center;
	padding:120px 0 0 0;
	text-align:center;
}
#gchecontact img{
	border:0px;
}
#contact p,
#gchecontact  p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:center;
	letter-spacing:0.06em;
	line-height:17px;
	/*border:1px solid red;*/
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/*********************************** LIENS ***********************************/
#liens{
	width:740px;
	margin:0 0 0 0;
	float:left;
	/*display:table;*/
	/*line-height:16px;*/
	
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
}
*html #liens{
	width:720px;
}
#liens p{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	/*font-size:1.1em;*/
	font-size:12px;
	text-align:justify;
	letter-spacing:0.06em;
	line-height:17px;
	/*border:1px solid red;*/
}
/*#accueil1 {
	width:710px;
	margin:15px 0 0 30px;
	float:left;
}
*html #accueil1 {
	width:700px;
	margin:15px 0 0 0px;
}*/