/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit etre 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";
@import "typographie.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
a:focus{
  outline: none;
}


.bloc-float {
	float:left;
	width:250px;
	margin:10px 70px 0 5px;
	}
	
.bloc-float2 {
	float:left;
	width:250px;
	margin:10px 0 0 0;
	}
	

/* RUBRIQUE ACCUEIL */
#txt-accueil {width:690px;}
	
	
	
/* RUBRIQUE IDENTITE  */	
#contenuTexte p.nom_identite {color:#909000; font:bold 13px Arial, Helvetica, sans-serif; text-align:left;}
#contenuTexte p.coordonnes_identite {color:#333; text-align:left; font:bold 12px Arial, Helvetica, sans-serif; text-align:left;}
#contenuTexte p.autres_coordonnes_identite {color:#666; text-align:left; font:normal 12px Arial, Helvetica, sans-serif; text-align:left; margin:10px 0 0 0;}

#contenuTexte p#ca_identite {
	font:bold 11px Arial, Helvetica, sans-serif;
	margin:5px 0 0 5px;
	}
	
/* RUBRIQUE MOYENS */
#bloc-moyensgche {
	position:absolute;
	bottom:0;
	right:0;
	}


/* EQUIPE */
#equipe {
	width:740px;
	height:535px;
	}
	
.bloc-equipe {
	width:120px;
	margin:0 3px 10px 0;
	float:left;
	height:170px;
	position:relative;

}

#contenuTexte a:link.equipe-img, #contenuTexte a:visited.equipe-img {
	width:90px;
	height:115px;
	margin:0 0 5px 0;
	display:block;

}
#contenuTexte .bloc-equipe a:hover.equipe-img{background:none;}

#contenuTexte a:link.equipe-img span, #contenuTexte a:visited.equipe-img span{
	display:none;
	text-decoration:none;
	position: absolute;
	left:0;
	top:142px;
	color:#FCAC0D;
}

#contenuTexte a:hover.equipe-img span, #contenuTexte a:active.equipe-img span{
	color:#CCC;
	display:block;
	text-decoration:none;
}
#contenuTexte a:hover.equipe-img, #contenuTexte a:active.equipe-img{text-decoration:none;}

.equipe-contenu {
	width:120px;
	float:left;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#909000;
	text-align:left;
}

#contenuTexte p.equipe-titre{font:bold 10px Arial, Helvetica, sans-serif; text-align:left;}

/* CV*/
#blocimg_cv{
	float:left;
	width:155px;
	height:480px;
	margin:22px 20px 0 0;
	text-align:left;
	font:bold 11px Arial, Helvetica, sans-serif;
}

#contenu_cv {
	width:495px;
	padding:10px 10px 15px 10px;
	background:#EAEAD2;
	float:left;
	margin:0 0 20px 0;
	}

ul.liste_cv {
	list-style:none;
	width:100%;
	float:left;
	}
	
ul.liste_cv li {
	background:url(../images/charte/puce.gif) left 2px no-repeat;
	float:left;
	padding-bottom:5px;
	}

ul.liste_cv li span.date_cv {
	float:left;
	text-align:left;
	width:85px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;	
	color:#909000;
	}
	
ul.liste_cv li span {
	float:left;
	text-align:left;
	width:410px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;	
	color:#333;
	}
	

/* MATERIEL */
#contenu_materiel {
	width:620px;
	padding:10px 10px 15px 10px;
	float:left;
	margin:0 0 20px 0;
	}

#contenuTexte h2.sstitre_cv{
	margin:0 0 3px 90px;
	padding:0 0 0 5px;
	font:small-caps bold 16px Tahoma, Arial, Helvetica, sans-serif;
	color:#CCCC99;
	float:left;
	width:450px;
}


/* RUBRIQUE ACTUALITE */
#contenuTexte a:link.img-actualite, #contenuTexte a:visited.img-actualite {
	float:left;

	text-align:center;
	/*margin:0 25px 25px 0;   mis en commentaire par elena */

	position:relative;
	text-align:center;

	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	}
	
