/*=======================================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:#4e4e4e;
  text-align:center;
  background:url(../medias/bg-general.png) top left repeat-x #fff;
}
table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:justify;
  margin:0;
  padding:0;
}
th{
	font-weight:normal;
    text-align:left;
    font-size:12px;
}
a:link, a:hover, a:visited, a:active{
	color:#333;
    display:inline-block;
	text-decoration:none;
    padding:1px;
    text-decoration:underline;
}
a:hover{
	text-decoration:none;
    color:#333;
}
img{
	margin:0;
	padding:0;
	border:0;
}


#conteneur{
 	width:940px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
    background:url(../medias/bg-corps.jpg) top center no-repeat;
}
 
#entete{
 	width:940px;
	height:360px;
	margin:0;
	padding:0;
	z-index:5;
    position:relative;
}
#principal{
 	width:940px;	/*init 940*/
	height:118px;	/*old 95*/
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:277px;	/*old 300*/
    background:url(../medias/bg-principal.png) bottom center no-repeat;
    text-align:center;
}
h1#logo{
	width:297px;
    padding: 98px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:98px;
	z-index:5;
	position:absolute;
	top:77px;
	left:0px;
}
a#vps:link, a#vps:visited, a#vps:hover, a#vps:active{
	width:150px;
    padding: 58px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo-vps.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:58px;
	z-index:5;
	position:absolute;
	top:7px;
	right:0px;
}

#sav{
	position:absolute;
    top:200px;
    right:0px;
}
#rap{
	position:absolute;
    top:240px;
    right:0px;
}
#principal ul, #principal li{
 	padding:0;
	margin:0;
	list-style:none;
}
#principal ul{
	margin:0 auto;
    height:53px;
    text-align:center;
    padding:0 20px;
}

.item, .item_actif, .item0, .item0_actif {
 	padding:0 10px;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
    position:relative;
    font-weight:bold;
}
.item span, .item_actif span, .item0 span, .item0_actif span{
	height:30px;
    background:url(../medias/bg-right-item.png) top left no-repeat;
    position:absolute;
    top:0;
    right:-10px;
    width:10px;
    margin:0;
}
.item_actif span{
    background:url(../medias/bg-right-item-on.png) top left no-repeat;
}
.item a:link, .item a:visited, .item a:active{
    color:#896f4b;
 	background:url(../medias/bg-item.png) top left no-repeat;
	text-decoration:none;
	padding:10px 14px 5px 20px;
	margin:23px 10px 0 3px;
	display:inline-block;
	height:15px;	/* init 30*/
    position:relative;
}
.item a:hover{
    color:#896f4b;
	text-decoration:underline;
}
.item a:hover span{
	text-decoration:none;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:active{
    color:#000;
 	background:url(../medias/bg-item-on.png) top left no-repeat;
	text-decoration:none;
	padding:10px 14px 5px 20px;
	margin:23px 10px 0 3px;
	display:inline-block;
	height:15px;	/* init 30*/
    position:relative;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
    color:#000;
	text-decoration:underline;
}

/* bouton special VPS */
.item0_actif span, .item0 span{
    background:url(../medias/bg-right-item0-on.png) top left no-repeat;
	height:53px;
    position:absolute;
    top:0;
    right:-10px;
    width:10px;
    margin:0;
}
.item0 span{
    background:url(../medias/bg-right-item0.png) top left no-repeat;
}

.item0 a:link, .item0 a:visited, .item0 a:active{
    color:#896f4b;
 	background:url(../medias/bg-item0.png) top left no-repeat;
	text-decoration:none;
	padding:8px 14px 5px 20px;
	margin:0 10px 0 3px;
	display:inline-block;
	height:40px;	/* init 53*/
    position:relative;
}
.item0 a:hover{
    color:#896f4b;
	text-decoration:underline;
}
.item0 a:hover span{
	text-decoration:none;
}

/* Couleur du libelle actif */
.item0_actif a:link, .item0_actif a:visited, .item0_actif a:active{
    color:#000;
 	background:url(../medias/bg-item0-on.png) top left no-repeat;
	text-decoration:none;
	padding:8px 14px 5px 20px;
	margin:0 10px 0 3px;
	display:inline-block;
	height:40px;	/* init 53*/
    position:relative;
}

/*Couleur du libelle actif en survol */
.item0_actif a:hover{
    color:#000;
	text-decoration:underline;
}

#corps, #corps_contact{
	width:898px;	/* init 940*/
	padding:40px 20px 0px 20px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	position:relative;
    background:url(../medias/bg-contenu.png) top center repeat-y;
}
#raccourcis{
    margin:0 0 20px 0;
    height:290px;
}
#raccourcis img{
	float:left;
    margin:5px 15px 0 0;
}
#raccourcis div{
	float:left;
    width:260px;	/*init 280*/
    height:260px;	/*init 280*/
    padding:10px;
    margin:0 8px;
    text-align:left;
    position:relative;
}
#raccourcis .un{
	background:url(../medias/push1.jpg) top left no-repeat;
}
#raccourcis .deux{
	background:url(../medias/push2.jpg) top left no-repeat;
}
#raccourcis .trois{
	background:url(../medias/push3.jpg) top left no-repeat;
}
#raccourcis span{
	position:absolute;
    bottom:30px;
    left:10px;
    color:#fff;
    font-weight:bold;
    font-size:12px;
}
#raccourcis a.plus{
	position:absolute;
    bottom:14px;
    left:10px;
	font-size:11px;
    font-weight:normal;
    text-decoration:underline;
    color:#fff;
}
#contenu{
	width:580px;	/*init 650*/
	margin:0 0 0 10px;
	padding:0;
    text-align:left;
    font-size:12px;
    position:relative;
}
#contenu_large{
	width:880px;	/*init 650*/
	margin:0 0 0 10px;
	padding:0;
    text-align:left;
    font-size:12px;
    position:relative;
}
#contenu *, #contenu_large *{
	font-size:12px;
    font-weight:normal;
    color:#4e4e4e;
}
#contenu ul, #contenu_large ul{
	margin:10px 5px;
	padding:0;
    display:block;
}
#contenu li, #contenu_large li{
	list-style:none;
    background:url(../medias/puce.png) top left no-repeat;
    padding:1px 5px 0px 10px;
    display:block;
    margin:2px 0;
}
#contenu a:link, #contenu a:visited, #contenu a:hover, #contenu a:active,
#contenu_large a:link, #contenu_large a:visited, #contenu_large a:hover, #contenu_large a:active{
	color:#f68821;
    text-decoration:underline;
}

