@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}

html{
	font-size:100%;
	overflow-x: hidden;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#000;
	background-color:#E4E1BB;
/*	overflow: hidden;*/
}

h1 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-weight: 300;
	letter-spacing: -1px;
}

a img{
	border: none;
}

p{
	margin-bottom: 1em;
}

/****** SCROLL ******/
/* position:absolute for all browsers - the whole page scrolls */
div#baseline, div#bkg, div#navig {
	position:absolute;
}
/* position:fixed for modern browsers - header do not scroll */
body>div#baseline, body>div#bkg, body>div#global_wrapper>div#navig {
	position:fixed;
}
/****** fin SCROLL ******/



/*GLOBAL*/
#global_wrapper{
	position: absolute;
	width: 1030px;
/*	margin:auto;*/
	left: 50%;
	margin-left: -515px;
}
/*******/


/*SHADOW*/
.shadow ul{
}
.shadow span{
	background: url(../img/more-rgt.png) no-repeat right top;
	/*padding-right: 6px;*/
	/*padding-left: 2px;*/
	display: block;
	/*height: 30px;*/
}
.shadow li{
}
.shadow a{
	color: #FFF;
	text-decoration: none;
/*	background: url(img/more-lft.png) no-repeat left 5px;*/
}
/*******/

/*NAVIG*/
#navig {
	/*position: relative;*/
	top: 365px;
	right: 50%;
	margin-right: 70px;
	/*background-color: #F00;*/
	z-index: 20;
	font-size: .9em;
}
#navig a {
	text-decoration: none;
}
#navig ul {
	list-style-type: none;
	list-style-image: none;
}

#menu {
	/*float: left;*/
	position: absolute;
	top: 0;
	right: 130px;
}
#menu ul {
	/*margin-top: 12px;*/
}
#menu li {
	float: right;
/*	padding-top: 4px;*/
}
#menu span{
	/*margin-top: -12px; /* serre les lignes */
	/*padding-top: 1px; /* décale le haut de chaques lignes pour compenser l'ombre */
	padding-right: 4px; /* décale à droite de chaques lignes pour compenser l'ombre */
	padding-bottom: 3px;
	margin-top: -3px;
}
#menu a {
	/*text-align: right;*/
	white-space: nowrap;
	padding-right: 30px;
	padding-left: 10px;
	padding-top: 3px;
	height: 17px;
	display: block;
	/*padding: 2px 30px 4px 10px;*/
}
#menu a:hover, #menu a.selected {
	background-color: #FFF;
	color: #000;
	height: 17px;
	display: block;
	font-weight: bold;
}

#ssmenu {
	/*float: right;
	width: 120px;*/
	position: absolute;
	top: 0;
	left: -125px;
	white-space: nowrap;
	/*padding-left: 10px;*/
}
#ssmenuCoche {
	/*float: left;
	margin-right: 5px;*/
	display:block;
	width: 10px;
	height: 20px;
}

#ssmenuContent {
	font-size: .9em;
	padding-top: 248px;
}

#ssmenuContent ul{
	margin-top: -18px;
	margin-left: 20px;
	list-style-type: none;
	list-style-image: none;
}

#ssmenuContent li{
	margin-bottom: 0.25em;
}
#ssmenuContent a{
	color: #000;
	text-decoration: none;
}

#ssmenuContent a.selected{
	font-weight: bold;
}

/*******/

/*VOIR AUSSI*/
#head_more {
	color: #FFF;
	height: 24px;
}

#head_more ul {
	list-style-type: none;
	list-style-image: none;
}

#head_more span{
	float: left;
	margin-left: -4px;
}

#head_more a, #head_more .voir{
	font-size: 10px;
}
#head_more .voir{
	font-weight: bold;
}
#head_more #more{
	margin-top: 5px;
	margin-left: 4px;
	margin-right: 6px;
/*	padding-top: 3px;*/
	width: 23px;
}

#head_more span{
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 6px;
}
#head_more #more span{
	margin-right: 6px;
	padding-right: 5px;
	padding-left: 0;
}
/*******/



/*WRAPPER*/
#wrapper{
	/*margin-top: 10px;*/
	margin-left: 280px;
	z-index: 0;
}

#middle{ 
	position: relative;
	font-size: 1em;
/*	background: url(img/trames/index/middle.png) repeat-y 0 0;*/
	padding-left: 25px;
	padding-right: 30px;
	width: 705px;
	min-height: 780px;
}

/*SIDEBAR*/
#sidebar {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 35px;
}
/*******/


