/*=======================================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:12px;
  color:#1e2c36;
  text-align:center;
  background:url(../medias/bg-general.jpg) top center no-repeat #18110f;
}
table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:justify;
}
a:link, a:hover, a:visited, a:active{
	color:#1e1e1e;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	margin:0;
	padding:0;
	border:0;
}
a:hover img{
	text-decoration:none;
}
ul, li{
	margin:0;
    padding:0;
}

#over{
	background:url(../medias/bg-over.png) top left repeat-x;
    height:29px;
    width:auto;
}
.espace{
	width:938px;
      /*  padding:9px 0 0 0;*/
    padding:0;
        margin:0 auto;
    text-align:left;
    position:relative;
}
.espace span{
	font-size:11px;
    text-transform:uppercase;
    color:#fff7e7;
    display:inline-block;
    background:url(../medias/espace-lock.png) top right no-repeat;
        padding:10px 40px;
    height:9px;	/īnit 29*/
    }
.espace img{
	position:absolute;
    top:5px;
    left:170px;
}
#indigo{
	background:url(../medias/numero-indigo.png) top left no-repeat;
    width:220px;
    height:35px;
    position:absolute;
    top:-25px;
    right:10px;
}
#conteneur{
 	width:938px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
 
#entete{
 	width:938px;	/*init 938*/
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

h1#logo{
	width:193px;
    padding: 198px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:198px;
	z-index:5;
	position:absolute;
	top:0px;
	left:130px;
}
h2#telephone{
	width:155px;
    padding:25px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/telephone.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:25px;
	z-index:5;
	position:absolute;
	top:45px;
	right:25px;
}
#phrases{
    position:absolute;
    top:0;
    left:340px;
    height:70px;
    width:400px;
}

#principal{
 	width:238px;	/*init 238*/
    height:180px;
	margin:0;
	padding:30px 0 20px 0;
	position:absolute;
	left:67px;
	top:220px;
    background:url(../medias/bg-menu.png) bottom left no-repeat;
    z-index:20;
}
#principal ul, #principal li{
 	padding:0;
	margin:0;
	list-style:none;
}

.item, .item_actif {
 	padding:0 8px;
	margin:2px 0;
	list-style:none;
	display:block;
	font-size:11px;
    font-weight:bold;
	text-transform:uppercase;
	text-align:right;
    position:relative;
}
.item a:link, .item a:visited, .item a:hover, .item a:active{
	color:#000;

	/* partie de code a repeter */
	text-decoration:none;
	padding:6px 2px 5px 10px;
	margin:0 12px 0 0;
	display:inline-block;
	height:14px;	/* init 25*/
    position:relative;
}
.item a:hover{
	text-decoration:underline;
}
.item a:hover span, .item_actif a:hover span{
	text-decoration:none;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:hover, .item_actif a:active{
	/* partie de code a repeter */
	text-decoration:none;
	padding:6px 2px 5px 30px;
	margin:0 12px 0 0;
	display:inline-block;
	height:14px;	/* init 25*/
    position:relative;
    background:url(../medias/puce-item.png) no-repeat top left;
}

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



#corps{
	width:938px;
	padding:20px 0 5px 0;
	margin:0 auto;
	text-align:center;
	position:relative;
}


#module-gauche{
	width:230px;	/* init 2 */
    padding:10px;
	float:left;
    margin:70px 0 0 16px;
	color:#333;
}
#module-droite{
	width:190px;
	float:right;
    margin:0;
	padding:0;
	color:#333;
    text-align:center;
}
#contenu3Col{
    
	width:470px;	/*init 470*/
	margin:0 0 0 295px;
	padding:0px;
    color:#222;
    font-size:12px;
    font-size:11px;
    text-align:left;
}

#contenu2Col{
    
	width:375px;	/*init 425*/
	margin:200px 0 0 325px;
	height:365px;
	padding:10px 20px;
    color:#222;
    font-size:12px;
    font-size:11px;
    text-align:left;
    position:relative;
    background:url(../medias/bg-contenu.png) top left repeat;
}

#contenu2Col ul{
	text-align:left;
}
#contenu2Col li{
	text-align:left;
    list-style:none;
    background:url(../medias/puce.png) top left no-repeat;
    padding:3px 5px 3px 15px;
    font-size:12px;
    margin:0;
}

#blocs{
	position:relative;
    margin:20px 0;
    color:#1e2c36;
    font-size:12px;
}

#bloc-gauche{
    width:300px;	/*init 300*/
    padding:0;
}
#bloc-droite{
	width:300px;
    height:200px;
    position:absolute;
    top:0px;
    left:325px;
}