#contenuTexte a:hover.img-actualite, #contenuTexte a:active.img-actualite {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
	}
	
#bloc-actualite {
  display:inline;
    float:left;
	width:780px;
	margin:0px;
	height:450px;
	position:relative;
	padding:0px;
}
/********* ajouté par dév *******/
.blocactualite {
    display: inline;
    float:left;
	width:145px !important;
    height:205px;
    padding:7px;
	margin:0 18px 25px 0px;
    border: 1px solid #DADADA;
}
/************* fin ajouté par dév **************/



#actualite-img {
	width:350px;
	margin:0px;
	height:350px;
	text-align:center;
}


	
#contenuTexte #actualite-vign a:link, #contenuTexte #actualite-vign a:visited {

	float:left;
	margin:0 5px 5px 0;
	border:1px solid #9E9E87;
	}

#actualite-contenu {
	width:388px;
    padding:0px 0px 0px 10px;
    margin:0px;
	float:left;
	height:450px;
	margin:0px;
}

#actualite-contenu p.actualite-titre{
	color:#000;
	text-align:left;
    padding:10px 0px 20px 0px;
	font:small-caps normal 16px Arial, Helvetica, sans-serif;
}

#actualite-contenu .actualite-texte {

	text-align:justify;
	font:normal 11px Arial, Helvetica, sans-serif;


	}
#contenuTexte .actualite-texte p{color:#000;}
	

/* PAGINATION */
#pagination {

	font-size:10px;
	color:#CFCFA5;
	text-align:center;
	font:small-caps bold 11px Arial, Helvetica, sans-serif;
	margin:0 40px 0 0;
	}
#contenuTexte #pagination a:link, #contenuTexte #pagination a:visited {color:#333; font-size:11px;}
#contenuTexte #pagination a:active, #contenuTexte #pagination a:hover {color:#ccc;}


/* RUBRIQUE PRESSE */

	
.blocpresse {
    display:inline;
    float:left;
	width:216px;
    height:230px;

	margin:0px 19px 20px 0px;
    border: 0px solid #DADADA;
    padding:0px 0px 0px 0px;
}
.blocpresse_img{
  width:216px;
  height:150px;
  padding:5px 0px 0px 0px;
  float:left;
  text-align: center;

}



.blocpresse_titre{
    display:inline;
    float:left;
    width:146px;
    margin:0px 35px;

}
.blocpresse_titre p{
    color:#333;
	text-align:left;
    font-size: 11px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* RUBRIQUE CONTACT */
#bloc-adrcontact {
	width:250px;
	float:left;
	margin:0px 30px 0 30px;
}
#bloc-adrcontact p {font:normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#333; text-align:center;}

/** **/
#bloc-contact {
	width:280px;
	float:left;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#757063;
	border-left:1px solid #EAEAD2;
}
#bloc-contact table {width:100%;}

#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton {
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#757063;
	padding:0 10px 0 2px;
	border:1px solid #EAEAD2;
	background:#FFF;
}

#formContact input, #formContact textarea{
	width:170px;
	margin:0;
}

#contenu #bloc-contact label{
	width:80px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#252525;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#formContact .radio{
	width:9%;
	border:none;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#333;
}

#formContact select.liste-form{
	width:182px;
	text-align:left;	
	color:#757063;
}

#formContact .bouton{
	width:80px;
	cursor:pointer;
	color:#333;
	margin:0;
	padding:0;
	font-size:10px;
}
#formContact .bouton:hover {color:#e61132;}

#contenu #formContact .nota {
	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	line-height:12px;
	}
.champRequis{color:#E53625; font-size:9px;}




/* RUBRIQUE REFERENCES */
#bloc-referencesgche, #bloc-referencesgche2 {
	float:left;
	position:relative;
	width:180px;
	margin:0 20px 0 0;
	padding:25px 0 0 0;
	text-align:right;
	min-height:450px;
	}