/*CONTENT WRAPPER*/
#content_wrapper{
	margin-left: 150px;
	margin-right: 50px;
	padding-bottom: 50px;
}

/*CONTENT*/
.content{
	border-bottom: 1px solid #000;
	/*padding-bottom: 10px;*/
	margin-bottom: 10px;
}

.content hr{
	color: #000;
	background-color: #000;
	height: 1px;
	border: 0;
	margin-bottom: 1em;
}
#Index-content{
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	margin-left: -150px;
	overflow: visible;
	position: relative;
}

.head_illus{
	margin-left: -6px;
}

#Index-content .head_illus{
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: 6px;
	float: left;
}
.head_illus .head_pic{
	margin-left: 6px;
	background: url(../img/fond_headIllus.png) no-repeat -6px -6px;
	width: 514px;
	height: 262px;
}

#Index-content .head_pic{
	margin-left: -16px;
	background: none;
}

.post_content{
	margin-right: 5px;
}

#Index-content .post_content{
	border-top: 1px solid #000;
	margin-left: 325px;
	padding-top: 5px;
}
.post_content h1{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	font-size: 3em;
}

.post_content em{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-weight: 300;
font-size: 1.2em;
line-height: 1em;
font-style: inherit;
/*text-transform: uppercase;*/
}
.post_content .hat{
	font-size: 1.1em;
/*	letter-spacing: -0.5px;	*/
	font-style: italic;	
}

.post_content ul {
	margin-bottom: 1em;
}

.post_content li {
	margin-left: 1.25em;
}

/*******/

/*SUB CONTENT*/
#subcontent {
	overflow: auto;
	width: 110%;
}
#subcontent .content{
	width: 156px;
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
	border: none;
}
#subcontent .head_pic{
	background: url(../img/fond_subIllus.png) no-repeat -6px -6px;
	width: 164px;
	height: 144px;
}
#subcontent h1{
	font-size: 1.2em;
	letter-spacing: -0.5px;
}
#subcontent .clear{
	clear: both;
}
#subcontent.clear{
	width: 100%;	
}

#subcontent.clear h1{
	font-size: 2em;	
}

#subcontent.clear .content{
	clear: both;
	width: 100%;	
}

.content a, #subcontent a{
	text-decoration: none;
	color: #000;
}
.content a:hover, 
#subcontent a:hover{
	color: #FFF;
}

#subcontent .thumb{
	background: url(../img/fond_thumbs.png) no-repeat -8px -8px;
	width: 100px;
	height: 100px;
	float: left;
}
/*******/


/*BACKGROUND*/
#bkg{
/*	position: absolute;*/
	top: 0;
	left: 50%;
	width: 1400px;
	margin-left: -550px;
	overflow: hidden;
	z-index: -10;
}


#baseline{
/*	position: absolute;*/
	top: 70px;
	left: 50%;
	margin-left: -500px;
	z-index: 9;
}

/*******/


/*FORMULAIRE*/
#formulaire {
	width: 90%;
}
#formu input[type=submit], #formu input[type=reset]
{
	text-transform:uppercase;
}
#formu label, #formu .opt, /*IE6*/#formu .bouton/*IE6*/
{
	text-transform:uppercase;
}

#formu p
{
	width:150px;
	float:left;
	margin-right:15px;
	margin-left:0;
}
#formu input
{
	width:150px;
}
#formu input[type=radio]
{
	width:60px;
}
#formu textarea
{
	height:6em;
	width:97%;
	margin:-0.8em 0 2em 0;
}
#formu .opt
{
	color:#555;
}

#formu .opt
{
	color:#444;
}
#formu .opt:after {
content: " *";
}

#confirm {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-weight: 300;
	letter-spacing: -1px;
	font-size: 2em;
	margin-bottom: 1em;
}

/*******/
#bottom{
	height: 58px;
	background-position: 0 -10px;
	background-repeat: no-repeat;
}
.copyright{
	position: relative;
	margin-left: 175px;
	top: -.5em;
	font-size: .8em;
}

.copyright span {
	position: absolute; 
	right:30px; 
	top:-5px;
}

.copyright a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.copyright a:hover {
	text-decoration: underline;
}

/*LIGHTBOX*/
span#numberDisplay{
	display: none;	
}
/*******/


.bolo{
	color: #F00;
}



#badge20ans {
	position: relative;
	top: 20px;
}


#videoEntrVideo {
	top: 150px !important;
	left: 50% !important;
	margin-left: -600px;
	
}