/***************** BODY *****************/

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

#body_accueil {
	background-image:url(../images/charte/fond.jpg);
	/*background-color:#000;*/
}

#body_page {
	background-image:url(../images/charte/fond.jpg);
	/*background-color:#000;*/
}

a{
	text-decoration:none;
}

/***************** CONTAINER ACCUEIL*****************/

#container {
	width: 1000px;
	margin: -88px auto;
	text-align:left;
	/*overflow: hidden;*/
	min-height:820px;
	background:url(../images/charte/contenu.jpg) top left repeat-y;
	position:relative;
	z-index:1;
}

#cont1 {
	height:470px;
	width:100%;
	margin-top:-80px;
}



#col_gauche {
	/*background:url(../images/charte/fond_slider.jpg) no-repeat;*/
	width:637px;
	min-height:366px;
	position:absolute;
	margin-top:83px;
	margin-left:18px;
}


#img_gauche {
	margin-top:7px;
	margin-left:7px;
}

#bandeau_slider {
	background:url(../images/charte/bandeau_slider.png) no-repeat;
	width:621px;
	height:54px;
	position:absolute;
	margin-top:250px;
}

#bandeau {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:20px;
	margin-top:17px;
}

#a_bandeau {
	text-decoration:none;
}

#point {
	position:relative;
	width:100%;
	height:15px;
	left:50%;
	margin-left:-26px;
	margin-top:3px;
}

.rond {
	background:url(../images/charte/point_blanc.jpg) no-repeat;
	width:11px;
	height:12px;
	display:inline-block;
}

.selected {
	background:url(../images/charte/point_gris.png) no-repeat;
	margin-bottom: 1px;
}

#col_droite {
	background:url(../images/charte/fond_video.jpg) no-repeat;
	width:314px;
	min-height:228px;
	position:absolute;
	margin-top:90px;
	margin-left:663px;
}

.img_droite {
	float:left;
	margin-top:5px;
	margin-left:7px;
	display:none;
}

.p_droite {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	float:left;
	position:relative;
	margin-top:5px;
	margin-left:12px;
	width:200px;
	font-size:12px;
	display:none;
}

#savoir {
	background:url(../images/charte/bouton_savoir.jpg) no-repeat;
	width:107px;
	height:34px;
	position:absolute;
	/*margin-top:18px;*/
	/*margin-left:45px;*/
}

#savoir2 {
	background:url(../images/charte/live_feed.jpg) no-repeat;
	width:164px;
	height:38px;
	position:absolute;
	/*margin-top:18px;*/
	margin-left:25px;*/
}


/*CONTENU DIV 2*/
#cont2 {
	background:url(../images/charte/content2.png) no-repeat;
	width:980px;
	height:256px;
	position:relative;
	margin-left:9px;
}

#mois {
 	position:relative;
	height:45px;
}

#mois2 {
 	position:relative;
	height:15px;
}

#mois_1 {
	color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin-left: 45px;
    margin-top: 17px;
    text-decoration: underline;
}

#selection {
color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: 660px;
    margin-top: 19px;
    position: absolute;
}

.mois_menu {
	background:url(../images/charte/bouton_mois.png) no-repeat;
	width:117px;
	height:39px;
	position:absolute;
	margin-left:830px;
	margin-top:6px;
	z-index:30;
}

#mois_selected {
	margin-top:11px;
	height:10px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
}

.mois_menu ul {
	margin-top:12px;
 	padding:5px;
 	list-style-type:none;
	display:none;
}

.mois_menu_visible ul {
	margin-top:5px;
 	padding:5px;
 	list-style-type:none;
}

.mois_menu li {
	text-align:center;
	margin-top:-5px;
	padding:0;
	background:url(../images/charte/bouton_menu.png) no-repeat;
	width:107px;
	height:29px;
	
}

.mois_menu li a {
	display:block;
	text-decoration:none;
	border:none;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:3px;
 }


#photo {
	position:relative;
	clear:both;
	padding-left:55px;
	z-index:20;
	height:200px;
}

#fleche_gche {
	background:url(../images/charte/fleche_gche.jpg) no-repeat;
	width:34px;
	height:35px;
	position:absolute;
	top:0;
	left:0;
	margin-top:65px;
	margin-left:11px;
}

#fleche_dte {
	background:url(../images/charte/fleche_dte.jpg) no-repeat;
	width:34px;
	height:36px;
	position:absolute;
	top:64px;
	left:937px;
}

.visuel_2 {
	float:left;
	margin-top:7px;
	padding-right:5px;
	position:relative;
	z-index:20;
	width:215px;
	height:124px;
}

.play_slider {
	position:relative;
	z-index:30;
	margin-left:-30px;
	margin-bottom:2px;
	margin-top:-30px;
}

.txt_slider {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:2px;
	font-weight:bold;
	text-align: center;
}

.txt_slider2 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

.titre_search{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:2px;
	font-weight:bold;
}

.desc_search{
	color:#c7c7c7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.categ_search{
	color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}