#bloc-referencesgche ul.liste_sans, #bloc-referencesgche2 ul.liste_sans {margin-left:0;}

#bloc-referencesgche ul.liste_sans li{
  float:left;
  height: 59px;
  padding:26px 0px 0px 0px;
  width:160px;
	margin:5px 0 18px 10px;

}


#bloc-referencesgche ul.liste_sans li.courant a:link, #bloc-referencesgche ul.liste_sans li.courant a:visited,
#bloc-referencesgche ul.liste_sans li a:link, #bloc-referencesgche ul.liste_sans li a:visited {
   display:inline;
   float:left;
   background:#E4E4CB;
	width:150px;
	/*height:15px;  */
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:2px 5px 2px 5px;
	margin:0 0 0px 0px;
	}
#bloc-referencesgche ul.liste_sans li a:link, #bloc-referencesgche ul.liste_sans li a:visited {background:#9E9E87;}
#bloc-referencesgche ul.liste_sans li a:hover, #bloc-referencesgche ul.liste_sans li a:active {background:#E4E4CB; color:#000000;}


#bloc-referencesgche2 ul.liste_sans li{
  float:left;
  height: 30px;
  padding:26px 0px 0px 0px;
  width:160px;
  margin:5px 0 5px 10px;

}

#bloc-referencesgche2 ul.liste_sans li.activ{
  float:left;
  height: 30px;
  padding:26px 0px 0px 0px;
  width:160px;
  margin:5px 0 60px 10px;
}
#bloc-referencesgche2 ul.liste_sans li.activ a:link, #bloc-referencesgche2 ul.liste_sans li.activ a:visited{
  background:#E4E4CB;
  width:150px;
  color:#000000;
  text-decoration:none;
  display:block;
  padding:2px 5px 2px 5px;
  margin:0 0 0px 0;
}


#bloc-referencesgche2 ul.liste_sans li.courant a:link, #bloc-referencesgche2 ul.liste_sans li.courant a:visited,
#bloc-referencesgche2 ul.liste_sans li a:link, #bloc-referencesgche2 ul.liste_sans li a:visited {
	background:#E4E4CB;
	padding:0;
	margin:0;
	width:150px;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:2px 5px 2px 5px;
	margin:0 0 0px 0;
	}
#bloc-referencesgche2 ul.liste_sans li a:link, #bloc-referencesgche2 ul.liste_sans li a:visited {background:#9E9E87;}
#bloc-referencesgche2 ul.liste_sans li a:hover, #bloc-referencesgche2 ul.liste_sans li a:active {background:#E4E4CB; color:#000000;}
			
.bloc-galerie{
	height:85px;
  	width:720px;
  	float:left;
	margin:5px 0 18px 0;

	}

 
/* RUBRIQUE REFERENCES DETAILS */
.bloc-galerie-detail{
	height:50px;
  	width:650px;
  	float:left;
	margin:5px 0 18px 10px;
	}
	
#detailreference_bloc {
	width:240px;
	margin:45px 0 20px 24px;
	float:left;
	padding-right:15px;
	}
	
#contenuTexte p#detailreference_texte {
	font:normal normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#9E9E87;
	}

#contenuTexte div#detailreference_texte_tech {
	font:normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#9E9E87;
	padding:8px 10px 8px 5px;
	margin:10px 0;
	}

#contenuTexte div#detailreference_texte_tech p{
	font:normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFF;
	}
	
#contenuTexte p#detailreference_titre {
	font:small-caps bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color:#9E9E87;
	text-align:left;
	margin:0 0 5px 0;
	}
	
#detailreference_diaporama{
	float:left;
	margin:0 0 0 0;
	}

.bloc-galerie_detail{
	height:40px;
  	width:680px;
  	float:left;
	margin:5px 0 25px 0;
	}