body {
	margin:0;
	padding:0;
	background-color:#000000;
	font-family: Verdana, Helvetica, sans-serif;
	color:#d8d8d8;
	font-size:11px;
	background-image:url(../images/back.jpg);
	background-repeat:repeat-y;
	background-position:top;
}
body.https {
	background-color:#000000;
	background-image:none;
	margin:0;
	padding:0;		
}

/* SUB MENU start */
#sub_menu{
	margin-left: 10px;
	color:#FFF;
}
#sub_menu > .active {
	color: #f00;
}
/* SUB MENU end */

/* TOOL TIP start */
.tooltipHeader {
	background:#000;
	color:#F00;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border:1px solid #000;
	padding:5px;
/*	width:150px; */
}

.tooltipBody {
	background:#FFF;
	color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:11px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px;
/*	width:150px;*/
}
/* TOOL TIP end */

h1{
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	
	padding-top:5px;
}

h2 img{
	margin-bottom:4px;
}

#watermark_box {
text-align:center;
	position:relative;
	display:block;

}
img.watermark {
	position: absolute;
	/*top: 2px;*/
margin-top: -100px;
	left: 134px;
	text-align:center;
} 

 h2 a:hover{
	color:#00ff00;
	
}

h2{
	color:#fc1a00;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	padding-top:5px;
}

h1 img{
	margin-bottom:4px;
}


a {
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	color:#00ff00;
	text-decoration:none;
}



#contenu{
	width:1000px;
	margin:auto;
	text-align:left;
	background-color:#000000;
	background-image:url(../images/back_1.jpg);	
	background-repeat:repeat-x;
}

#top{
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:112px;
}

#banner_logo{
	padding:10px 10px 10px 12px;
	float:left;
}


#slip{
float:right;
padding-top:11px;
}

#lang{
	background-image:url(../images/back_langue.png);
	background-repeat:no-repeat;
	width:235px;
	height:22px;
	text-align:center;
	padding-top:10px;
	color:#a7a7a7;
}


#menu1{
	background-image:url(../images/back_menu.jpg);
	background-repeat:no-repeat;
	width:995px;
	height:44px;
	text-align:left;
	clear:both;
	padding-left:5px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#menu1 img{
	padding: 4px  2px  2px 5px; 
	vertical-align:middle;
}

#menu1 a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#menu1 a:hover {
	color:#00ff00;
	font-weight:bold;
	text-decoration:none;
}

#menu2{
	background-image:url(../images/menu2.jpg);
	background-repeat:no-repeat;
	height:40px;
	text-align:left;
	clear:both;
	
}


#selection{
	width:519px;
	text-align:left;
	float:left;
	height:5px;
	padding: 14px  15px  10px 30px; 
}

#recherche{
	float:left;
	padding: 5px  5px  5px 5px; 
}

#recherche input{
	background-color:#999;
	vertical-align:top;
	height:20px;
	color:#000;
	width:205px;
	font-size:12px;
	border:#404040 2px solid;
}

#BoxLogin{
	background-image:url(../images/back_banner.jpg );
	background-repeat:no-repeat;
	text-align:left;
	clear:both;
	height:110px;	
}

 
#login{
	text-align:left;
	float:left;
	height:90px;
	width:240px;
	margin: 15px  0px  0px 20px; 
}

#login h1{
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	padding:0px;
}

#login h1 img{
	margin-bottom:4px;
}

#login input{
	background-color:#999;
	vertical-align:top;
	height:20px;
	color:#000;
	width:181px;
	height:13px;
	font-size:12px;
	border:#404040 2px solid;
}

#remain{
	color:#a7a7a7;
	clear:both;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#option_login{
	clear:both;
}

#option_login a{
	color:#ad0700;
	text-decoration:underline;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}


#pub_leader{
	float:right;
	width:735px;
	padding-top:15px;
	padding-right:5px;
}


#main{
	clear:both;


}

#back_media{
	clear:both;
	background-image:url(../images/media_back.jpg);	background-repeat:repeat-y;; 
	text-align:center;

}

