/* CSS Document */



html,body{height:100%;}



.blocTexte{

display : none;

visibility:hidden; 

}





.blocTexte_ouvert{

display : block;

visibility:visible;

}



/* body */

body{ 

  margin:0;

  padding:0;

  

  font-size: 11px;

  font-family:verdana,arial; 

  height: 100%; 

}



/*pour eviter les sauts de ligne*/

table,form,p {margin:0;padding:0;}



table{border-collapse: collapse;}





/* mise en page de la page ....*/



#intro{

  width:820px;

  height:100%;

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

  background-position:center center;

}









#haut{

position : relative;

width: 907px;

height: 166px;

}



#menuhaut{

  position : relative; 

  float:right;

  width: 286px;

  height: 22px;

  margin-bottom:55px;

 

  color:#FFFFFF;

  font-size:11px;



  /*border:1px solid gray;*/

}





#contenu{

 position : relative; 

 width: 886px;

 text-align:left;

 font: 11px verdana; 

 padding-left:20px;

 /*border:1px solid gray;*/

}



#fondContenu{

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

  background-position:bottom left;

  background-repeat: no-repeat;



}



#fondPiece{

  background-image:url(./images/fond-dressing-mesure.jpg);

  background-position:center center;

  background-repeat: no-repeat;

}





#readiapo{

position : relative; 

/*margin-left:40px;*/

width:235px;

text-align:center;

}



#debutActu{

position : relative; 

display:bloc;

/*margin-left:40px;*/



width:235px;

height:100%;

text-align:center;

/*border:1px solid gray;*/

}





#bas{



position : relative;

width: 907px;

height:44px;



bottom:0px;

font-size: 10px;

/*border:1px solid gray;*/



}









/** Liens **/

#intro a{

color:#000000;

font-size:18px;

text-decoration:none;

}



#intro a:hover{

color:#000000;

font-size:18px;

text-decoration:underline;

}



#lienWebcdintro{

color:#000000;

text-decoration:none;
}



#menuhaut a{

color:#FFFFFF;

font-size:11px;

text-decoration:none;

}



#menuhaut a:hover{

color:#FFFFFF;

font-size:11px;

text-decoration:underline;

}
.menuHautLiens {
	width:907px;
	margin:auto;
}

.menuHautLiens a {
	font-size:14px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.menuHautLiens a:hover {
	color:#0000FF;
	text-decoration:none;
}



.adiapo{

 border: #0328AF solid 2px;

}





.titreGras{

color:#000000;

font-weight:bold;

font-size:12px;

text-decoration:none;

}



.titreGras:hover{

color:#393939;

font-weight:bold;

font-size:12px;

text-decoration:none;

}



#lienBas a{

font-size: 10px;

color: #666666;

text-decoration:none;

}



#lienBas a:hover{

font-size: 10px;

color: #666666;

text-decoration:none;

}





a {

color: #4B6AB2;

text-decoration: none;

}



a:hover{

color: #4B6AB2;

text-decoration: underline;

}





/** mise en page **/



.titreBleu{

color:#0328AF;

font-size:30px 

}



.titreBleuP{

color:#0328AF;

font-size:14px 

}





.txtImg{

color:#FFFFFF;

font: 17px verdana; 

}



.reaGrisTxt{

color:#5E5E5E;

font-size:10px 

}





/* champs form*/

.champsTexte{

color:#000000;

border: 1px #4B6AB2 solid;

background-color:#C9DBEC;

font-size:11px;

}





/* bouton envoi*/

.button{

font-weight: bold;

font-size:11px;

border:1px #4B6AB2 solid;

color: #FFFFFF;

background-color:#6380BA;

}



.champsObli{

color:#CC3300;

}



.borderRea{

  border:1px dashed #DC7944;

  border-top:none;

  border-right:none;

  border-bottom:none;

}





h1{

	color:#0066FF;

	font-weight:bold;

	font-size:20px;

}

legend{

	color:#0066FF;

	font-weight:bold;

	font-size:13px;

}

.conteneur {

	background-color:#CCCCCC;

	width:600px;

	height:auto;

	margin-left:auto;

	margin-right:auto;

}

.bandeauProj{

	background-color:#CCCCCC;

	color:#0066FF;

	font-weight:bold;

	font-size:16px;

}

.btn {

    margin-top:3px;

	margin-right:48px;

}

.offre-emplois img{

	text-decoration:none;

	border:none;

}

.offre-emplois {

	color:#FFFFFF;

	width:151px;

	height:35px;

	background-image:url(images/BTN-offre-demploi.jpg);

	background-repeat:no-repeat;

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

	font-size:14px;

	font-weight:bold;

	text-align:center;

}



.offre-emplois:hover {

	background-image:url(images/BTN-offre-demploi-actif.jpg);

	background-repeat:no-repeat;

	color:#000000;

}

div.voirGalerie  {
	background-image:url(images/voir-galerie.jpg);
	background-repeat:no-repeat;
	width:212px;
	height:40px;
	padding-top:65px;
}
div.voirGalerie  a{  margin-left:103px; color:#4b6ab2; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }