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

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

#contact_fomulaire input,textarea{
	width:200px;
	border:1px solid #424242;
	font-size:12px;
	color:#000;
	background-color:#B0B0B0;
	font-family:Arial, Helvetica, sans-serif;

}

#contact_fomulaire input:focus,textarea:focus{
	border:1px solid #DCDCDC;
}
.champRequis{
	color:#fff;
}

#contact_fomulaire {
	width:350px;
	float:left;
	margin-bottom:10px;
	margin-left:20px;
}

#separation {
	float:left;
	width:30px;
	height:539px;
	background-image:url(../images/charte/sep.gif);
	background-repeat:no-repeat;
}

#contact_fomulaire #formContact  .bouton {
	border:1px solid #424242;
	font-size:12px;
	color:#000;
	background-color:#B0B0B0;
	font-family:Arial, Helvetica, sans-serif;
	width:153px;
}

#contact_fomulaire #formContact  .bouton:focus {
	color:#DCDCDC;
}

.titre_parti {
	width:200px;
	margin-bottom:15px;
	margin-left:0px;
}


#contact_coordonnees {
	width:270px;
	float:left;
	margin-bottom:20px;

}


#contact_plan {
	width:240px;
	float:left;
	margin-left:20px;
	margin-top:30px;

}

.dec {
	margin-bottom:30px;
}

.dec2 {
	margin-left:50px;
}

#caractristik{
	width:270px;
	float:left
}

#texte .txt_bas{
	font-size:9px;
	line-height:1.4em;
	text-align:justify;
}


#contact_fomulaire #formContact .capa{
	width:155px;
	border:1px solid #424242;
	font-size:12px;
	color:#000;
	background-color:#B0B0B0;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire #formContact .capa:focus{
	border:1px solid #DCDCDC;
}

#contact_fomulaire label {
	font-size:12px;
	color:#515151;
	line-height:1.8em;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}


#texte .loi {
	width:650px;
	padding-top:20px;
	padding-bottom:20px;
}



/* ------------------------------- Général ------------------------------- */



#contenu .enval {
	color:#158DA8;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu .enval3 {
	color:#CEE5A6;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu .enval2 {
	color:#37578e;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-bottom:0px;
	margin-top:7px;
}

#contenu .envalcenter {
	color:#006600;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:480px;
	margin-left:80px;
	margin-bottom:15px;
}


#contenu li {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce1.gif);
	line-height:1.8em;
	text-align:justify;
	color:#515151;
	
}
#contenu ul {
	margin-left:40px;
	margin-bottom:10px;
	margin-top:5px;
	line-height:1.8em;
}

/*---------------------------------- Accueil ----------------------------------*/

.galerie11 {
	width:530px;
	float:left;
	margin-left:40px;
	margin-top:20px;
	margin-bottom:10px;
}
/*-------------------------- Galerie  ---------------------------*/

#contenu #galerie {
	margin-top:20px;
	width:510px;
	float:left;
	height:150px;
}


#contenu #defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenu #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenu #flowcut {
  width: 450px;
  overflow: hidden;
  position: relative;
  }
#contenu #flow{
  position: relative;
  }
#contenu .vign{
  float: left;
  margin-right :10px;
  width: 142px;

  }

/*---------------------------------- Laminage ----------------------------------*/

#droite {
	float:left;
	width:430px;
	margin-right:20px;
}

#pave {
	width:230px;
	float:left;
}
.pavetop {
	width:230px;
	height:34px;
	float:left;
	background-image:url(../images/charte/pavetop.gif);
	background-repeat:no-repeat;
}

.pavecont{
	width:230px;
	float:left;
	background-image:url(../images/charte/pavecont.gif);
	background-repeat:repeat-y;
}

#pave .pavecont .titre {
	width:205px;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:7px;
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}


#pave .pavecont .txt {
	width:205px;
	float:left;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:7px;

}


.pavebas{
	width:230px;
	height:47px;
	float:left;
	background-image:url(../images/charte/pavebqs.gif);
	background-repeat:no-repeat;
}

#contenu #texte #pave .liste {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url(../images/charte/puce3.gif);
	text-align:justify;
	color:#000000;
	
}

#contenu #texte #pave .listeul {
	width:175px;
	margin-left:35px;
	margin-top:5px;
	margin-bottom:7px;
}

/*---------------------------------- Impression stratifiée ----------------------------------*/

#droiteimp {
	float:left;
	width:350px;
	margin-right:20px;
	padding-bottom:20px;
}

#imagim {
	width:260px;
	float:left;
	padding-bottom:20px;
}

#imagim img {
	border:none;
}

/*---------------------------------- Structures d’exposition ----------------------------------*/

#exposition {
	float:left;
	width:680px;
	padding-bottom:20px;
	margin-top:20px;
	text-align:left;
}

#exposition .image {
	float: left;
	width:167px;
	margin-right:20px;
	margin-bottom:20px;
	margin-left:0px;
}

#exposition .image img {
	border:none;
}
#texte #exposition .image p{
	text-align:center;
	font-weight:bold;
	margin-top:5px;
}
#logo {
	float:left;
	width:200px;
	margin-left:200px;
	margin-bottom:30px;
}


#test{
display:none;
}