/*=======================================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/fond-general.jpg) top left repeat-x #fff;*/
}
table, td, p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:justify;
  margin:0;
  padding:0;
}
a:link, a:hover, a:visited, a:active{
	color:#151515;
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}
a.proj:link, a.proj:visited, a.proj:active{
	display:block;
	padding:2px 5px 5px 15px;
	height:10px;	/* init 15*/
	background:url(../medias/bg-proj.png) top left no-repeat;
	margin:1px 0;
	color:#151515;
	text-decoration:none;
}
a.proj:hover{
	display:block;
	padding:2px 5px 5px 15px;
	height:10px;	/* init 15*/
	background:url(../medias/bg-proj-over.png) top left no-repeat;
	margin:1px 0;
	color:#151515;
	text-decoration:none;
}
a.proj-actif:link, a.proj-actif:visited, a.proj-actif:active, a.proj-actif:hover{
	display:block;
	text-align:right;
	padding:2px 15px 5px 5px;
	height:10px;	/* init 15*/
	background:url(../medias/bg-proj-actif.png) top right no-repeat;
	margin:1px 0;
	color:#151515;
	text-decoration:none;
}
img{
	margin:0;
	padding:0;
	border:0;
}


#conteneur{
 	width:940px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
 
#boites{
	width:940px;
	position:absolute;
	top:390px;
	left:0;
	height:170px;
	z-index:5;
} 
#boites2{
	width:940px;
	position:absolute;
	left:5px;
	height:170px;
	z-index:5;
} 
.box{
	float:left;
	width:269px;	/*init 295 */
	height:149px;	/*init 169 */
	margin:0 5px 0 10px;
	padding:10px 12px;
	background:url(../medias/bg-box.png) top left no-repeat;
	text-align:left;
}
#boites2 .box{

}
.box h2{
	font-weight:bold;
	color:#151515;
	text-transform:uppercase;
	font-size:11px;
	margin:0;
	padding:0;
}
.push{
	border:1px solid #504f4e;
	margin:10px 0 5px 0;
	display:block;
}
#entete{
 	width:100%;
	background:url(../medias/bg-home.jpg) top left no-repeat #fff;
	height:530px;
	margin:0;
	padding:0;
	position:relative;
}
#push{
	position:absolute;
	top:15px;
	left:110px;
}

#entete2{
 	width:100%;
	background:url(../medias/bg-presentation.jpg) top left no-repeat #fff;
	height:260px;
	margin:0;
	padding:0;
	position:relative;
}
#image{
	position:absolute;
	top:140px;
	left:40px;
	z-index:10;
}
#menu{
 	width:873px;
	background:url(../medias/bg-menu.png) top left no-repeat;
	height:62px;
	margin:0;
	padding:0;
	position:absolute;
	top:35px;
	left:35px;
}
div.menu{
	position:absolute;
	left:240px;
	top:13px;
} 
#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;
}

.item{
	font-size:11px;
	text-transform:uppercase;
	/*width:118px;*/
	float:left;
	text-align:center;
}

.item_actif{
	font-size:11px;
	text-transform:uppercase;
	/*width:118px;*/
	text-align:center;
}

.item a:link, .item a:visited, .item a:active{
	color:#151515;

	/* partie de code a repeter */
	text-decoration:none;
	padding:18px 10px 10px 10px;
	margin:0;
	display:block;
	height:14px;	/*init 42*/
}
.item a:hover{
	color:#151515;
 	background:url(../medias/bg-over-item.png) top center no-repeat;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:18px 10px 10px 10px;
	margin:0;
	display:block;
	height:14px;	/*init 42*/
}

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

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:18px 10px 10px 10px;
	margin:0;
	display:block;
	height:14px;	/*init 42*/
}

/*Couleur du libelle actif en survol */
.item_actif a:hover{
	color:#151515;
 	background:url(../medias/bg-over-item.png) top center no-repeat;
	
	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:none;
	padding:18px 10px 10px 10px;
	margin:0;
	display:block;
	height:14px;	/*init 42*/
}

