/* 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{
display:block;
padding-bottom:0px;
border-bottom:1px solid #fd6814;
padding-top:10px;
font-size:15px;
font-weight:lighter;
letter-spacing:1px;
color:#000;
font-weight:bold;
}
h2{
font-size:16px;
font-weight:lighter;
color:#444;
padding-top:4px;
}
h3{
border-bottom:1px solid #999;
font-size:15px;
display:block;
color:#fd6814;
}
.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#919a86;
}

/*----------------PAGE ACCUEIL------------------*/
.texte{
	float:left;
	width:700px;
	margin:15px 0 0 0;
}
.texte p{
	float:left;
	width:700px;
	text-align:justify;
	line-height:18px;
	
}
.gaucheaccueil{
	float:left;
	width:500px;
	margin:0 10px 0 0;
}
.droiteaccueil{
	float:left;
	width:190px;
	margin:0 0 0 0;
}
.titaccueil{
	font-size:13px;
	font-weight:bold;
	color:#E2702B;
	margin:5px 0 0 0;
}

.puceaccueil{
	float:left;
    width:190px;
	padding:5px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
.puceaccueil ul{
    margin:10px 0 0 5px;
	list-style-type:none;
}

.puceaccueil li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
    
}
.puceaccueil1{
	float:left;
    width:280px;
	padding:5px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
.puceaccueil1 ul{
    margin:10px 0 0 5px;
	list-style-type:none;
}

.puceaccueil1 li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
    
}

.puceaccueil2{
	float:left;
    width:480px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
.puceaccueil2 ul{
    margin:10px 0 0 5px;
	list-style-type:none;
}

.puceaccueil2 li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
    
}
.gaucheaccueil1{
	float:left;
	width:500px;
	margin:0 0px 0 0;
}
.titnews{
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#555555;
	margin:8px 0 0px 0;
	text-align:center;
	width:174px;
	height:22px;
	background-image:url(../images/hautactualites.jpg);
}
.centrenews{
	float:left;
	width:174px;
	background-image:url(../images/centreactualites.jpg);
	margin:0 0px 0 0;

}

.basnews{
	float:left;
	margin:0 0px 0 0;

}
.titnews1{
	font-size:11px;
	font-weight:bold;
	color:#000;
	margin:5px 0 0 5px;
}
.titnews2{
	font-size:11px;
	color:#555555;
	margin:5px 5px 0 5px;
}
#container .infoscommande{
    float:left;
	background-image:url(../images/suite.jpg);
	width:119px;
	height:24px;
	margin:10px 0 0 1px;
}
/*-----------------PAGE ASSOCIES-------------------*/
.traits{
	float:left;
	width:700px;
	height:10px;
	background-image:url(../images/trait.jpg);
	margin:13px 0px 13px 0;

}
/*-----------------PAGE CHIFFRES-------------------*/
.img{
	float:left;

	padding:10px 0px 0 0px;
	

}
.pucechiffres{
	float:left;
    width:340px;
	padding:5px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
.pucechiffres ul{
    margin:10px 0 0 5px;
	list-style-type:none;
}

.pucechiffres li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
    
}
.img1{
	float:left;
	width:700px;
	padding:10px 0px 0 0px;

}
/*------------------PAGE EQUIPE------------------*/
.puceequipe{
	float:left;
    width:689px;
	padding:5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
.puceequipe ul{
    margin:10px 0 0 5px;
	list-style-type:none;
}

.puceequipe li{
      background:url(../images/puce2.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
    
}
.puceequipe1{
	float:left;
    width:689px;
	padding:0px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
}
.puceequipe1 ul{
    margin:5px 0 0 10px;
	list-style-type:none;
}

.puceequipe1 li{
      background:url(../images/puce2.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
	  margin-left:15px
    
}
.titaccu{
	font-size:13px;
	color:#F85F02;
	margin:5px 0 0 0;
}
/*PAGE INFORAMTION*/
.puceinformation{
	float:left;
    width:320px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	margin-right:20px;
	margin-bottom:15px;

}
.puceinformation ul{
    margin:10px 0 0 5px;
	list-style-type:none;
}

.puceinformation li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
    
}
.puceinformations{
	float:left;
    width:600px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	margin-right:20px;
	margin-bottom:15px;

}
.puceinformations ul{
    margin:10px 0 0 5px;
	list-style-type:none;
}

.puceinformations li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
    
}
.puceinformation1{
	float:left;
    width:320px;
	padding:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	margin-right:20px;
	margin-bottom:15px;
	margin-top:-60px

}
.puceinformation1 ul{
    margin:10px 0 0 5px;
	list-style-type:none;
}

.puceinformation1 li{
      background:url(../images/puce.jpg) no-repeat ;
	  padding:5px 0 2px 20px;
    
}
/*PAGE REFERENCES*/
#bloc1{
	float:left;
	width:700px;
	margin:0px 0px 0px 0;
	
}

