/*=======================================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;*/
  background:#fff;
}
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:#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;
}
 
#entete{
 	width:940px;
	height:290px;
	margin:0;
	padding:0;
	z-index:5;
    position:relative;
    background:url(../medias/bg-entete.jpg) top left no-repeat;
}
#principal{
 	width:940px;	/*init 940*/
	height:40px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:250px;
    text-align:left;
}
h1#logo{
	width:464px;
    padding: 89px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo.jpg) top left no-repeat;
    
    height: 0px !important;
    height /**/:89px;
	z-index:5;
	position:absolute;
	top:140px;
	left:80px;
}
#principal ul, #principal li{
 	padding:0;
	margin:0;
	list-style:none;
}
#principal ul{
	margin:0 auto;
    height:40px;
    text-align:center;
    padding:0;
}

.item, .item_actif {
 	padding:0 10px;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
    position:relative;
    font-weight:normal;
}
.item a:link, .item a:visited, .item a:active,
.item_actif a:link, .item_actif a:visited, .item_actif a:active{
    color:#fff;
 	background:url(../medias/bg-item.png) top left no-repeat;
	text-decoration:none;
	padding:10px 4px 5px 4px;
	margin:0 2px 0 0 ;
	display:inline-block;
	height:25px;	/* init 40*/
    position:relative;
}
.item a:hover,
.item_actif a:hover{
    color:#fff;
	text-decoration:underline;
}

.item #cl1{
	background:url(../medias/bg-item-1.png) top center;
    width:82px;	/*init 90*/
}
.item_actif #cl1{
	background:url(../medias/bg-item-actif-1.png) top center;
    padding-top:10px;
    width:82px;	/*init 90*/
}
.item #cl2{
	background:url(../medias/bg-item-2.png) top center;
    width:151px;	/*init 159*/
}
.item_actif #cl2{
	background:url(../medias/bg-item-actif-2.png) top center;
    padding-top:10px;
    width:151px;	/*init 159*/
}
.item #cl3{
	background:url(../medias/bg-item-3.png) top center;
    padding-top:2px;
    width:166px;	/*init 174*/
    height:33px;
}
.item_actif #cl3{
	background:url(../medias/bg-item-actif-3.png) top center;
    padding-top:2px;
    width:166px;	/*init 174*/
    height:33px;
}

.item #cl4{
	background:url(../medias/bg-item-4.png) top center;
    padding-top:10px;
    width:62px;	/*init 70*/
}
.item_actif #cl4{
	background:url(../medias/bg-item-actif-4.png) top center;
    padding-top:10px;
    width:62px;	/*init 70*/
}
.item #cl5{
	background:url(../medias/bg-item-5.png) top center;
    padding-top:10px;
    width:127px;	/*init 135*/
}
.item_actif #cl5{
	background:url(../medias/bg-item-actif-5.png) top center;
    padding-top:10px;
    width:127px;	/*init 135*/
}
.item #cl6, .item_actif #cl6{
	background:url(../medias/bg-item-6.png) top center;
    width:285px;	/*init 300*/
    text-align:left;
    padding:10px 5px 5px 10px;
}