#add-on{
	z-index:20;
    background:url(../medias/add-on/bg-add-on.png) top left repeat-x;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    margin:0;
    padding:0;
	height:300px;
	position:absolute;
	top:-291px;
	/*top:0;*/
}
#add-on .pub{
	width:940px;
    margin:0 auto;
    padding:0;
    position:relative;
    height:300px;
}
#add-on .pub #explication{
    color:#fff;
    position:absolute;
    bottom:0px;
    left:0;
    width:940px;
    margin:0;
    padding:30px 0 20px 0;
    font-size:16px;
    text-align:left;
}
#add-on .pub #explication strong{
	font-size:21px;
}
#add-on .pub #explication span{
	text-transform:uppercase;
    font-size:14px;
}
#add-on .pub #content{
	width:545px;	/*init 940*/
    height:41px;
   /* margin:300px 0 0 0;*/
    position:absolute;
    bottom:-41px;
    padding:0 0 0 395px;
    color:#fff;
    background:url(../medias/add-on/bg-content.png) top left no-repeat;
    text-align:left;
    z-index:21;
}
#add-on #content .btn{
	position:absolute;
    top:10px;
    right:40px;
}
#add-on #content h2{
	font-size:15px;
    font-weight:normal;
    color:#fff;
    padding:0;
    margin:0;
}
#add-on #content span{
	font-size:10px;
    text-transform:uppercase;
}
#add-on #content a, #add-on .pub #explication a{
	color:#fff;
    text-decoration:none;
}
#add-on #content a:hover, #add-on .pub #explication a:hover{
	color:#fff;
    text-decoration:underline;
}
#corps{
	width:900px;	/*init 940*/
	background:url(../medias/bg-corps.png) top left repeat-x #fff;
	padding:15px 20px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#corps2, #corps3{
	width:900px;	/*init 940*/
	background:url(../medias/bg-corps.png) top left repeat-x #fff;
	padding:15px 20px 15px 20px;
	margin:0 auto;
	text-align:left;
	position:relative;
	top:0;
	left:0;
}
#corps3, #corps2{
	width:580px;	/*init 940*/
	padding:15px 20px 15px 340px;
}

#contenu{
	/*background:url(../medias/fond-contenu.jpg) bottom right no-repeat #fff;*/
	padding:10px 10px 10px 0;
	margin:40px auto;
	text-align:justify;
}
#corps2 #contenu, #corps3 #contenu{
	margin:20px 0 40px 0;
}
#pied{
	/*background:#ea461a;*/
	background:url(../medias/bg-pied.png) top left repeat-x #353535;
	text-align:right;
	height:74px;	/*init 104*/
	width:925px;	/*init 940*/
	padding:30px 15px 0 0;
	margin:0 auto;
	position:relative;
	font-size:11px;
	color:#bdbcbc;
}
.blanc{
	color:#fff;
}
#pied a:link, #pied a:visited, #pied a:active{
	color:#bdbcbc;
	padding:1px 3px;
	text-decoration:none;
}
#pied a:hover{
	color:#fff;
	background:none;
	padding:1px 3px;
	text-decoration:none;
}
.copyright{
	position:absolute;
	top:40px;
	left:50px;
	margin:0;
	padding:0;
	font-size:10px;
	color:#fff;
}
.qualification{
	position:absolute;
	top:0;
	left:5px;
}



h1{
	text-transform:uppercase;
	font-size:17px;
	color:#010101;
	margin:0;
	padding:0;
}
.soustitre{
	font-weight:bold;
	font-size:12px;
	color:#333;
	padding:0 0 15px 0;
}
.accroche{
	color:#fcd834;
	font-size:12px;
	margin:0;
	padding:10px 0;
}
ul.accroche{
	margin:0 5px 0 10px;
	padding:5px 0;
}
.jaune{
	color:#fcd834; 
}
.texte{
	color:#010101;
	font-size:12px;
}
form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
	border-bottom:1px solid #666;
	padding:3px 5px;
	margin:5px 0;
	width:200px;
	font:12px Arial, Helvetica, sans-serif;
	background:#fcd834;
}
textarea{
	height:300px;
	width:400px;
}
.bt-envoi{
	background:none;
	margin:2px 0 0 130px;
	border:0;
	width:auto;
	height:auto;
}
label{
	text-align:left;
	display:block;
	width:20%;
	float:left;
	font-weight:bold;
	font-size:12px;
	margin:5px 10px 5px 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 #fcd834;
	color:#fcd834;
	font-weight:bold;
	padding:10px;
}
.citation{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
}
.separation{
	clear:both;
}
.separation2{
	clear:both;
	height:200px;
}
.reflet{
	background:url(../medias/reflet.png) bottom left no-repeat;
	padding:0 0 41px 0;
}
.reflet2{
	border:1px solid #555;
}

.photo{
	padding:3px;
	margin:0px 10px 10px 0px;
	float:left;
	text-align:center;
	width:auto;
	height:100px;
}

/*  LARGEUR DU DIV CONTENANT L'IMAGE DE LA GALERIE  */
.photo img{
	padding:2px;
	border:1px solid #555;

}
.photo table{
	/*
	width:120px;
	height:100px;
	padding:0 5px;
	*/
}

.photo td {
	text-align:center;
}

.left{
	float:left;
    margin:10px 10px 0 10px;
}