#bloc-gauche{
	border-right:1px solid #666;
    width:320px;	/*init 330*/
    padding:0 10px 20px 0;
}
#bloc-droite{
	width:300px;
    height:200px;
    position:absolute;
    top:50px;
    left:340px;
}
#bloc-complet{
    width:620px;	/*init 330*/
    padding:0 0 20px 0;
}

#module-gauche{
	width:255px;	/*init 225*/
    float:right;
    margin:0 20px 0 0;
}

#corps_contact #contenu{
    width:480px;
}
#corps_contact #module-gauche{
    width:355px;
}

#push, #mentions, #coord{
    background:#d0db94;
    padding:15px;
    color:#2d2d2d;
    font-size:13px;
    text-align:left;
}
#coord{
	margin:0 0 30px 0;
}
#coord *, #mentions *{
	font-size:12px;
}
#push h2, #mentions h2, #coord h2{
	color:#2d2d2d;
	text-transform:none;
	font-size:27px;
    font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
}
#push h2 span, #mentions h2 span, #coord h2 span{
	display:block;
    font-size:17px;
    font-weight:normal;
    font-style:italic;
}
#pied{
	width:100%;	
	background:url(../medias/bg-pied.png) top center no-repeat #896f4b;
	padding:0 0 30px 0;
	margin:0;
	position:relative;
	text-align:center;
	font-weight:bold;
	font-size:11px;
    clear:both;
}
.pied{
	color:#fff;
	font-size:12px;
	text-align:left;
    font-weight:normal;
	margin:0 auto;
	padding:30px 20px 0 20px;
    width:900px;	/*init 940*/
    position:relative;
}

.pied a:link, .pied a:visited, .pied a:active{
	color:#fff;
	padding:1px 0;
	text-decoration:none;
}
.pied a:hover{
	color:#fff;
	background:none;
	padding:1px 0;
	text-decoration:underline;
}
.links{
	color:#fff;
    font-size:12px;
    text-transform:none;
    text-align:left;
    padding:0;
    font-weight:normal;
}
#pied .adresse{
	font-size:12px;
    color:#fff;
    font-weight:bold;
}
#pied .adresse span{
	font-weight:normal;
    color:#e2e53d;
    font-size:12px;
}
#edispo{
	position:absolute;
	bottom:-25px;
	right:15px;
	margin:0;
	padding:0;
	font-size:10px;
    font-weight:normal;
	color:#fff;
    text-transform:uppercase;
}

