/*=======================================CSS=====
	Feuille de style
	Site : 
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000;
  text-align:center;
  background:url(../medias/bg-general.png) top left repeat-x #2d0817;
}
table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:justify;
}
th{
	font-weight:normal;
    text-align:left;
    font-size:12px;
}
a:link, a:hover, a:visited, a:active{
	color:#300617;
    display:inline-block;
	text-decoration:none;
    padding:1px 5px;
    text-decoration:underline;
}
a:hover{
	text-decoration:none;
    background:#c96728;
    color:#fff;
}
img{
	margin:0;
	padding:0;
	border:0;
}


#conteneur{
 	width:938px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
  
	background:url(../medias/bg-conteneur.png) top left no-repeat;  
}
 
#entete{
 	width:100%;
	height:332px;
	margin:0;
	padding:0;
	z-index:5;
	background:url(../medias/bg-entete.jpg) top left no-repeat;
}

#menu{
 	width:938px;
	height:26px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:310px;
    background:url(../medias/bg-menu-2.png) top left repeat-x;
}
h1#logo{
	width:350px;
    padding: 131px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:131px;
	z-index:5;
	position:absolute;
	top:0px;
	left:14px;
}
#menu ul, #menu li{
 	padding:0;
	margin:0;
	list-style:none;
}

.item, .item_actif {
 	padding:0;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	/*width:110px;*/
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
}

.item a:link, .item a:visited, .item a:active{
	color:#fff;
 	background:none;

	/* partie de code a repeter */
	text-decoration:none;
	padding:7px 20px 5px 20px;
	margin:0;
	display:inline-block;
	height:14px;	/* init 26*/
}
.item a:hover{
	color:#fff;
 	background:url(../medias/bg-item-on.png) top left repeat-x;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:7px 20px 5px 20px;
	margin:0;
	display:inline-block;
	height:14px;	/* init 26*/
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:active{
	color:#fff;	
 	background:url(../medias/bg-item-on.png) top left repeat-x;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:7px 20px 5px 20px;
	margin:0;
	display:inline-block;
	height:14px;	/* init 26*/
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	color:#fff;	
 	background:url(../medias/bg-item-on.png) top left repeat-x;

	/* partie de code a repeter si homogeneite souhaite */
	padding:7px 20px 5px 20px;
	margin:0;
	display:inline-block;
	height:14px;	/* init 26*/
}


#corps{
	width:898px;	/* init 938*/
    width:938px;
	padding:60px 20px 10px 20px;
    padding:60px 0 0 0;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	position:relative;
	background:url(../medias/bg-corps.png) top left no-repeat;
}
#charte{
	background:url(../medias/bg-charte.png) top left no-repeat;
	height:371px;	/*init 451*/
	width:237px;	/*init 297*/
	text-align:left;
	padding:40px 30px;
    margin:20px 10px 10px 20px;
	font-size:13px;
    float:left;
}
#references, #mentions{
	width:230px;	/*init 260*/
	text-align:left;
	font-size:13px;
    position:absolute;
    top:550px;
    left:30px;
    border:1px solid #ddd;
    background:#efefef;
    padding:10px 20px;
}
#mentions *{
	text-align:left;
    font-size:12px;
}

#charte p{
	font-size:12px;
}
#charte span{
	color:#c76528;
	font-weight:bold;
}
#contenu{
    
	width:550px;	/*init 550*/
	padding:0 0 0 20px;
	margin:0 0 0 325px;
    text-align:left;
    font-size:12px;
}
#contenu *{
	font-size:12px;
}
#contenu ul, #references ul{
	margin:5px 10px;
	padding:0 10px;
    display:block;
}
#contenu li, #references li{
	list-style:none;
    background:url(../medias/puce.png) top left no-repeat;
    padding:1px 5px 0px 10px;
    display:block;
    margin:2px 0;
}


.bloc{
	width:184px;	/*init 224*/
	background:url(../medias/bg-bloc.png) top left no-repeat;
	padding:20px;
	text-align:justify;
	color:#f3e6c8;
	font-size:12px;
	float:left;
}
.bloc_liste{
	width:235px;	/*init 315*/
	background:url(../medias/bg-bloc.png) top left no-repeat;
	padding:20px;
	text-align:justify;
	color:#f3e6c8;
	font-size:12px;
	float:left;
}
.bloc_liste p{
	width:180px;
	font-size:12px;
}
#pied{
	width:918px;	/* init 938*/
    
	background:url(../medias/bg-pied.png) bottom center no-repeat;
    padding:5px 0;
	margin:0;
	position:relative;
    
    
	text-align:center;
	font-weight:bold;
	font-size:11px;
}
.haut-pied{
	background:url(../medias/bg-pied-haut.png) top left no-repeat;
	color:#c76528;
	text-transform:uppercase;
	font-size:12px;
	text-align:center;
	margin:0 0 10px 0;
	padding:13px 0 7px 0;
	height:35px;	/*init 55 */
}
.haut-pied span{
	display:block;
	text-transform:lowercase;
	color:#424242;
	margin:0;
	font-size:11px;
}