.bloc, .push{
	display:block;
    padding:0;
    margin:0 0 20px 0;
}
#module-droite .text-haut{
	height:7px;
	width:171px;
	padding:0;
	margin:0;
	background:url(../medias/bg-haut-bloc-middle.png) bottom left no-repeat;
}
#module-droite .texte{
	height:auto;
	width:141px;	/*init 171*/
	padding:10px 15px 5px 15px;
	margin:0;
	font-size:12px;
	color:#000;
    text-align:left;
	background:url(../medias/bg-bloc-middle.png) bottom left repeat-y;
}
#module-droite .text-bas{
	height:12px;
	width:171px;
	padding:0;
	margin:0;
	background:url(../medias/bg-bas-bloc-middle.png) top left no-repeat;
}

#module-gauche .text-haut{
	height:39px;
	width:208px;
	padding:0;
	margin:0;
	background:url(../medias/bg-haut-bloc-menu.png) bottom left no-repeat;
}
#module-gauche .texte{
	height:auto;
	width:208px;	/*init 208*/
	padding:10px 0px 5px 0px;
	margin:0;
	font-size:12px;
	color:#000;
    text-align:left;
	background:url(../medias/bg-bloc-menu.png) bottom left repeat-y;
}
#module-gauche .text-bas{
	height:34px;
	width:208px;
	padding:0;
	margin:0;
	background:url(../medias/bg-bas-bloc-menu.png) top left no-repeat;
}

#contenu3Col .text-haut{
	height:7px;
	width:461px;
	padding:0;
	margin:0;
	background:url(../medias/bg-haut-bloc-big.png) bottom left no-repeat;
}
#contenu3Col .texte{
	height:auto;
	width:421px;	/*init 461*/
	padding:10px 20px 5px 20px;
	margin:0;
	font-size:12px;
	color:#000;
    text-align:left;
	background:url(../medias/bg-bloc-big.png) bottom left repeat-y;
}
#contenu3Col .text-bas{
	height:12px;
	width:461px;
	padding:0;
	margin:0;
	background:url(../medias/bg-bas-bloc-big.png) top left no-repeat;
}

#contenu3Col .push{
	display:block;
    padding:0;
    margin:0 5px 20px 0;
	float:left;
}
#contenu3Col .push .text-haut{
	height:7px;
	width:151px;
	padding:0;
	margin:0;
	background:url(../medias/bg-haut-push.png) bottom left no-repeat;
}
#contenu3Col .push .texte{
	height:auto;
	width:131px;	/*init 151*/
	padding:10px 10px 5px 10px;
	margin:0;
	font-size:12px;
	color:#000;
    text-align:left;
	background:url(../medias/bg-push.png) top left repeat-y;
}
#contenu3Col .push .text-bas{
	height:11px;
	width:151px;
	padding:0;
	margin:0;
	background:url(../medias/bg-bas-push.png) top left no-repeat;
}
#images, #mentions{
	margin-top:90px;
}
#mentions{
	background:url(../medias/bg-contenu.png) top left repeat;
    border:4px solid #f9b361;
    width:138px;
    padding:5px;
    margin-right:20px;
    float:right;
}
img.bordure{
	border:4px solid #f9b361;
    margin:5px 0;
}

a.telecharger:link, a.telecharger:hover, a.telecharger:visited, a.telecharger:active{
	color:#1e1e1e;
	text-decoration:none;
    padding:0 2px 2px 16px;
    display:block;
    background:url(../medias/picto-telecharger.png) top left no-repeat;
}
a.telecharger:hover{
	text-decoration:underline;
}

a.facebook:link, a.facebook:hover, a.facebook:visited, a.facebook:active{
	color:#686868;
	text-decoration:none;
    padding:5px 2px 2px 30px;
    display:block;
    background:url(../medias/bt-facebook.png) top left no-repeat;
    display:inline-block;
    float:right;
    height:23px;
}
a.facebook:hover{
	text-decoration:none;
    color:#fff;
}


div p{
	font-size:12px;
}

.pied{
	width:923px;	/*init 938*/
	padding:10px 0 0 15px;
	height:80px;	/*init 90*/
	margin:25px auto 0 auto;
	text-align:left;
	color:#fff;
	font-size:12px;
	font-weight:normal;
    position:relative;
}
#pied a:link, #pied a:visited, #pied a:hover, #pied a:active{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:3px 0 0 0;
    
}

