/* ----------------------------------- */
/* ------------- GENERAL ------------- */
/* ----------------------------------- */
.rouge {
  color: #b10c10;
}
.gris {
  color: #727272;
}
.gras {
  font-weight: bold;
}
/* ----------------------------------- */
#ariane-rouge
{
margin-top:10px;
margin-left:8px;
color:#7c131a;
font-size:12px;
}
#ariane-rouge a
{
margin-top:10px;
margin-left:10px;
color:#7c131a;
font-size:12px;

}
h1 {
  float: left;
  margin-left: 20px;
  margin-top: 15px;
}
#centre-affaire-multiservice {
  float: left;
  margin-top: 20px;
  margin-left: 30px;
}
#intro-home {
  float: left;
  margin-left: 180px;
  margin-top: 15px;
  background: url(/images/bg-intro-site.gif) 0 0 no-repeat;
  padding-left: 10px;
  height: 47px;
  width: 630px;
}
#titre-intro-home {
  color: #b10c10;
  font-weight: bold;
  padding-top: 5px;
}
#txt-intro-home {
  color: #727272;
  margin-right: 20px;
}
#content-home {
  clear: both;
  position: absolute;
  top: 40px;
  left: -20px;
}
#content-table-home {
  position: absolute;
  margin-top: -205px;
}
#content-table-home ul {
  margin-left: 320px;
}
#content-table-home li {
  float: left;
  width: 235px;
  height: 84px;
  border: 3px solid #696969;
  margin-left: 5px;
  margin-top: 5px;
  position: relative;
}
/*#content-table-home li p {
  margin-left: -10px;
}*/
#content-table-home li p.fond{
  width: 235px;
  height: 25px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#content-table-home li p.titre{
  width: 235px;
  height: 20px;
  position: absolute;
  bottom: 0px;
  left: 5px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.lettreRouge {
  color: #B10C10;
  font-size: 16px;
}

#logo-simple{
margin-top:10px;
}
#text-intro1{
font-size:12px;
letter-spacing:-1px;
color:#727272;
margin-left:28px;
padding-bottom:33px;
margin-top:-20px;
font-style:arial;
width:530px;
}
#text-intro2{
font-size:12px;
letter-spacing:-1px;
color:#727272;
font-style:arial;
margin-left:38px;
margin-top:-20px;

}
#content-bureau{
 margin-top:15px;
 background: url(/images/bg-bureau.jpg) 0 0 no-repeat;
 background-position:bottom;
 height:210px;
 width:572px;
}