#corps{
	width:940px;	/* init 940*/
	padding:0px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	position:relative;
}
#raccourcis, #mentions{
    margin:180px 0 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 a{
	float:left;
    height:159px;	/*init 165*/
    width:146px;
    padding:6px 0 0 0;
   /* background:url(../medias/bg-push.png) top center no-repeat;*/
    margin:0 4px 0 0;
    font-family:"Times New Roman", Times, serif;
    font-size:14px;
    color:#1a4175;
    text-decoration:none;
}
#push1{
    background:url(../medias/bg-push1.png) top center no-repeat;
}
#push2{
    background:url(../medias/bg-push2.png) top center no-repeat;
}
#push3{
    background:url(../medias/bg-push3.png) top center no-repeat;
}
#push4{
    background:url(../medias/bg-push4.png) top center no-repeat;
}
#raccourcis a:hover{
	text-decoration:underline;
}
#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:605px;	/*init 585*/
	margin:0;
	padding:30px 0 0 0;
    text-align:left;
    font-size:13px;
    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:13px;
    font-weight:normal;
    color:#231f20;
}
#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:300px;	/*init 225*/
	float:right;
    z-index:10;
    margin:0 2px 0 0;
    padding:0;
    height:500px;
    position:relative;
}
#module-gauche #mentions{
    background:#bbb;
    padding:15px;
    color:#333;
    font-size:13px;
    text-align:left;
}
#mentions p{
	text-align:left;
    font-size:13px;
}
#mentions a{
	color:#333;
}	
#push h2, #mentions h2, #coord h2{
	color:#333;
	text-transform:none;
	font-size:24px;
    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;
}
#mini-contact{
	background:url(../medias/bg-mini-contact.jpg) top left no-repeat;
    margin:0;
    padding:0 15px;
    height:170px;
    width:270px;	/*init 300*/
    text-align:right;
    color:#fff;
    position:absolute;
    top:0;
    right:0;
    
}
#mini-contact p{
	color:#fff;
    text-align:right;
    padding:10px;
}
#mini-contact a{
	color:#fff;
}
#pied{
	width:100%;	
	background:url(../medias/bg-pied.jpg) bottom center no-repeat;
	padding:200px 0 0 0;
	margin:0;
	position:relative;
	text-align:center;
	font-weight:bold;
	font-size:11px;
    clear:both;
    height:115px;	/*init 315*/
}
.pied{
	color:#21487d;
	font-size:12px;
	text-align:left;
    font-weight:normal;
	margin:0 auto;
	padding:0;
    width:710px;	
    height:94px;
}

.pied a:link, .pied a:visited, .pied a:active{
	color:#21487d;
	padding:1px 0;
	text-decoration:none;
}
.pied a:hover{
	color:#21487d;
	background:none;
	padding:1px 0;
	text-decoration:underline;
}
#pied .adresse{
	font-size:12px;
    color:#21487d;
}
#pied .adresse span{
	font-weight:normal;
    color:#21487d;
    font-size:12px;
}
#edispo{
	margin:7px 0 0 0;
	padding:0;
	font-size:10px;
    font-weight:normal;
	color:#21487d;
    text-transform:uppercase;
}

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

#contenu h1, #contenu_large h1{
	text-transform:uppercase;
    font-family:"Times New Roman", Times, serif;
	font-size:33px;
	color:#231f20;
    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{
	color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    margin:0;
    padding:0 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:200px;	/*init 205*/
	background:url(../medias/bg-input.png) top left no-repeat;
	height:20px;	/*init 22*/
    color:#fff;
}
#contenu input{
	color:#fff;
}
.input2{
	width:60px;	/*init 172*/
	background:url(../medias/bg-input2.png) top left no-repeat;
}
textarea{
	height:139px;	/*init 141*/
	width:200px;
	background:url(../medias/bg-textarea.png) top left no-repeat;
    color:#fff;
}
.bt-envoi{
	background:none;
	text-align:center;
	margin:2px 0 90px 165px;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
#contenu .indication{
	font-size:11px;
    color:#ed5b05;
    margin:20px 0 0 165px;
}
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:inline-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 7px auto;
	text-align:left;
}
#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;
}
#contenu .erreur{
	background:#ed5b05;
    font-size:12px;
    color:#fff;
    padding:5px;
}
#contenu .erreur *{
	color:#fff;
}
#contenu .bloc-pdt, .bloc-pdt-large{
	float:left;
    width:165px;
    height:165px;
    padding:10px;
	margin:6px;
    border:2px solid #777;
    font-size:12px;
}
#contenu .bloc-pdt p{
	font-size:12px;
}
.bloc-pdt-large{
	width:330px;
}
#contenu .bloc-pdt strong{
	text-transform:uppercase;
    font-size:15px;
    font-weight:normal;
}