/*CONTENU DIV 3*/
#cont3 {
	width:980px;
	height:201px;
	position:relative;
	margin-left:9px;
}

#bas {
	height:80px;
}

/***************** HEADER *****************/

/*#header {
	background:url(../images/charte/header.png) top left repeat-x;
	height:80px;
	width: 100%;
	position:relative;
	z-index:10;

}*/

#header {
	background-color:#FFF;
	background-repeat:repeat-x;
	height:80px;
	width: 100%;
	position:relative;
	z-index:10;

}

#header2 {
	/*background-color:#000;*/
	background-repeat:repeat-x;
	height:100px;
	width: 100%;
	position:relative;
	z-index:10;

}

#header-cont{
	margin-left:auto;
	margin-right:auto;
	height: 92px;
	width:1000px;
	background:url(../images/charte/bandeau.png) no-repeat;
}

#banner{
	height: 70px;
    left: 45%;
    margin-left: 10px;
    margin-top: 9px;
    position: absolute;
    width: 480px;
}

#logo {
	background:url(../images/charte/logo.png) no-repeat;
	height:120px;
	width:249px;
	margin-left:-490px;
	margin-top:-3px;
	left:50%;
	position:absolute;
	
}

#direct {
	background:url(../images/charte/live.jpg) no-repeat;
	height:63px;
	width:201px;
	position:absolute;
	margin-top:10px;
	left:50%;
	margin-left:290px;
}

#puces{
	margin-top: 80px;
    padding: 10px;
}

.puce{
	margin-left:5px;
	margin-right:5px;
}

.puce a{
	text-decoration:none;
	color:#666;
}


/***************** FOOTER *****************/

#powered {
    font-size: 11px;
    left: 35%;
    margin-top: 35px;
    position: absolute;}


#footer {
	background:url(../images/charte/footer.png) top left repeat-x;
	width: 100%;
	height:80px;
	position:fixed;
	bottom:0;
	z-index:1;
	
}

#retour {
	background:url(../images/charte/retour.jpg) no-repeat;
	width:57px;
	height:65px;
	position:absolute;
	bottom:0;
	margin-bottom:6px;
	left:50%;
	margin-left:-414px;
}

#contact {
	background:url(../images/charte/contact.jpg) no-repeat;
	width:57px;
	height:65px;
	position:absolute;
	bottom:0;
	margin-bottom:6px;
	left:50%;
	margin-left:-358px;
}

#form-contact{
	width:500px;
	margin:10px;
}

#index {
	background:url(../images/charte/accueil.jpg) no-repeat;
	width:58px;
	height:65px;
	position:absolute;
	bottom:0;
	margin-bottom:6px;
	left:50%;
	margin-left:-470px;
}

#loupe {
	background:url(../images/charte/loupe.jpg) no-repeat;
	width:187px;
	height:63px;
	position:absolute;
	bottom:0;
	margin-bottom:7px;
	margin-leftm:150px;
	left:65%;
}

#rechercher {
	/*background:url(../images/charte/rechercher.jpg) no-repeat;*/
	width:96px;
	height:37px;
	position:absolute;
	bottom:0;
	margin-bottom:11px;
	left:50%;
	margin-left:100px;
}

#text {
	width:126px;
	height:23px;
	background:none;
	border:none;
	color:#000000;
	margin-left: 57px;
    margin-top: 20px;
}



/***************** CONTAINER PAGE *****************/

/*#cont1_page {
	height:520px;
	width:100%;
}*/

img{
	border: 0;
}

#header_cont {
	background:url(../images/charte/header_cont.jpg) no-repeat;
	height:10px;
	width:975px;
	position:relative;
	margin-left: 10px;
}

#contenu_cont {
	background:url(../images/charte/contenu_cont.jpg) repeat-y;
	/*min-height:570px;*/
	width: 975px;
	position: relative;
	margin-top: -10px;
	margin-left: 10px;
}

#footer_cont {
	background:url(../images/charte/footer_cont.jpg) no-repeat;
	height:10px;
	width:975px;
	position:relative;
	margin-left: 10px;
}

#head_colgauche2 {
	background:url(../images/charte/header_cont.jpg) no-repeat;
	width:750px;
	height:5px;
}

#cont_colgauche2 {
	background:url(../images/charte/contenu_cont.jpg) repeat-y;
	width:600px;
	min-height:400px;
	margin-left: 10px;
    margin-top: 25px;
	color:#c7c7c7;
}

#cont_colgauche2 a{
	color:#000;
}

#foot_colgauche2 {
	background:url(../images/charte/foot_cont.jpg) no-repeat;
	width:750px;
	height:5px;
}


/*#col_gauche2 {*/
	/*background:url(../images/charte/player_page.png) no-repeat;*/
	/*width:752px;*/
	/*height:430px;*/
/*	position:absolute;
	margin-top:80px;
	margin-left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}*/

#descrip {
    position: relative;
    top: -140px;
}

#descrip a
{
	margin-top:8px;
	display:inline-block;
}

#pub_cont {
}

.decouvrir{
	padding-bottom:5px;
}