#bloc2{
	float:left;
	width:700px;
	margin:0px 0px 0px 0;
}
#bloc3{
	float:left;
	width:700px;
	margin:0px 0px 0px 0;
}
.referencesbloc{
	float:left;
	width:205px;
	margin:5px 15px 5px 0;

}
.hautref{
	float:left;
	width:205px;
	height:34px;
	background-image:url(../images/referenceshaut.jpg);
}
.centreref{
	float:left;
	width:205px;
	background-image:url(../images/referencescentre.jpg);
}
.basref{
	float:left;
	width:205px;
	margin:0 0 0 0;
}
.titref{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	text-align:center;
	width:205px;
	padding:8px 0 0 0px;
}
.titsite{
	float:left;
	font-size:11px;
	color:#555555;
	text-align:center;
	padding:8px 0 0 0px;
	width:205px;
}
.imgref{
	float:left;
	padding:8px 0 0 0px;
	text-align:center;
	width:205px;
}
/*PAGE IFP*/
.ifpgauche{
	float:left;
	width:490px;
	margin:15px 10px 0px 0;
}
.ifpdroite{
	float:left;
	width:690px;
	text-align:justify;
	margin:0px 5px 0px 10px;
}
/*-----------PAGE OFFRES---------------*/
.titoffres{
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
#container .txtoffres{
	font-size:12px;
	color:#555555;
	text-align:justify;
	margin:0 2px 0 2px;
}
/*PGAE CONTACT*/
.contenucontact{
	float:left;
	width:580px;
	margin:0 0px 5px 0;
}
.contact {
	float:left;
	margin:7px 0 7px 0px;
	width:580px;
}
.gauchecontact{
	float:left;
	width:420px;
	margin:0px 5xp 0px 0;
}
.droitecontact{
	float:left;
	width:130px;
	margin:0px 0 5px 0;
	text-align:right;
}
.formulaire{
	float:left;
	width:690px;
	margin:0px 0xp 0px 0;
}
.bleunuit{
	font-size:11px;
	color:#000;
}

#container .loi {
	font-size:10px;
	color:#555555;
}
.form {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #BEBEBE;
	border-color:#BEBEBE;
	border:1px solid #BEBEBE;
}
.form1 {
	FONT-SIZE: 11px; 
	WIDTH: 10px; 
	COLOR: #000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #BEBEBE;
	border-color:#BEBEBE;
	border:1px solid #BEBEBE;
}
.formulairebouton {
	FONT-SIZE: 11px; 
	WIDTH: 100%; 
	COLOR: #000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #BEBEBE;
	BORDER-BOTTOM: medium none;
	BORDER-RIGHT: medium none; 
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	border-color:#BEBEBE;
	
}
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact textarea{
	width:100%;
	border:1px solid #BEBEBE;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#BEBEBE;
}
#formContact .champRequis{
	color:#BEBEBE;
}

/*----------------PAGE ACTUALITES-----------------*/
/*PAGE REFERENCES*/
#blocactualites{
	float:left;
	width:700px;
	margin:0px 0px 0px 0;
}
.actualitesbloc{
	float:left;
	width:700px;
	margin:5px 0px 5px 0;
}
.hautactu{
	float:left;
	width:655px;
	height:34px;
	background-image:url(../images/hautact.jpg);
	background-repeat:no-repeat
}
.centreact{
	float:left;
	width:655px;
	background-image:url(../images/centreactu.jpg);

}
.centreact p{
	float:left;
	width:620px;
	padding-right:5px

	
}
.basact{
	float:left;
		width:620px;
	margin:0 0 0 0;
}
.titactu{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	width:205px;
	padding:8px 0 0 15px;
}
.dateactu{
	float:right;
	font-size:12px;
	color:#555555;
	width:205px;
	padding:8px 15px 0 13px;
	text-align:right;
}
.client{
	float:left;
	font-size:12px;
	color:#000;
	width:625px;
	padding:8px 10px 0 15px;
}
.discactu{
	float:left;
	font-size:12px;
	color:#555555;
	width:625px;
	padding:8px 10px 0 15px;
}
/*-----------------PAGE PRESSE--------------*/
.discactupresse{
	float:left;
	font-size:12px;
	color:#555555;
	width:405px;
	padding:8px 10px 0 0px;
}
.imgpresse{
	float:left;
	width:200px;
	margin:8px 10px 0 15px;
	border:1px solid #555555;
}