#back_media_video{
	clear:both;
	background-image:url(../images/media.png);
	background-repeat:no-repeat; 
	text-align:center;
	width:672px;
	height:370px;
	padding-top:20px;

}

#back_media_photo{
	clear:both;
	background-image:url(../images/media_video.png);
	background-repeat:no-repeat; 
	text-align:center;
	width:672px;
	height:672px;
	padding-top:20px;

}

#media{
	padding-left:7px;
	float:left;
	width:673px;
	
}

#promo_bigbox{
	width:300px;
	float:right;
	padding-right:12px;
}



#description{
		width:670px;
		clear:both;
}

#description_main{
	background-image:url(../images/back_projet_desct.png);	
	background-repeat:repeat-x;
	text-align:left;
}

#texte{
	float:left;
	
}


#projet_back{
	float:left;
	width:25px;
	padding-top:20px;
	height:60px;
		

}


#projet_next{
	float:right;
	width:27px;
	padding-top:20px;
	height:60px;
		
}

#texte_dest_all{
	float:left; 
	width:115px;
	padding-left:15px;
}


#texte_dest_titre{
	float:left; 
	width:470px;
}


#texte_dest_titre a{
	font-size:16px;
	color:#ff1c06;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
}

#texte_dest_titre a:hover{
	color:#00ff00;
}


#texte_dest_description, #texte_dest_description_med{
	word-wrap: break-word;
}

#box_contenu{
	width:379px;
	padding-left:7px;
	float:left;
	height: 100% !important;
	height:500px;
	min-height:500px;
}

#box_contenu_header{
	width:379px;
	clear:both;
	height:34px;
	background-image:url(../images/box_med_header.jpg);	
	background-repeat:no-repeat;
}


#box_contenu_header h1{
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	padding-left:18px;
	padding-top:11px;
}

#box_contenu_header h1 img{
	margin-bottom:4px;
}


#box_contenu_footer{
	width:379px;
	height:36px;
	clear:both;
	background-image:url(../images/box_med_footer.png);	
	background-repeat:no-repeat;
}

#box_contenu_back{
	background-image:url(../images/box_med_back.jpg);	
	background-repeat:repeat-x;
	clear:both;
	/*min-height:700px !important; height:700px;*/
		height: 100% !important;
	height:800px;
	min-height:800px;

}

#pagination{
	height:17px;
	background-image:url(../images/pag_back.jpg);	
	background-repeat:repeat-x;
	margin-left:80px;
}


#pagination2{
	height:17px;
}

#pagination_small{
	width:134px;
	height:17px;
	margin-left:35px;
}

#media_contenu{
	padding-top:5px;
}





#box_contenu_small{
	width:199px;
	padding-left:7px;
	float:left;
}

#box_contenu_header_small{
	width:199px;
	clear:both;
	height:30px;
	background-image:url(../images/small_box_header.png);	
	background-repeat:no-repeat;
}


#box_contenu_header_small h1{
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	padding-left:18px;
	padding-top:11px;
}

#box_contenu_header_small h1 img{
	margin-bottom:4px;
}

#box_contenu_back_index{
	background-image:url(../images/box_med_back.jpg);	
	background-repeat:repeat-x;
	clear:both;
	padding-bottom:30px;
	height: 100% !important;
	height:800px;
	min-height:800px;
}
#box_contenu_footer_small{
	width:200px;
	height:36px;
	clear:both;
	background-image:url(../images/small_box_footer.png);	
	background-repeat:no-repeat;
}

#box_contenu_back_small{
	background-image:url(../images/small_box_back.jpg);	
	background-repeat:repeat-y;
	clear:both;
	height: 100% !important;
	height:200px;
	min-height:200px;
	padding:10px 10px 10px 20px;}

#box_contenu_back_small2{
	background-image:url(../images/small_box_back2.png);	
	background-repeat:repeat-y;
	clear:both;
    min-height:165px !important; height:165px;
	padding:10px 10px 10px 20px;}

#footer{
	clear:both;
	width:985px;
	height:96px;
	margin-left:7px;
	border-top:#000000 solid 5px; 
	background-image:url(../images/footer_back.jpg);	
	background-repeat:no-repeat;
	background-position:center;

}