#col_droite2 {
	width:200px;
	/*height:410px;*/
	position:relative;
	float:right;
	margin-top: -640px;
	margin-right:15px;
}

#header_droite {
	background:url(../images/charte/header_cont.jpg) no-repeat;
	height:10px;
	width:200px;
	position:relative;
	float:right;
	margin-top:-410px;
}

#contenu_droite {
	background:url(../images/charte/contenu_cont.jpg) repeat-y;
	min-height:400px;
	width: 200px;
	position: absolute;
	left: 773px;
	margin-top:-405px;
	
}

#archive {
	background:url(../images/charte/archive.jpg) no-repeat;
	width:58px;
	height:65px;
	position:absolute;
	bottom:0;
	margin-bottom:6px;
	left:50%;
	margin-left:-302px;
}

#footer_droite {
	background:url(../images/charte/footer_cont.jpg) no-repeat;
	height:10px;
	width:200px;
	position:relative;
	left: 773px;
}

#img_page {
	margin-left: 20px;
}

#img_page {
	margin-left: 20px;
}

#social{
	margin-top: 30px;
}

#pub_fb {
	position: relative;
    top: -23px;
}

#pub_twitter {
	position: relative;
    /*top: -18px;*/
	left: 20px;
}


#cont4 {
	width:100%;
	height:480px;;
	position:relative;
}

#gauche_page {
	margin-left:9px;
	width:685px;
	min-height:210px;
	float:left;
}

#head_comm {
	background:url(../images/charte/header_comm.jpg) no-repeat;
	width:685px;
	height:39px;
	position:relative;
}

#cont_comm {
	background:url(../images/charte/cont_comm.jpg) repeat-y;
	width:685px;
	position:relative;
	min-height:200px;
}

#foot_comm {
	background:url(../images/charte/footer_comm.jpg) no-repeat;
	width:685px;
	height:25px;
	position:relative;
}

#comm {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	width:100%;
	height:25px;
	margin-top: -25px;
	margin-left: 23px;
}

#nb_comm {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height: 15px;
	margin-left: 554px;
	margin-top:3px;
}

#esp_comm {
	/*background:url(../images/charte/comm.jpg) no-repeat;*/
	width:640px;
	height:100px;
	margin-left:22px;
	margin-top: 6px;
	color:#fff;
}

#couleur_pseudo{
	background-color:#babdc4;
}

#textarea_comm {
	background:url(../images/charte/comm.jpg) no-repeat;
	color:#000000;
	border:none;
	margin-top:4px;
	margin-left:6px;
	text-align:justify;
	
}

#commenter {
	/*background:url(../images/charte/commenter.jpg) no-repeat;*/
	width:95px;
	height:33px;
	margin-left: 525px;
    margin-top: 10px;
	/*margin-top: -6px;*/
	float:left;
}

.personne {
	/*background:url(../images/charte/personne.jpg) no-repeat;*/
	width:34px;
	height:25px;
	margin-left:10px;
	margin-top:-3px;
	float:left;
}

.pseudo {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height:15px;
	margin-left:6px;
	margin-top:3px;
}

.comm_x {
	background:url(../images/charte/comm_x.jpg) repeat-x;
	width:640px;
	margin-left:23px;
	margin-top:50px;
	text-align:justify;
}

.comm_ok {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:8px;
}

#droite_page {
	background:url(../images/charte/droite_page.jpg) no-repeat;
	width:295px;
	height:470px;
	float:left;
	margin-top: 2px;
}

#regard {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	width:100%;
	height:25px;
	margin-left: 23px;
	margin-top: 15px;
}

.img_regard {
	margin-top: 17px;
	width: 270px;
	text-align:center;
	margin-left: 11px;
}

.txt_regard {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	margin-top: 3px;
}

.txt_regard2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}
/* Accordeon */
.jimgMenu {
	position: relative;
	width: 970px;
	height: 200px;
	overflow: hidden;
	margin: 0px 0px 0px;
	margin-left: 9px;
}

.jimgMenu ul {
	position: center;
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 980px;
	
	}

.jimgMenu ul li {
	float: left;
}

.jimgMenu ul li a {
	border-right: 2px solid #000;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:78px;
	height: 200px;
}


.jimgMenu ul li.first a {
	min-width:310px;
	border-right: none;
	
}

.clear {
	clear: both;
}

/*****************FORMULAIRE DE CONTACT*****************/

.no
{
	background-color:#F96;
}

.yes
{
	background-color:#FFF;
}

#global_form_envoi{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:420px;
	position:relative;
}

#titre_monsieur{
	margin-left:85px;
	padding-bottom:20px;
	display:inline-block;
	list-style:none;
}

#titre_monsieur li{
	display:inline;
	list-style:none;
}

#form_col_gauche form li{
	display:inline;
	list-style:none;
}

#form_col_gauche .reservations_alignement_coordonnees label {
	float: left;
	margin-top:0px;
	width: 75px;
	text-align: right;
	margin-right:5px;
}

#champs_obligatoire{
	margin-top:20px;
	margin-left:120px;
}

#myElement_logo{
	display:none;
}