#pied a.special:link, #pied a.special:visited, #pied a.special:active{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	font-size:10px;
	padding:3px 0 0 0;
}
#pied a.special:hover{
	text-decoration:underline;
}
#edispo{
    font-size:10px;
    text-transform:uppercase;
    color:#716658;
}
#edispo a:link, #edispo a:visited, #edispo a:hover, #edispo a:active{
	color:#716658;
    font-weight:normal;
    font-size:9px;
}
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:205px;	/*init 215*/
	background:url(../medias/bg-input.png) top left no-repeat;
	height:18px;	/*init 20*/
    color:#333;
}
#rappel input{
	width:200px;	/*init 215*/
    height:20px;	/*init 20*/
    padding:0 10px 0 5px;
 	margin:3px 0 10px 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:148px;	/*init 150*/
	width:205px;
	background:url(../medias/bg-textarea.png) top left no-repeat;
    color:#333;
}
.bt-envoi, .bt-envoi2, #rappel .bt-appel{
	background:none;
	text-align:center;
	margin:2px 0 20px 130px;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
.bt-envoi2{
	margin-left:195px;
}
#rappel .bt-appel{
	margin:20px 0 0 0;
}
label{
	text-align:right;
	display:block;
	width:30%;
	float:left;
	font-weight:bold;
	font-size:12px;
    padding:2px 0 0 0;
	margin:5px 10px;
}
label.sans{
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin:5px 10px;
	display:inline;
	float:none;
	width:auto;
}
input.coche{
	border:0;
	width:auto;
	background:none;
}
.petit{
	font-size:10px;
}
.message{
	border:1px dotted #c00;
	color:#c00;
	font-weight:bold;
	padding:10px;
}
.citation{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
}
.separation{
	clear:both;
    margin:5px;
}
.indication, .indication2{
	display:block;
    font-size:10px;
    margin:0 0 10px 130px;
}
.indication2{
	margin-left:200px;
}
.erreur, .erreurOK{
	padding:10px;
    color:#000;
    background:#e68801;
    font-size:11px;
    position:absolute;
    top:-90px;
    height:40px;
    left:0;
    width:395px;
}
.erreurOK{
	background:#e68801;
    color:#000;
}
#fil{
	position:absolute;
    top:100px;
    left:0px;
 	height:28px;   
}

#fil .debut{
	background:url(../medias/bg-debut-fil.png) top right no-repeat;
	width:9px;
    height:28px;
    display:inline-block;
    margin:0;
    padding:0;
    float:left;
}
#fil .milieu{
	background:url(../medias/bg-fil.png) top left repeat-x;
    display:inline-block;
	height:21px;	/*init 28*/
    margin:0;
    padding:7px 0 0 0;
    float:left;
    color:#fff;
    font-size:12px;
}
#fil .milieu img{
	padding:0 0 0 5px;
}
#fil .fin{
	background:url(../medias/bg-fin-fil.png) top left no-repeat;
    width:9px;
    height:28px;
    display:inline-block;
    margin:0;
    padding:0;
}
#fil h6{
	font-size:12px;
    color:#fff;
    padding:0;
    margin:0;
    text-transform:none;
    font-weight:bold;
    display:inline-block;
}
.subtitle-menu{
    padding:6px 5px 15px 20px;
    margin:0;
    display:block;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    color:#acc42a;
}
h2{
	font-size:15px;
    font-weight:normal;
}
.right{
	float:right;
    margin:0 0 10px 10px;
}

.contour{
	border:1px solid #fa920f;
}

.encart{
	border:1px dotted #333;
    padding:5px 10px;
}
img.left{
	float:left;
    margin:10px 15px 15px 0px;
}
.bloc-pdt{
	float:left;
    width:127px;
    margin:10px 10px 0 0;
}
.bloc-pdt img{
    border:1px solid #777;
}

a.externe:link, a.externe:visited, a.externe:hover, a.externe:active{
	background:url(../medias/lien_direct.gif) top left no-repeat;
    padding:2px 5px 2px 15px;
    display:inline-block;
    margin:3px 0 0 0;
    color:#777;
}

#plan .bloc, #plan .text-haut, #plan .texte, #plan .text-bas{
	background:none;
    margin:0;
    padding:0;
}
#plan .texte{
	padding:0px 44px;
}
#plan .item, #plan .item_actif{
	display:block;
    margin:0;
    height:15px;
}
#plan .item a, #plan .item_actif a{
	background:none;
    padding:3px 5px;
    margin:0;
    height:auto;
}
.grand, .erreur .grand{
	font-size:15px;
}
.fin{
	font-weight:normal;
}

.up, .up *{
	font-size:14px;
}