/*=======================================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:#363636;
  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:12px;
  text-align:justify;
}
#corps a:link,#corps  a:hover,#corps  a:visited, a:active{
	color:#1e1e1e;
	text-decoration:underline;
}
#corps a:hover{
	text-decoration:underline;
}
img{
	margin:0;
	padding:0;
	border:0;
}
a:hover img{
	text-decoration:none;
}
ul, li{
	margin:0;
    padding:0;
}

#conteneur{
 	width:940px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
/*	border:1px solid #ff0;*/
}
 
#entete{
 	width:940px;	/*init 940*/
	height:430px;	/* init 430*/
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background:url(../medias/bg-entete.jpg) top left no-repeat;
}

h1#logo{
	width:207px;
    padding: 177px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:177px;
	z-index:5;
	position:absolute;
	top:22px;
	left:32px;
}

#principal{
	width:940px;
	height:28px;
	padding:0;
	position:absolute;
	top:400px;
	left:0;
}
#principal ul, #principal li{
 	padding:0;
	margin:0;
	list-style:none;
}

.item, .item_actif {
 	padding:0;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
    position:relative;
    font-weight:bold;
}
.item a:link, .item a:visited, .item a:active{
	color:#fff;
 	background:url(../medias/bg-item.png) top left no-repeat;

	/* partie de code a repeter */
	text-decoration:none;
	padding:5px 30px;
	margin:0 3px;
	display:inline-block;
	height:20px;	/* init 30*/
    position:relative;
}
.item a:hover{
	text-decoration:underline;
}

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

	/* partie de code a repeter */
	text-decoration:none;
	padding:5px 30px;
	margin:0 3px;
	display:inline-block;
	height:20px;	/* init 30*/
    position:relative;
}

.item_actif a:hover{
    color:#fff;
 	background:url(../medias/bg-item.png) top left no-repeat;

	/* partie de code a repeter si homogeneite souhaite */
	text-decoration:underline;
}

#corps{
	width:950px;
	background:#fff;
	padding:0;
	margin:0 auto;
	text-align:center;
    min-height:422px;	/*init 562*/
    height:auto !important;
    height:422px;		/*init 562*/
	position:relative;
}

#texte{
	width:650px;
    padding:20px 10px;
    margin:0 auto 0 0;
    text-align:left;
}
#module-gauche{
	width:235px;	/* init 235 */
	float:left;
    margin:0;
	padding:0px;
	color:#333;
}
#module-droite{
	width:175px;
	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:645px;	/*init 645*/
	margin:0 0 0 295px;
	padding:0px;
    color:#222;
    font-size:12px;
    font-size:11px;
    text-align:left;
}

.bloc, .push{
	display:block;
    padding:0;
    margin:0 0 20px 0;
}
#pied{
	height:155px;
	background:url(../medias/bg-pied.png) top left repeat-x;
	width:100%;
}
.pied{
	width:760px;	/*init 950*/
	padding:20px 10px 10px 240px;
	height:125px;	/*init 155*/
	margin:0 auto;
	text-align:left;
	color:#5a5958;
	font-size:12px;
	font-weight:normal;
	background:url(../medias/logo-pied.png) center left no-repeat;
}
#pied a:link, #pied a:visited, #pied a:hover, #pied a:active{
	display:inline-block;
	color:#fff;
	text-decoration:underline;
	font-weight:normal;
	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;
}

form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
	padding:1px 5px;
	margin:5px 0;
	font:12px Arial, Helvetica, sans-serif;
}
input{
	width:175px;	/*init 185*/
	background:#f7d0b7;
	height:18px;	/*init 20*/
    color:#333;
}
textarea{
	height:148px;	/*init 150*/
	width:175px;
	background:#f7d0b7;
    color:#333;
}
.bt-envoi, .bt-envoi2, #rappel .bt-appel{
	background:none;
	text-align:center;
	margin:2px 0 20px 70px;
	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:20%;
	float:left;
	font-weight:normal;
	font-size:12px;
    padding:2px 0 0 0;
	margin:5px 5px;
}
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;
    margin:0 0 20px 70px;
}
.indication2{
	margin-left:200px;
}
.erreur, .erreurOK{
	padding:10px;
    color:#fff;
    background:#3c3c3c;
    font-size:11px;
}
.erreurOK{
	background:#acc42a;
    color:#000;
}
h1{
	font-size:26px;
    color:#363636;
    margin:0;
    padding:5px 0;
    font-weight:normal;
}
h2{
	font-size:15px;
    font-weight:normal;
    text-transform:uppercase;
    color:#f06314;
}
.right{
	float:right;
    margin:0 0 10px 10px;
}



#encart{
    background:url(../medias/bg-encart.jpg) top left no-repeat;
    width:205px;	/*init 245*/
    height:438px;	/*init 478*/
    padding:20px;
    position:absolute;
    top:0;
    right:0;
    text-align:left;
}
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;
}


.bleu{
	color:#184c98;
    font-weight:bold;
    font-size:12px;
}
.orange{
	color:#e95d0f;
    font-weight:bold;
    font-size:12px;
}
.gros{
	font-size:26px;
    font-weight:normal;
}
#bloc{
	position:relative;
    margin:40px 0;
    padding:0;	
}

#bloc-gauche, #bloc-ctc{
	width:279px;	/*init 309*/
    height:353px;	/*init 383*/
    padding:15px;
    background:url(../medias/bg-bloc-gauche.png) top left repeat-x;
}
#bloc-ctc{
	height:auto;
}
#bloc-droite{
	width:279px;	/*init 309*/
    height:353px;	/*init 383*/
    padding:15px;
    position:absolute;
    top:0px;
    left:340px;
    background:url(../medias/bg-bloc-droite.png) top left repeat-x;
}
#edispo{
	margin:6px 0 0 0;
    color:#ededed;
    font-size:9px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
}
#edispo a:link, #edispo a:visited, #edispo a:hover, #edispo a:active{
	text-decoration:none;
}