/* CSS Document */


/* -- MISE A PLAT SELECTEUR PRINCIPAUX-- */
html { font: 13px/1.25em Verdana, Helvetica, sans-serif ; }
body { font-size: 1em ; background: url(../img/degrade.jpg) 0 0 repeat-x #fff; position: relative; color: #151414;  }
* { position: relative ; margin: 0 ; padding: 0 }
h1, h2, h3, h4, h5, h6 { text-align: left ; font-size: 1.25em ; margin : 20px 0 15px ;}
h2 {font-size: 1.1em ; font-style: italic ; }
ul { list-style: none }
a { color: #552010 ; text-decoration: none ; cursor: pointer ; }
a img { border: 0 ; }
hr { clear: both ; float: none ; visibility: hidden ; height: 0 ; }
sup { vertical-align: text-top ; font-weight: bold }
p { line-height : 1.4em ; margin: 10px 0 ; }
iframe,object { border: none; }

/* -- CLASSES PRATIQUES -- */
.asterisque { clear: both ; float: none ; font-size: 0.8em ; margin: 0 ; padding: 0 ; }
.gras { font-weight: bold ; }
.italique { font-style: italic ; }
.msg { color: #FBB738 ;  }
.right { clear: both ; float: right ; margin: 0 0 1em 1em ; }
.left { clear: both ; float: left ; margin: 0 1em 1em 0 ; }
.alignRight { text-align: right ; }
.alignLeft { text-align: left ; }
.alignCenter { text-align: center ; }
.clear { clear: both ; }
.required { color: #f53 ; color: #AF3027}
.requiredVert { color: #5Ca157 ;}
.requiredBleu { color: #5F7DC2 ;}
.widthAuto { width: auto ; }
.taille09 {  font-size: 0.9em ; }
.taille08 {  font-size: 0.8em ; }
.btn { cursor: pointer ; }
.justifie { text-align: justify ; }
.blockquote { display: block ; padding: 0.5em 1em ; background-color: #ccc ; }

/* --- CHARTE --- */
h3 {  margin: 0 0 15px; }

#trame {
	position: absolute ;
	z-index:0 ;
	width : 100% ;
	height: 100% ;
	top: 0 ;
	background: url(../img/trame.png) 0 0 repeat ;
}


#special {
/*	color: #ccf ;
	color: #6efa08 ;
	color: #857e7e ;
*/}

/* --- STRUCTURE ---- */

#page {
	width: 990px;
	margin: 10px auto 0 ;
	padding: 15px 0 10px;
	border: 3px solid #442107 ;
	position : relative;
}

#header {
	text-align: center;
	margin: 15px 0 0 ;
	z-index: 100;
}
#footer {
	position: relative ;
	clear: both ;
	text-align: right;
	width: 990px;
	margin: 0px auto;
	padding: 0px ;
/*	border: 3px solid #151414 ; */
/*	background-color: #ffe; */
}


#header #info {
	margin : 20px 0 0;
	color: #857e7e ;
	color: #6efa08 ;
	color: #ccf ;
	color: #ccf ;
	background-color : #442107 ;
	font-size : 1.7em;
	padding: 0.2em ;
}

#texte,
body#newsletter {
	float: left;
	margin: 0 0 10px 20px;
	background : none ;
	z-index: 50;
}
body#newsletter #contenu {
	margin: 74px 0 ;
	padding: 0 74px ;
	background: url(../img/box_middle.png) 0 0 repeat-y ;
	width: 258px ;
}

#texte {
	width : 480px ;
	margin: 15px 0 20px 60px;
}

iframe, object {
	position: relative;
	z-index : 50;
	width:450px;
	height:400px;
	overflow: hidden;
	border:0px;
}

.haut {
	display: block;
	position : absolute;
	top: 0px;
}
.bas {
	display: block;
	position : absolute;
	bottom: 0px;
}

#newsletter .haut {
	width: 406px;
	height: 74px;
	background: url(../img/box_haut.png) 0 0 no-repeat;
}
#newsletter .bas {
	width: 406px;
	height: 74px;
	background: url(../img/box_bas.png) 0 0 no-repeat;
}

ul#nav {
	position: relative ;
	clear : both;
	z-index: 50;
	margin: 0 0 ;
	padding: 0 0 0 15px ;
}
ul#nav li {
	float: left ;
}
ul#nav li a {
	display : block ;
	width : 320px;
	text-align: center;
	padding: 3px 0 ;
	text-decoration: underline;
}
ul#nav li a:hover, ul#nav li.selected a {
	color: #ccf;
	background-color: #442107;
	text-decoration: none ;
}
#footer p {
	font-size : 0.8em ;
}
input {
	display : block ;
	margin: 0 auto;
	padding : 0 ;
}
input#email {
	margin-top: 15px ;
}
p.asterisque {
	clear: both;
	padding: 15px 10px 0 60px ;
}