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



h1,h2,h3,h4 {margin:0;}

b{

	color:#FFD000;

	font-weight:bold;

}

.lien_popup {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	font-size:11px;

	color:#096DA7;

	text-decoration:none;

}

.lien_popup:hover {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	font-size:11px;

	color:#096DA7;

	text-decoration:underline;

}



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

#liabeuf_droite{

	margin:10px 0 0 10px;

	float:right;

	padding:30px 10px 10px 10px;

	float:right;

	width:180px;

	height:180px;

	background: url(../images/accueil_liabeuf/encart_infos.gif) no-repeat scroll right top;

	font-family:"Trebuchet MS", Arial, sans-serif;

	font-weight:bold;

	font-size:10px;

	text-align:left;

	line-height:16px;

	color: #096DA7;

	/*border:1px solid #000;*/

}

*html #liabeuf_droite{

	padding:40px 10px 10px 10px;

}

#liabeuf_droite p{

	margin-bottom:20px;

}

#liabeuf_gauche{

	margin:10px 0 0 0;

	float:left;

	padding:0;

	width:430px;

	/*border:1px solid #000;*/

}

#liabeuf_droite a {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	color:#096DA7;

	text-decoration:none;

}

#liabeuf_droite a:hover {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	color:#096DA7;

	text-decoration:underline;

}

/****************************************** SOCIETE ******************************************/

#societe_gauche{

	margin:0;

	float:left;

	padding:0;

	width:630px;

	/*border:1px solid #000;*/

}

#societe_gauche li{

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

	margin-left:18px;

	margin-bottom:10px;

}

/*********************** AGENCE ***********************/

#agence_gauche{

	margin:0;

	float:left;

	padding:0;

	width:630px;

	/*border:1px solid #000;*/

}

#agence_gauche li{

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

	margin-left:18px;

	margin-bottom:20px;

}

/*********************** CHIFFRES CLES ***********************/

#chiffres_gauche{

	margin:0;

	float:left;

	padding:0;

	width:430px;

	/*border:1px solid #000;*/

}

#chiffres_gauche li{

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

	margin-left:18px;

	margin-bottom:20px;

}

#chiffres_droite{

	margin:10px 0 0 10px;

	float:right;

	padding:30px 10px 10px 10px;

	float:right;

	width:190px;  

	height:170px;

	/*   MODIF FB le 08/06/2011 width=180px, height=160px      */
	
	background: url(../images/societe/encart_infos.jpg) no-repeat scroll right top;

	font-family:"Trebuchet MS", Arial, sans-serif;

	font-weight:bold;

	font-size:10px;

	text-align:justify;

	line-height:16px;

	color: #096DA7;

	/*border:1px solid #000;*/

}

*html #chiffres_droite{

	padding:40px 10px 10px 10px;

}

#chiffres_droite a {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	color:#096DA7;

	text-decoration:none;

}

#chiffres_droite a:hover {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	color:#096DA7;

	text-decoration:underline;

}

/****************************************** SERVICE ******************************************/

#service{

	margin:0;

	float:left;

	padding:0;

	width:630px;

	/*border:1px solid #000;*/

}

#service li{

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

	margin-left:30px;

	margin-bottom:5px;

}

.tableau01{

	font-family:"Trebuchet MS", Arial, sans-serif;

	font-weight:bold;

	font-size:10px;

	color:#003C61;

}

.tableau{

	font-family:"Trebuchet MS", Arial, sans-serif;

	font-weight:bold;

	font-size:12px;

	color:#003C61;

}

#servicecadre{

	padding:0;

	margin:0;

	float:left;

	width:310px;

	/*border:1px solid #000;*/

}

#servicecadre li{

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

	margin-left:20px;

	margin-bottom:0px;

	margin-right:0px;

}

#servicecadre ul{

	margin:0 0 0 20px;

	padding:0;

}

/****************************************** REFERENCES ******************************************/

#references{

	margin:0;

	float:left;

	padding:0;

	width:630px;

	/*border:1px solid #000;*/

}