#content-bureau ul{
margin-left:25px;
margin-top:25px;
}
#content-bureau li{
margin-top:3px;
}
#content-bureau ul span{
color:#727272;	
text-decoration:underline;	
margin-left:5px;
}
#bureau-photo{
float:right;
margin-right:48px;
margin-top:-255px;
display:block;
width:231px;
height:264px;
background: url(/images/photo-bureau.jpg) 0 0 no-repeat;
}
#flash-location-bureau{
	margin-left:10px;
	padding-top:17px;
}
#bureau-contact{
margin-left:15px;	
margin-top:18px;
}
.gras{
font-weight:bolder;
font-size:12px;
color:#727272;
text-decoration:none;	
letter-spacing:-1px;
}
.italic{
font-style: italic;
font-size:12px;
color:#727272;
text-decoration:none;	
letter-spacing:-1px;
}
#content-org{
 margin-top:15px;
 background: url(/images/bg-bureau.jpg) 0 0 no-repeat;
 background-position:bottom;
 height:210px;
 width:572px;
}
#content-org ul{
margin-left:25px;
margin-top:25px;
}
#content-org li{
margin-top:8px;
color:#727272;	
}
#content-org ul span{
margin-left:5px;
font-size:12px;
letter-spacing:-1px;
color:#727272;
font-style:arial;
}
#logo-org{
margin-top:10px;
margin-left:10px;
}
#org-photo{
float:right;
margin-right:52px;
margin-top:-255px;
}
#logo-location{
margin-top:15px;
margin-left:10px;
}
#content-location{
 margin-top:15px;
 background-position:bottom;
 height:210px;
 width:572px;
}
#location-intro{
font-size:12px;
letter-spacing:-1px;
color:#727272;
margin-left:24px;
padding-bottom:33px;
margin-top:-20px;
font-style:arial;
width:530px;
}
#location-photo{
float:right;
margin-right:44px;
margin-top:-240px;
display:block;
width:223px;
height:264px;
background: url(/images/bg-blanc.jpg) 0 0 no-repeat;
}
#flash-location-salle{
	margin-left:5px;
	padding-top:22px;
}
#savoir{
margin-left:24px;
margin-top:-25px;
}
#location-contact{
margin-left:22px;
margin-top:10px;}
.location-text{

margin-left:24px;
}
.location-text p{
margin-top:2px;
font-size:12px;
letter-spacing:-1px;
color:#727272;}
#text-fond-gris{
background:url(/images/bg-location.gif) 0 0 no-repeat;
height:51px;
width:293px;
margin-left:22px;
margin-top:8px;
}
#text-fond-gris P{
font-size:12px;
letter-spacing:-1px;
color:#727272;
margin-left:20px;
margin-top:2px;
}
#content-dom p{
margin-left:24px;
width:530px;
font-size:12px;
letter-spacing:-1px;
color:#727272;
margin-top:10px;
}
#logo-dom{
margin-top:15px;
margin-left:2px;
}
#text-fond-gris-dom{
background:url(/images/bg-dom.jpg) no-repeat;
background-position:bottom;
height:105px;
width:556px;
margin-top:8px;
}
#text-fond-gris-dom P{
font-size:12px;
letter-spacing:-1px;
color:#727272;
margin-left:24px;
margin-top:2px;
}
#text-deplace{
margin-left:15px;
margin-top:0px;
}
#text-deplace p{
margin-top:9px;
}
#dom-photo{
float:right;
margin-right:52px;
margin-top:-254px;
}
#dom-contact{
margin-left:12px;
margin-top:25px;}
#content-car p{
margin-left:36px;
width:330px;
font-size:12px;
letter-spacing:-1px;
color:#727272;
margin-top:0px;
}
#car-photo{
float:right;
margin-right:50px;
margin-top:-310px;
}
#photo-zone{
margin-top:10px;
margin-left:45px;
}
#text-plan{
margin-left:10px;
margin-top:-5px;
}
#plan-photo{
float:right;
margin-right:160px;
margin-top:-280px;
}
#addresse-plan{
margin-top:5px;
margin-left:-30px;
width:300px;
}
#addresse-plan p{
clear:both;
float:right;
font-size:12px;
letter-spacing:-1px;
color:#727272;
margin-top:5px;
}
#partenaires{
	height:261px;
	width:763px;
	padding-bottom:35px;
	padding-left:40px;
	background: url(/images/bord-rouge.gif) top right no-repeat;
}
.content-partenaires{
	height:61px;
	width:712px;
	padding-left:12px;
	background: url(/images/fond-partenaires.gif) top left repeat-x;
}
.content-partenaires .logo{
	padding-left:18px;
	margin-top:8px;
	float:left;
}
.content-partenaires .txt{
	width:410px;
	float:left;
	margin-top:8px;
	padding-left:22px;
    color:#727272; 
    font-style:arial;
	font-size:12px;
}
.content-partenaires .savplus{
	padding-left:18px;
	margin-top:8px;
	float:left;
}

#list-gauche{
	margin-left:30px;
	padding-bottom:20px;
	float:left;
}
#list-droite{
	margin-left:100px;
	float:left;
}
#plan-site{
	height:250px;
}
#plan-site a{
	letter-spacing:-1px;
    color:#727272; 
    font-style:arial;
	font-size:12px;
}
#plan-site li{
	margin-bottom:5px;
}
#plan-site img{
	padding-right:10px;
}

#content-formulaire{
 margin-top:0px;
 background: url(/images/bg-formulaire.gif) 0 0 no-repeat;
 background-position:bottom;
 height:210px;
 width:572px;
}