/*PAGE IFP*/
.ifpgauche{
	float:left;
	width:490px;
	margin:15px 10px 0px 0;
}
.ifdroite{
	float:left;
	width:200px;
	margin:0px 0px 0px 0;
}
/*-------------------------------PAGE PLAN-----------------------*/
.plan{
	float:left;
	width:700px;
	margin:15px 0 0 0;
	background-image:url(../images/plan.gif);
}

/*----------------------------------*/
#centremetier {
	position: relative;
	width: 366px;
	height:254px;
	margin-left:80px
}

#Layer1 , #Layer2, #Layer3, #Layer4,{
	width:230px;
	height:60px;
	position:absolute;

}
#Layer1 {
	position:absolute;
	left:100px;
	top:3px;
	width:200px;
	height:33px;
	

}
#Layer2 {
	position:absolute;
	left:-65px;
	top:103px;
	width:180px;
	height:28px;

}
#Layer3 {
	position:absolute;
	left:262px;
	top:101px;
	width:99px;
	height:35px;

}
#Layer4 {
	position:absolute;
	left:110px;
	top:205px;
	width:145px;
	height:39px;
}
#Lay1 , #Lay2, #Lay3, #Lay4,{
	width:150px;
	height:60px;
	position:absolute;
	background-color:#fff;
}
#Lay1 {
	position:absolute;
	left:155px;
	top:3px;
	width:120px;
	height:33px;

}
#Lay2 {
	position:absolute;
	left:4px;
	top:103px;
	width:95px;
	height:28px;

}
#Lay3 {
	position:absolute;
	left:262px;
	top:101px;
	width:99px;
	height:35px;

}
#Lay4 {
	position:absolute;
	left:151px;
	top:205px;
	width:77px;
	height:39px;
}
#affiche_mesure1{
	width:200px;
	height:250px;
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:0px;
	text-align:justify;


}
#affiche_mesure2{
	width:250px;
	height:250px;
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:0px;
	text-align:justify

}#affiche_mesure3{
	width:200px;
	height:250px;
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:0px;
		text-align:justify

}#affiche_mesure4{
	width:250px;
	height:250px;
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:0px;
		text-align:justify

}
#aff_mesure1{
	width:200px;
	height:250px;
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:0px;
	text-align:justify;
	border:1px solid red


}
#aff_mesure2{
	width:250px;
	height:250px;
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:0px;
	text-align:justify

}#aff_mesure3{
	width:200px;
	height:250px;
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:0px;
		text-align:justify

}#aff_mesure4{
	width:250px;
	height:250px;
	float:left;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	background-repeat:no-repeat;
	padding-left:11px;
	padding-top:0px;
		text-align:justify

}
.texte1{
	float:left;
	width:680px;
	margin:0px 0 20px 0;
}
.texte2{
	float:left;
	width:500px;
	margin:0px 0 0 0;
}

.dateoffres{
	float:left;
	font-size:12px;
	color:#555555;
	width:250px;
	padding:8px 10px 0 15px;
}
#container .infosoffre{
    float:right;
	background-image:url(../images/offre.gif);
	width:288px;
	height:28px;
	margin:10px 15px 0 0px;
}
#container .infosoffre1{
    float:right;
	background-image:url(../images/plus.gif);
	width:100px;
	height:28px;
	margin:10px 15px 0 0px;
}
.titreoffre{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#FE6A16;
	width:205px;
	padding:8px 0 0 15px;
}

.input_err{
border:2px solid #E75858 !important;
}
.input_err1{
border:2px solid #E75858 !important;
border-right:none !important;
}
.input_err2{
border:2px solid #E75858 !important;
border-right:none !important;
border-left:none !important;
}
.input_err3{
border:2px solid #E75858 !important;
border-left:none !important;
}
.err_report{
text-align:left;
padding:10px;
border:1px solid #000000;
font-weight:bold;
color:#FFFFFF;
background: #FC6913;
}
.err_report ul {
padding:0 0 0 20px;
}
.err_report ul li{
font-weight:normal;
}
#lettre_motivation,#cv{
height:24px;
}


#centremetier1 {
	position: relative;
	width: 366px;
	height:254px;
	margin-left:0 px;
	margin-top:0px
	
}
.txt-metier{
font-size:9px;}
.specialcouleur{
color:#E2702B;
font-weight:bold;
font-size:13px
}