/*=======================================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:#000;
  text-align:center;
  background:url(../medias/bg-general.jpg) top left repeat #fff;
}

table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:justify;
}
a:link, a:hover, a:visited, a:active{
	color:#666;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img{
	margin:0;
	padding:0;
	border:0;
}


#conteneur{
 	width:938px;
	background:#f90;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	border-left:20px solid #fff;
	border-right:20px solid #fff;
}
 
#entete{
 	width:100%;
	height:332px;
	margin:0;
	padding:0;
	background:url(../medias/bg-entete.png) top left no-repeat #fff;
}
#flash{
	margin:0;
	padding:0;
}

#menu{
 	width:898px;
	background:url(../medias/bg-menu.jpg) top left no-repeat #fff;
	height:28px;
	position:absolute;
	top:305px;
	left:40px;
	margin:0;
	padding:0;
}
#menu ul{
	position:absolute;
    top:1px;
    left:255px;
}
#menu ul, #menu li{
 	padding:0;
	margin:0;
	list-style:none;
}

.item, .item_actif {
 	padding:0;
	margin:0;
	list-style:none;
	display:block;
	float:left;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
}

.item a:link, .item a:visited, .item a:active{
	color:#fff;	
    font-weight:bold;
 	background:url(../medias/bg-item.png) top right no-repeat;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:8px 30px 0 20px;
	margin:0;
	display:block;
	height:19px;	/*init 27*/
	float:left;
}
.item a:hover{
	color:#fff;	
    font-weight:bold;
 	background:url(../medias/bg-item-over.png) top right no-repeat;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:underline;
	padding:8px 30px 0 20px;
	margin:0;
	display:block;
	height:19px;	/*init 27*/
	float:left;
}

/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:active{
	color:#fff;	
    font-weight:bold;
 	background:url(../medias/bg-item-over.png) top right no-repeat;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:8px 30px 0 20px;
	margin:0;
	display:block;
	height:19px;	/*init 27*/
	float:left;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	color:#fff;	
    font-weight:bold;
 	background:url(../medias/bg-item-over.png) top right no-repeat;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:underline;
	padding:8px 30px 0 20px;
	margin:0;
	display:block;
	height:19px;	/*init 27*/
	float:left;
}



#corps{
	width:938px;
	min-height:870px;
	background:url(../medias/bg-corps.jpg) top left no-repeat #fff;
	padding:0;
	margin:0 auto;
	text-align:center;
}

#contenu{
	width:938px;
	/*background:url(../medias/fond-contenu.jpg) bottom right no-repeat #fff;*/
	padding:20px 0;
	margin:0 auto;
	text-align:justify;
}

#edito{
	background:url(../medias/bg-edito.png) top left no-repeat;
	width:322px;
	margin:0;
	padding:0;
	position:relative;
	float:left;
}
#edito .texte{
	margin:5px 0 0 55px;
	padding:15px 0;
	width:195px;
	font-size:12px;
    min-height:700px;
}
#edito .bas-texte{
	background:url(../medias/bg-bas-edito.png) top left no-repeat #fff;
	height:12px;
}
#edito strong{
	font-size:13px;
	display:block;
	padding:0 0 2px 0;
}

#texte{
	font-size:12px;
    
	width:400px;	/*init 400*/
	margin:0 0 0 445px;
	padding:20px 0px;
}
#texte li, #edito li{
	list-style-image:url(../medias/puce-liste.png);
    padding:2px 0;
}
#edito ul{
	margin:10px 0 0 0;
    padding:0;
}
#edito li{
	padding:0 0 2px 0;
    margin:2px 0 2px 0;
    list-style:none;
}
#edito li.rea a:link, #edito li.rea a:visited, #edito li.rea a:active{
	background:#dedede;
    display:block;
    padding:3px 5px;
}
#edito li.rea-actif a:link, #edito li.rea-actif a:visited, #edito li.rea-actif a:active{
    background:#bcf1b9;
    display:block;
    padding:3px 5px;
}
#edito li.rea a:hover,
#edito li.rea-actif a:hover{
	background:#f1e5b9;
    display:block;
}
#pied{
	height:70px;	/*init 150*/
	padding:80px 0 0 0;
	background:url(../medias/bg-pied.jpg) bottom left no-repeat #fff;
	text-align:right;
	width:100%;
	color:#505050;
    font-size:11px;
}

#pied div{
	padding:10px 120px 0 0;
	width:818px;	/*init 938*/
}
.marron{
	font-weight:bold;
	color:#5b3d15;
}
.vert{
	font-weight:bold;
	color:#006630;
}
#pied a:link, #pied a:visited, #pied a:active{
	color:#505050;
	padding:1px 3px;
	text-decoration:none;
}
#pied a:hover{
	color:#505050;
	background:#fff;
	padding:1px 3px;
	text-decoration:underline;
}

h1{
	text-transform:uppercase;
	font-size:15px;
	color:#006630;
	margin:0;
	padding:10px 0 0 0;
}
p.accroche{
	margin:0;
	padding:0 0 15px 0;
	color:#5b3d15;
	font-weight:bold;
	font-size:13px;
}

form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
	border-bottom:1px solid #666;
	padding:1px 5px;
	margin:5px 0;
	width:200px;
	font:11px Arial, Helvetica, sans-serif;
	background:#b0bdb4;
}
textarea{
	height:200px;
	width:200px;
}
.bt-envoi{
	text-align:center;
	margin:2px 0 0 150px;
	border:0;
	padding:2px 5px;
    width:auto;
    height:auto;
    background:none;
}
label{
	text-align:right;
	display:block;
	width:30%;
	float:left;
	font-weight:bold;
	font-size:11px;
	margin:5px 10px;
    background:url(../medias/bg-label.png) top right no-repeat;
    height:13px;	/*init 15*/
    padding:2px 20px 0 0;
}
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:9px;
	color:#999;
}
.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;
}
.asterisque{
	color:#593915;
}
.indication{
	color:#593915;
    font-size:10px;
}
.erreur{
	color:#006630;
    border:1px dotted #006630;
    padding:10px;
}
iframe{
	border:1px solid #777;
}