#formulaire-left ul{
width:220px;
margin-left:50px;
margin-top: -10px;
}
#formulaire-left li{
width:220px;
clear:both;
float:left;
margin-top:5px;
font-size:12px;
letter-spacing:-1px;
color:#727272;
}
#formulaire-left li label{
  display: block;
  float: left;
  width: 80px;
  font-size:12px;
}
#formulaire-left li  input{
  width: 120px;
  height:15px;
  border:1px solid #7c131a;
}
#formulaire-left {
clear: both;
width:210px;
float:left;
margin-left:5px;
margin-top: 5px;
display: inline;
}
#formulaire-right{
width:210px;
float:left;
margin-top: 5px;
margin-left:110px;


}
#formulaire-right ul{
float:right;
width:220px;
margin-top:-10px;

}
#formulaire-right li{
width:220px;
clear:both;
float:left;
margin-top:5px;
font-size:12px;
letter-spacing:-1px;
color:#727272;

}
#formulaire-right li label{
  display: block;
  float: left;
  width: 85px;
  font-size:12px;
}
#formulaire-right li  input{
  width: 120px;
  height:15px;
  border:1px solid #7c131a;
}

#formulaire-intro{
font-size:12px;
letter-spacing:-1px;
color:#727272;
margin-left:50px;
padding-bottom:20px;
font-style:arial;
width:530px;
}
#message {
clear:both;
margin-top:15px;
margin-left:55px;
font-size:12px;
padding-bottom: 5px;
color:#727272;
}
#message-input {
margin-left: 138px;
display: inline;
font-size:12px;

color:#727272;
}
#attention
{
clear:both;
float:left;
margin-top:15px;
margin-left:50px;
font-size:10px;
letter-spacing:-1px;
color:#727272;
}
#valider{
clear:both;
float:left;
margin-left:390px;
margin-top:-10px;
}
#formulaire-photo{
float:right;
margin-right:52px;
margin-top:-275px;
}

#error {
color: black;
width: 200px;
position: absolute;
text-align: center;
border: 1px black solid;
padding: 5px;
background-color: white;
margin: 100px 200px;
cursor: pointer;
}

/***************/
/* AJOUT DAVID */
/***************/

#logoPage {
  display: block;
  margin: 5px 0 0 10px;
  }

#colGauche {
  float: left;
  width: 550px;
  margin: 0 10px 0 0;
  letter-spacing:-1px;
  color:#727272; 
  font-style:arial;
  }

#colDroite {
  float: right;
  width: 234px;
  height: 261px;
  margin: 0 10px 20px 0;
  background: url(/images/bg-document.jpg) 0 0 no-repeat;
  }

.textePage {
  text-align: justify;
  margin: 10px 0 0 50px;
  font-size:12px;
  }

.titreListe {
  padding-left: 45px;
  text-align: left;
  margin: 10px 0 0 5px;
  font-size:12px;
  background: url(/images/bg-titre-liste.jpg) left bottom no-repeat;
  }

.blocListe {
  width: 520px;
  padding: 5px 0 5px 45px;
  text-align: justify;
  margin: 0 0 0 5px;
  font-size: 12px;
  background: url(/images/bg-liste.jpg) 0 0 no-repeat;
  }

.blocListe li {
  font-size: 12px;
  margin: 10px 0;
  }

.boutonBas {
  display: inline;
  margin: 10px 0 5px 50px;
  }

#cadreDocument {
  margin: 15px 0 0 16px;
  }
/*****************************/
  
#colGaucheGal {
  float: left;
  width: 608px;
  height: 266px;
  margin: 0 0 0 38px;
  *margin: 0 0 0 20px;
  background: url(/images/bg-galerie.jpg) left bottom no-repeat;
  }

#cadreGalerie {
  margin: 13px 0 0 11px;
  }

#colDroiteGal {
  float: right;
  width: 131px;
  margin: 10px 20px 0 0;
  }
/* Ca marche Yannick, t'embête pas !!!*/
.cadreListeGalerie {
  width: 117px;
  height: 30px;
  margin: 0 0 0 7px;
  padding-top: 7px;
  filter:alpha(opacity=20);
  -moz-opacity:0.2;
  opacity: 0.2;
  }
.cadreListeGalerieNet {
  width: 117px;
  height: 30px;
  margin: 0 0 0 7px;
  padding-top: 7px;
  }
  
.listeGalerie {
  width: 131px;
  height: 44px;
  background: url(/images/bg-liste-galerie.jpg) left bottom no-repeat;
  }
#popup {
  display: none;
  position: absolute;
  border: 1Px solid #000;
  z-index: 300;
  margin-left: 70px;
  cursor: pointer;
}