.ref{
	display:block;
	color:#696969;
	font-weight:normal;
	width:60%;
	position:relative;
	padding:0 0 0 298px;
	margin:0 auto 2px auto;
	text-align:left;
}
.ref span{
	color:#424242;
	font-weight:bold;
	position:absolute;
	top:0;
	left:0;
	width:280px;
	text-align:right;
	display:block;
}
.pied a:link, .pied a:visited, .pied a:active{
	color:#000;
	padding:1px 3px;
	text-decoration:none;
}
.pied a:hover{
	color:#ea461a;
	background:#fff;
	padding:1px 3px;
	text-decoration:none;
}
#copyright{
	position:absolute;
	top:14px;
	right:15px;
	margin:0;
	padding:0;
	font-size:10px;
	color:#fff;
}


.texte{
	color:#6d6d6d;
	font-size:11px;
}

h1{
	text-transform:uppercase;
	font-size:17px;
	color:#000;
	margin:10px 0 0 0;
	padding:10px 0;
}
#contenu h1{
	font-size:22px;
    margin:0;
}
form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
/*	border-bottom:1px solid #666;*/
	padding:1px 5px;
	margin:5px 0;
	font:12px Arial, Helvetica, sans-serif;
}
input{
	width:320px;	/*init 330*/
	background:url(../medias/bg-input.png) top left no-repeat;
	height:20px;	/*init 22*/
    color:#fff;
}
.input2{
	width:162px;	/*init 172*/
	background:url(../medias/bg-input2.png) top left no-repeat;
}
textarea{
	height:101px;
	width:320px;
	background:url(../medias/bg-textarea.png) top left no-repeat;
    color:#fff;
}
.bt-envoi{
	background:none;
	text-align:center;
	margin:2px 0 90px 130px;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
.bt-contact{
	background:none;
	text-align:center;
	border:0;
	padding:2px 5px;
	font-size:12px;
    margin:10px auto 0 auto;
	width:auto;
	height:auto;
}
#contenu .indication{
	font-size:11px;
    color:#c67644;
    margin:20px 0 0 140px;
}
label{
	text-align:right;
	display:block;
	width:20%;
	float:left;
	font-weight:bold;
	font-size:12px;
	margin:5px 10px 5px 0;
    padding:3px 0 0 0;
}
label.special{
	text-align:left;
    color:#fff;
    text-transform:uppercase;
	display:inline-block;
	font-weight:bold;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
    width:auto;
}
input.special{
	background:#fff;
    width:150px;
    height:20px;
    color:#000;
}
label.sans{
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin:2px 10px 5px 2px;
	display:inline;
	float:none;
	width:auto;
}
input.coche{
	border:0;
	width:auto;
	background:none;
    margin:0;
}
.petit{
	font-size:11px;
}
.citation{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
}
.gros{
	font-size:16px;
}

#sub0{
	display:block;
}
.tarifs{
	font-size:12px;
	width:100%;
}
.tarifs td{
	font-size:12px;
	padding:2px 5px;
	background:#973b30;
	border:1px dotted #a64e3c;
}
iframe{
	border:1px solid #fff;
	padding:1px;
}

.separation{
	clear:both;
    margin:5px 0;
}
.left{
	float:left;
    padding:0;
    margin:0 10px 10px 0;
}
.row1 td, .row2 td, .row1 th, .row2 th{
	font-size:11px;
    padding:5px 5px;
    border:1px dotted #999;
}
.row1 th, .row1 td{
	background:#efefef;
}

.row2 th, .row2 td{
	background:#feedd6;
}
.row1 td, .row2 td{
	text-align:center;
}
.row0 th{
	font-size:11px;
    padding:2px 5px;
    border:1px dotted #555;
}
#devis{
    width:938px;
    position:absolute;
    top:15px;
    left:0;
    text-align:right;
}
#devis-gratuit{
	position:absolute;
    top:20px;
    left:680px;
    z-index:10;
}
#devis-gratuit a{
	background:none;
}
#ctc{
	background:url(../medias/bg-rappel.png) top left no-repeat;
    color:#fff;
    display:none;
    width:238px;
    height:16px;
    margin:3px 125px 3px auto;
    text-align:center;
    position:absolute;
    top:0px;
    left:200px;
}
#form-devis{
	background:url(../medias/bg-devis.png) top left no-repeat;
    height:140px; 	/*init 180*/
    width:890px;	/*init 930*/
    display:none;
    padding:20px;
    text-align:left;
    margin:5px auto;
    color:#000;
}
body a.sans:hover{
	background:none;
    display:inline-block;
}
div.erreur{
	color:#c76325;
    border:1px dotted #c76325;
    padding:5px;
}