#edispo a:link, #edispo a:visited, #edispo a:active{
	color:#fff;
	padding:1px 0px;
	text-decoration:none;
}
#edispo a:hover{
	color:#fff;
	background:none;
	padding:1px 0px;
	text-decoration:underline;
}
.texte{
	padding:5px;
}



/******************************* RAPPEL ********/


body.rappel{
	background:#896f4b;
}
#rappel{
	width:330px;
    margin:0 auto;
    padding:0px;
}
.rappel h1{
	text-transform:none;
    font-size:20px;
    color:#fff;
    font-weight:normal;
    text-align:center;
    background:none;
    width:100%;
}

#contact{
	width:340px;	/*init 360*/
    margin:0 auto;
    height:257px;	/*init 297*/
    text-align:left;
	color:#1c1c1c;
    padding:20px 10px;
    background:url(../medias/bg-rappel.png) top left no-repeat;
    font-size:12px;
}

/************************************************/


#contenu h1, #contenu_large h1{
	text-transform:none;
	font-size:28px;
	color:#4e4e4e;
    font-weight:normal;
	margin:0 0 10px 0;
	padding:10px 0 0 0;
}
#contenu h2{
	margin:0;
    padding:0;
    color:#1c1c1c;
    font-size:20px;
    font-weight:normal;
}
h3, #contenu h3{
	color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    margin:0;
    padding:0 0 5px 0;
}
#contenu h3{
	color:#4e4e4e;
    text-transform:uppercase;
    font-weight:normal;
    font-size:14px;
    margin:0;
    padding:15px 0 5px 0;
}
h4{
	margin:0;
    padding:0;
    font-weight:bold;
    font-size:14px;
}
#suivi-travaux h3, #sub h3{
	color:#333;
}
#sub h3 span{
	color:#fff;
    font-size:10px;
    display:block;
    margin:0;
    padding: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:180px;	/*init 190*/
	background:url(../medias/bg-input.png) top left no-repeat;
	height:20px;	/*init 22*/
    color:#fff;
}
#rappel input{
	width:180px;	/*init 190*/
    height:26px;	/*init 26*/
    padding:0 10px 0 5px;
 	margin:3px 0 0 0;
    background:url(../medias/bg-input.png) top left no-repeat;
    color:#333;
}
.input2{
	width:60px;	/*init 172*/
	background:url(../medias/bg-input2.png) top left no-repeat;
}
textarea{
	height:98px;	/*init 101*/
	width:180px;
	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-calcul{
	background:none;
	margin:0;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
.bt-conseil{
	background:none;
	margin:0;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}

#rappel .bt-appel{
	background:none;
	border:0;
	padding:0;
    margin:10px auto 0 auto;
	width:auto;
	height:auto;
}
#contenu .indication{
	font-size:11px;
    color:#666;
    margin:20px 0 0 130px;
}
label{
	text-align:right;
	display:block;
	width:25%;
	float:left;
	font-weight:bold;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
}
label.special{
	text-align:left;
	display:block;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
    width:auto;
    font-weight:normal;
}
label.special2{
	text-align:left;
	display:inline-block;
	font-size:12px;
	margin:5px 10px;
    padding:3px 0 0 0;
    width:20%;
    font-weight:normal;
}
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, #contenu .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:2px 0 0 0;
}
.left{
	float:left;
    padding:0;
    margin:0 5px 10px 0;
}
.right{
	float:right;
    padding:0;
    margin:0 0 10px 5px;
}
#contenu_large .ref{
	display:block;
	font-weight:normal;
	width:80%;
	position:relative;
	padding:0 0 0 160px;
	margin:0 auto 15px auto;
	text-align:left;
	min-height:80px;
}
#contenu_large strong{
	font-weight:bold;
}
#contenu_large .ref span{
	font-weight:bold;
    font-size:12px;
	position:absolute;
	top:0;
	left:0;
	width:140px;
	text-align:right;
	display:block;
    border-right:1px solid #4e4e4e;
    padding:0 10px 0 0;
}
#contenu_large .ref span img{
	margin:8px 0 0 0;
}
#contenu .erreur{
	background:#896f4b;
    font-size:12px;
    color:#fff;
    padding:5px;
}
#contenu .erreur *{
	color:#fff;
}
.catalogue{
	float:right;
    margin:5px;
    background:#e2e53d;
    padding:5px;
    text-align:center;    
}
.catalogue a{    color:#333 !important; }
.catalogue img{ margin-top:5px; border:0; }