#footer2{
	text-align:center;
	margin-top:15px;
}

#logo{
	float:left; 
	width:875px; 
	height:82px; 
	text-align:center; 
	margin-top:3px; 
	margin-top:15px;

}


#logo img{
	margin-left:15px;

}


#separateur{
	clear:both;
}

#titre_chan_cat{
	float:left;
	width:145px;

}


#titre_chan_cat a{
	color:#FF0000;
}

#icon{
	width:20px;
	float:left;

}





#news{
	padding-top:2px;

}




#description_med{
	width:360px;
	clear:both;


}

#description_main_med{
	/* height:80px; */
	margin-top:3px;
}

#texte_med{
	float:left;
}


#projet_back_med{
	float:left;
	width:25px;
	padding-top:20px;
	height:60px;
}


#projet_next_med{
	float:right;
	padding-top:20px;
	height:60px;
}

#texte_dest_all_med{
	float:left; 
	padding-left:15px;
}


#texte_dest_titre_med{
	float:left; 
	width:210px;
	margin-left:5px;

}


#texte_dest_titre_med a{
	font-size:13px;
	color:#ff1c06;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
}

#texte_dest_titre_med a:hover{

	color:#00ff00;

}

#commentaire{
	width:350px;
	height:48px;
	background-image:url(../images/back_profil.jpg);	
	background-repeat:repeat-x;
	margin-left:10px;
}



#commentaire{
	padding-left:5px;
}


#nom{
	width:300px;
	float:left;
	padding-left:5px;
	padding-top:10px;
}


#photo{
	width:45px;
	float:left;
}

#texte_commentaire p{
	padding:5px;
	margin:5px;
}

#texte_commentaire{
	width:355px;
	margin-left:10px;
	background-image:url(../images/texte_commentaire.jpg);	
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:5px;
}

#commentaire2{
	background-image:url(../images/back_commentaire1.jpg);	
	background-repeat:repeat-x;
	width:340px;
	height:35px;
	padding-left:15px;
	padding-top:15px;
	margin-left:9px;
}



#box_contenu_titre{
	clear:both;
	height:22px;
	margin-left:7px;

}


#box_contenu_titre h1{
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	padding-left:18px;
	padding-top:5px;
}

#box_contenu_titre h1 img{
	margin-bottom:4px;
}

#box_12fille{
	clear:both;
	padding:10px;
	margin-left:15px;
}


#fille {
	text-align:center;
	width:156px;
	float:left;
	margin:1px;
	min-height:170px !important; height:170px;
	background-color:#0c0c0c;
	color:#333333;

}


#fille img{
clear:both;
	padding-top:5px;
	padding-bottom:5px;
}

#fille a{
	color:#FF0000;
}

#fille a:hover{
	color:#00ff00;
}

#description_fille{
	/*float:right; 
	width:290px; 
	padding: 15px;
	text-align:left; 
	margin-left:5px;*/
	text-align: left;
	background-image:url(../images/back_projet_desct.png);	
	background-repeat:repeat-x;
}

#description_fille p{
	width:260px; 
}

#photo_fille{
	float:left; margin-left:15px;
}

a.boldbuttons{
	background: transparent url('../images/roundedge-gray-left.png') no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}


a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: white; /*button text color*/
	color:#CCCCCC;
}

a.boldbuttons span{
	background: transparent url('../images/roundedge-gray-right.png') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
	text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}


a.boldbuttons2{
	background: transparent url('../images/roundedge-gray-left2.png') no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
	color: white; /*button text color*/
}

