html, body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #453f4a;
/*	background-color: #b2229e; */
	background-color: #fff; 
}

.lien_noel_11 {
	position: absolute;
	z-index: 99;
	width: 257px;
	height: 40px;
	margin-top: 132px;
	margin-left: 140px;
	cursor: pointer;
	background: #FFF;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
}

form {
	margin: 0;
}

img {
	border: 0;
}

TD A {
	color: #B2229E;
}

.highlight {
	background-color: #B2229E;
	color: #FFF;
}

.corps {
	width: 1000px;
	margin: auto;
	background-color: #FFF;
}

.contenu {
	background: url(../img_graph/vague/fond-milieu2.jpg) top left repeat-y;	
}

.logo {
	position: absolute;
	z-index: 3;
	top: 30px;
	margin-left: 30px;
	width: 120px;
	height: 87px;	
}

.vague_haut {
	position: absolute;
	z-index: 2;
	width: 168px;
	height: 230px;
}

.vague_milieu {
	position: absolute;
	z-index: 2;
	width: 131px;
	height: 1180px;
	overflow: hidden;
/*	background: url(../img_graph/vague/fond-milieu.png) 0px 1189px repeat-y;*/
}

.btn A {
	display: inline-block;
	padding: 5px;
	background-color: #b2229e;	
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.entete {
	height: 170px;
	padding: 10px 0 10px 0;
	background-color: #b2229e;
}

.entete_visuel {
	height: 170px;
	width: 714px;
	overflow: hidden;
}

.entete_menu {
	position: absolute;
	margin-left: 555px;
	top: 20px;
}

.entete_menu UL {
	padding: 0;
	margin: 0;
}

.entete_menu LI {
	list-style: none;
	width: 160px;
	margin-top: 10px;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 0 5px 10px;
	cursor: pointer;
}

.entete_menu .li_on {
	background-color: #b2229e;
}
.entete_menu .li_on A, .entete_menu A {
	display: block;
	color: #FFF;
	text-decoration: none;
}

.entete_textes_contenu A {
	color: #FFF;
}


.menuliah A {
	background-color: #453f4a;
	padding: 6px 8px 0px 5px;
	color: #2f4f1f;
	text-decoration: none;
	display: block;
	width: 140px;
}

.menuliah DIV A {
	font-size: 12px;
}

.entete_textes {
	position: absolute;
	margin-left: 715px;
	width: 265px;
	top: 10px;
	padding: 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

.entete_textes_titre {
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
}

.entete_textes_titre IMG {
	padding: 0 7px 7px 0;
}

.entete_textes DIV {
	text-align: justify;
}

.menu {
}

.menu UL {
	padding: 0;
	margin: 0; 
	margin-left: 245px;
}

.menu LI {
	float: left;
	text-align: left;
	list-style: none;
	width: 150px;
	height: 30px;
	font-size: 15px;
	color: #fff;
	border-left: solid 1px #FFF;
	background-color: #453f4a;
}

.menu LI A {
	color: #fff;
	display: block;
	height: 25px;
	padding: 5px 0 5px 10px;
	text-decoration: none;
}

.menu LI A:hover {
	background-color: #b2229e;
}

.ss_ss_menu {
	display: none;
	position: absolute;
	z-index: 99;
	margin-left: 151px;
	width: 154px;
}

.sur_corps {
	height: 55px;
	background: url(../img_graph/corps/onvouschangelaville.png) bottom left no-repeat;
	text-align: right;
	padding: 50px 30px 0 0;
}

.sur_corps .input_recherche {
	outline: none;
	height: 30px;
	width: 181px;
	border: 0px;
	background: url(../img_graph/corps/input_recherche.png) top left no-repeat #fff;
	padding: 5px 10px 0 10px;
	display: none;
}

.slide {
	width: 1000px;
	height: 208px;
	overflow: hidden;
	border-top: solid 10px #b2229e;
	border-bottom: solid 10px #453f4a;
}

.slide .blanc {
	position: absolute;
	z-index: 2;
	margin-left: 665px;
	padding: 20px 17px 17px 17px;
	width: 301px;
	height: 171px;
	overflow: hidden;
	background: url(../img_graph/slideshow/blanc.png) top left;
	font-size: 14px;
	font-weight: bold;
	color: #453f4a;
}

.slide .blanc_titre {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	height: 40px;
}

.corps_contenu {
	margin-left: 106px;
}

.table_page {
	margin-top: 25px;
	width: 894px;
}

.table_page THEAD TD {
	color: #FFF;
	font-size: 17px;
	font-weight: bold;
	background-color: #453f4a;	
	height: 72px;
	cursor: pointer;
}

.plus {
	background: url(../img_graph/en_savoir_plus.png) bottom right no-repeat #453f4a;	
}
.plus A {
	color: #FFF;
	text-decoration: none;
}

.table_page THEAD TD IMG {
	padding-right: 10px;
}

.table_page .td_vide {
	width: 40px;
	background: none;
	background-color:#FFF;
}

.table_page .sans_plus {
	background: none;
	background-color: #453f4a;
	cursor: default;
}

.tags A {
	color: #453f4a;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

.sous_tags {
	text-align: justify;
	font-size: 12px;
}

.pied {
	text-align: center;
	margin-top: 30px;
	color: #453f4a;
	font-weight: bold;
}

.pied A {
	color: #453f4a;
	font-weight: bold;
	text-decoration: none;
}

.menu_ds_page UL {
	padding: 0;
	margin: 0;
}
.menu_ds_page UL LI {
	float: right;
	list-style: none;
	width: 160px;
	margin: 0 0 10px 1px;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	text-align: center;
}
.menu_ds_page UL LI A {
	background-color: #453f4a;
	padding: 6px 8px 6px 8px;
	color: #fff;
	text-decoration: none;
	display: block;
}
.menu_ds_page UL LI A:hover {
	background-color: #b2229e;
}

/* VIDEOS */

.ul_video {
	padding: 0;
	margin: 0px;
}

.ul_video LI {
	float: left;
	list-style: none;
	width: 200px;
	height: 142px;
	padding: 10px;
	text-align: center;
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.ul_video LI IMG {
	background-color: #FFF;
	border: solid 1px #CCC;
	padding: 5px;
}

/* PHOTO */

.liste_gal {
	padding: 0;
	margin: 0px;
}

.liste_gal A {
	text-decoration: none;
	color: #b2229e;
	font-weight: bold;
}

.liste_gal LI {
	float: left;
	list-style: none;
	width: 200px;
	padding: 10px;
	text-align: center;
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.liste_gal LI IMG {
	background-color: #FFF;
	border: solid 1px #CCC;
	padding: 5px;
}

.titre_gal {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px 106px;
	padding: 0 0 20px 0;
	border-bottom: solid 3px #B2229E;
}

/* PHOTO DANS ANIMATION */
.reprise_gal_manif {
	padding: 0;
	margin: 0;
}
.reprise_gal_manif LI {
	list-style: none;
	float: left;
	width: 130px;
	text-align: center;
}
.reprise_gal_manif LI IMG {
	background-color: #FFF;
	border: solid 1px #CCC;
	padding: 5px;
}

/* QUIZZ */

.popup{
	position:absolute;
	z-index:999999999;
	width:1200px;
}

.quizz_top{
	width:1045px;
	height:399px;
	background: url(../img_graph/quizz/quizz_top.png) top left no-repeat;
}
.quizz_left{
	width:400px;
	width:401px\9;
	height:464px;
	background: url(../img_graph/quizz/quizz_left.png) top left no-repeat;
}
.quizz_right{
	width:645px;
	height:464px;
	background: url(../img_graph/quizz/quizz_right.png) top left no-repeat;
}
.quizz_label{
	float:left;
	width:54px;
	padding-top:2px;
	font-size:12px;
	color:#3487d0;
	font-weight:bold;
	font-family:Arial;
	padding-right:3px;
}
.quizz_input{
	float:left;
	border:1px solid #e0dfdc;
	border-top:1px solid #d6d4d1;
	background-color:#e0dfdc;
	height:16px;
	margin-bottom:3px;
	width:392px;
	outline:none;
}
.text_question{
	font-variant:small-caps;
	color:#d20072;
	font-weight:bold;
	font-family:Arial;
	font-size:15px;
}
.text_reponse{
	padding-left:7px;
	padding-right:9px;
	float:left;
	font-family:Arial;
	font-size:11px;
	color:#3ea6db;
	font-weight:bold;
	height:17px;
}
.text_reponse input{
	float:left;
}
.text_reponse div{
	float:left;
	padding-top:3px;
	padding-left:2px;
}
.quizz_valid{
	margin-top:11px;
}
.quizz_valid_btn{
	width:133px;
	height:25px;
	background: url(../img_graph/quizz/quizz_valid.png) top left no-repeat;
	border:0px;
	cursor:pointer;
	margin-left:300px;
}
.quizz_close{
	background: url(../img_graph/quizz/quizz_close.png) top left no-repeat;
	width:80px;
	height:16px;
	margin-left:930px;
	margin-bottom:330px;
	top:0px;
	right:0px;
	cursor:pointer;
}
.quizz_reglement{
	font-family:Arial;
	font-size:10px;
	margin-left:302px;
	margin-top:4px;
}
.quizz_reglement a{
	font-family:Arial;
	font-size:9px;
	color:#394352;
}

.overlay{
	display:none;
	background-color:black;
	z-index:999999998;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
}

/* NOEL 2011 */
.popup_noel11, .noel11, .noel11 .etape1, .noel11 .etape2, .noel11 .etape3 {
	width: 955px;
	height: 792px;
}
.popup_noel11 .quizz_label {
	color: #161e53;
}
.noel11 .etape1, .noel11 .etape2 {
	background: url(../img_graph/noel11/etape_1_2.png) top left no-repeat;
}
.noel11 .etape3 {
	background: url(../img_graph/noel11/etape_3.png) top left no-repeat;
}

.noel11_etape1_txt {
	position: absolute;
	width: 450px;
	margin-top: 476px;
	margin-left: 239px;
	font-family: Verdana;
	font-size: 12px;
	color: #161e53;
}

.graph_etape1 {
	background: url(../img_graph/noel11/graph_etapes1.png) top left no-repeat;
	width: 292px;
	height: 52px;
	position: absolute;
	margin-top: 391px;
	margin-left: 210px;
}
.graph_etape2 {
	background: url(../img_graph/noel11/graph_etapes2.png) top left no-repeat;
	width: 292px;
	height: 52px;
	position: absolute;
	margin-top: 391px;
	margin-left: 210px;
}
.graph_etape3 {
	background: url(../img_graph/noel11/graph_etapes3.png) top left no-repeat;
	width: 292px;
	height: 52px;
	position: absolute;
	margin-top: 351px;
	margin-left: 210px;
}
.btn_etape1 {	
	background: url(../img_graph/noel11/Bouton2.png) top left no-repeat;
	width: 156px;
	height: 30px;
	position: absolute;
	margin-top: 599px;
	margin-left: 235px;
	cursor: pointer;
}
.btn_etape1:hover {	
	background: url(../img_graph/noel11/Bouton2.png) bottom left no-repeat;
}
.btn_etape2 {	
	background: url(../img_graph/noel11/Bouton3.png) top left no-repeat;
	width: 156px;
	height: 30px;
	cursor: pointer;
	margin-top: 10px;
}
.btn_etape2:hover {	
	background: url(../img_graph/noel11/Bouton3.png) bottom left no-repeat;
}

.noel11_form {
	position: absolute;
	margin-top: 460px;
	margin-left: 235px;	
}

.noel11_etape3_txt {
	position: absolute;
	width: 450px;
	margin-top: 436px;
	margin-left: 239px;
	font-family: Verdana;
	font-size: 17px;
	color: #161e53;
	padding-top: 40px;
	background: url(../img_graph/noel11/bravo.png) top left no-repeat;
}

.descr_cadeau {
	font-size: 14px;
	color: #b5430f;
	font-weight: bold;
	padding-top: 30px;
}

.popup_noel11 .fermer {
	position: absolute;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	margin-left: 152px;
	margin-top: 10px;
	cursor: pointer;
}

.popup_noel11 .alerte {
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	color: #161E53;	
	position: absolute;
	margin-top: 599px;
	margin-left: 235px;
}

.popup_noel11 .logos {
	position: absolute;
	margin-top: 725px;
	margin-left: 458px;
	width: 292px;
	height: 52px;
	background: url(../img_graph/noel11/Logos_CDL.png) top left no-repeat;
}
.popup_noel11 .reglement {
	position: absolute;
	margin-top: 705px;
	margin-left: 498px;	
}
.popup_noel11 .reglement A {
	font-size: 12px;
	font-weight: bold;
	color: #161e53;
	text-decoration: underline;
}