#references img{

	margin:0 80px 20px 0;

	padding:0;

	/*border:1px solid #000;*/

}



/****************************************** RECRUTEMENT ******************************************/

#contenu #recrutement{
	margin:0;
	float:right;
	padding:0;
	width:630px;
	/*border:1px solid #000;*/
}

#recrutement li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-left:20px;
	margin-bottom:0px;
	margin-right:0px;
}

#recrutement ul{
	margin:0 0 0 20px;
	padding:0;
}

/****************************************** NEWS ******************************************/

#news{

	margin:0;

	float:left;

	padding:0;

	width:630px;

	/*border:1px solid #000;*/

}

#news img{

	margin:0 0 10px 10px;

}

#pointille{

	border-bottom:2px dashed #2F93CD;

	width:250px;

}

/****************************************** ADMIN ******************************************/

#admin{
	margin:0 auto 0 auto;
	background: url(../images/charte/bg-interface.jpg) no-repeat scroll center top;
	display:table;
	overflow:none;
	height:100%;
	margin:0;
	float:left;
	padding:0;
	width:930px;
	
}

#admin a {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	color:#FFFFFF;

	text-decoration:none;

}


#admin td {

	color:#FFFFFF;

}


#admin p {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	color:#FFFFFF;

	text-decoration:none;

}

#admin a:hover {

	font-family:"Trebuchet MS", Arial, sans-serif;;

	font-weight:bold;

	color:#FFCC66;

	text-decoration:underline;

}



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

#contact{

	margin:0;

	float:left;

	padding:0;

	width:630px;

}

#contact li{

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

	/*margin-left:20px;*/

	margin-bottom:20px;

	margin-right:0px;

	padding:0;

}

#contact ul{

	margin:0;

	padding:0;

}

#contactTxt1{

	width:52%;

	float:left;

	/*border:1px white solid;*/

}

#contactTxt2{

	width:45%;

	float:right;

	/*border:1px white solid;*/

}

#formContact input, select{

	width:200px;

	border:1px solid #000;

	font-size:12px;

}

#formContact textarea{

	width:530px;

	border:1px solid #000;

	font-size:12px;

}

*html #formContact textarea{

	width:535px;

	border:1px solid #000;

	font-size:12px;

}

#formContact input:focus,textarea:focus{

	border-color:#FF0000;

}

#formContact .champRequis{

	color:#FF0000;

}



#catalogue-list{

	font-family:"Trebuchet MS", Arial, sans-serif;

	font-weight:normal;

	color: #000;

	margin:0px 10px 0px 20px;

	padding:0px;

	width:410px;

	float:left;

	line-height:13px;

	vertical-align:top;



}











#catalogue-list a, a:hover{

	font-family:"Trebuchet MS", Arial, sans-serif;

	font-weight:normal;

	font-size:1em;

	color: #FFF;

	margin

}







#catalogue-vignette{

	margin:0;

	padding:0;

	width:180px;

	height:120px;

	float:left;

	text-align:center;

	border: 1px dotted #FFF;



}

#pagination{

	text-align:center;

	width:100%;

}

.erreur{

	color : red;

	font-size:11px;

	font-weight:bold;

}



.input_rech {

	width:130px;

	font-size:11px;

}

div.infoPlus {
	background-color: #2185C1; 
	position: absolute; 
	top: 50%; 
	right: 50%;
	margin-right: -257px; 
	margin-top: -200px;
	width: 515px; 
	padding: 12px 6px; 
	padding-top: 0; 
	border: 2px solid #FFD800; 
	z-index: 100;
	color: white;
	font-size: 13px;
}

div.infoPlus h2 {
	color: #FFD800;
	text-align: center;
	margin: 5px 0;
}

div.infoPlus div.label {
	width: 135px; 
	text-align: right; 
	float: left; 
	font-weight: bold;
}

div.infoPlus div.content {
	float: left; 
	text-align: left; 
	padding-left: 5px;
}

div.infoPlus .clearer {
	width: 100%;
}