a.boldbuttons2 span{
	background: transparent url('../images/roundedge-gray-right2.png') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons2{ /* Hover state CSS */
	text-decoration: underline;
	color:#00ff00;
}


.buttonwrapper2{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/* General styles */

/* Form styles */


td{ 
	text-align:left;
	padding:5px;
	padding-left:10px;
}

tr{ 
	text-align:left;
	padding:5px;
	padding-left:10px;
}


th{ 
	
		background-image:url(../images/back_general2.jpg); 

	padding:10px;
	

}
.titre_table{ 
	text-align:left;
	background-image:url(../images/back_general3.jpg); 
	padding:5px;

}


th a{ 
		color:#d82c0e;
}

.chiffre_calendrier{ 
	width:90px; height:75px; 
	padding-top:15px; 
	background-image:url(../images/back_general.jpg) ; 
	background-repeat:repeat-x; 
	text-align:center; font-weight:bold; color:#191919; font-size:50px;
}


/* CALENDRIER */
	.calendarBox {
		position: relative;
		top: 30px;
		margin: 0 auto;
		margin-left:20px;
		width: 310px;
	}

	.calendarFloat {
		float: left;
		width: 39px;
		height: 28px;
		margin: 1px 0px 0px 1px;
		background-image:url(../images/back_general3.jpg) ; 
		background-repeat:repeat-x; 
		padding-top:10px;
		border: 1px solid #000;
	}

	.calendarFloat2 {
		float: left;
		width: 39px;
		height: 28px;
		margin: 1px 0px 0px 1px;
			background-image:url(../images/back_general4.png) ; 
	background-repeat:repeat-x; 
		padding-top:10px;
		border: 1px solid #000;
	}


#box_contenu_news{
	width:765px;
	padding-left:6px;
	float:left;
	border-top:#000000 solid 3px;
}

#box_contenu_header_news{
	width:765px;
	clear:both;
	background-image:url(../images/top_news.png);	
	background-repeat:no-repeat;
}







#box_contenu_news2{
	width:558px;
	padding-left:6px;
	float:left;
	border-top:#000000 solid 3px;
}

#box_contenu_header_news2{
	width:558px;
	clear:both;
	background-image:url(../images/top_news2.png);	
	background-repeat:no-repeat;
}

#box_contenu_header_news2 h1{
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	padding-left:18px;
	padding-top:11px;
}

#box_contenu_header_news2 h1 img{
	margin-bottom:4px;
}


#box_contenu_footer_news2{
	width:558px;
	height:36px;
	clear:both;
	background-image:url(../images/bas_news2.png);	
	background-repeat:no-repeat;
}

#box_contenu_back_news2{
	background-image:url(../images/back_news2.png);	
	background-repeat:repeat-x;
	clear:both;
	min-height:170px !important; height:170px;
	padding-left:20px;
	padding-right:20px;
	
}









#box_contenu_header_news h1{
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	margin:0px;
	padding-left:18px;
	padding-top:11px;
}

#box_contenu_header_news h1 img{
	margin-bottom:4px;
}


#box_contenu_footer_news{
	width:765px;
	height:36px;
	clear:both;
	background-image:url(../images/bas_news.png);	
	background-repeat:no-repeat;
}

#box_contenu_back_news{
	background-image:url(../images/back_news.png);	
	background-repeat:repeat-x;
	clear:both;
	min-height:170px !important; height:170px;
	padding-left:20px;
	padding-right:20px;
	
}

/* Form styles */
div.form-container { margin: 10px; padding: 5px;  }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #272727; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 0px 0; padding: 10px; border: #707070 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }




a.boldbuttons_video{
	background: transparent url('../images/roundedge-gray-left2.png') no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.boldbuttons_video, a:visited.boldbuttons_video, a:hover.boldbuttons_video, a:active.boldbuttons_video{
	color: white; /*button text color*/
	color:#CCCCCC;
}

a.boldbuttons_video span{
	background: transparent url('../images/roundedge-gray-right2.png') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons_video{ /* Hover state CSS */
	text-decoration: underline;
}

a.boldbuttons_blue{
	background: transparent url('../images/roundedge-gray-left3.png') no-repeat top left;
	display: block;
	float: left;
	font: bold 11px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.boldbuttons_blue, a:visited.boldbuttons_blue, a:hover.boldbuttons_blue, a:active.boldbuttons_blue{
	color: white; /*button text color*/
	color:#CCCCCC;
}

a.boldbuttons_blue span{
	background: transparent url('../images/roundedge-gray-right3.png') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons_blue{ /* Hover state CSS */
	text-decoration: underline;
}


.buttonwrapper_video{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}