/*-------------------------------------------pages communes-------------------------------------------------------------*/
body
{
	margin: auto;
	width: 980px;
	height: 250px;
	background: #142f48 url("../images/background/background.png") no-repeat;
	font-family: trebuchet ms;
	font-size:12px;
	border-style: none;
}

/*-pour enlever les cadres de liens-*/

a 
{ 

	outline: none; 
	color: #ff9c00;
	text-decoration:none;
	border: none;

}

h1
{
	font-family: trebuchet ms;
	color: #ff9c00;
}

h3
{
	font-family: trebuchet ms;
	color: #ff9c00;
	 font-size: 16px
}

/*-pour enlever les cadres de liens-*/

p
{
 color: black;
 font-family: trebuchet ms;
 font-size: 12px

}

.no_cadre
{
border:none;
color: transparent
}



#header
{
	width: 980px;
	height: 140px;


}



/*________________________HEADER________________________*/

#header_gauche
{
	float:left;
	width: 16px;
	height: 140px;
	background: url("../images/header/header_gauche.png") no-repeat;

}
#header_centre
{
	float:left;
	width: 948px;
	height: 140px;
	background: url("../images/header/header_color.png") ;

}

#header_logo
{
	float:left;
	width: 350px;
	height: 100px;
	background:  url("../images/logo.png") no-repeat ;
}

#espace_client
{
	float:right;
	width: 350px;
	height: 100px;
	background:  no-repeat ;
}

#header_droite
{
	float:right;
	width: 16px;
	height: 140px;
	background: url("../images/header/header_droite.png");

}


#blank_center
{
	margin: auto;
	width: 980px;
	height: 14px;

	
	

}





/*________________________HAUT________________________*/



#haut
{
	width:980px;
	height:16px;
	background: ;
	
}

#coin_haut_gauche
{
	float:left;
	width:16px;
	height:16px;
	background: url("../images/coins/coin_gauche_haut.png"); 
}		
			
#bande_haut_gauche
{
	float:left;
	width:672px;
	height:16px;
	background: white;
}	

#separateur_haut
{
	float:left;
	width:10px;
	height:16px;
	background:#FF9C00;
}
	


#bande_haut_droite
{
	float:left;
	width:266px;
	height:16px;
	background:#635d5d;
}

#coin_haut_droite
{
	float:right;
	width:16px;
	height:16px;
	background: url("../images/coins/coin_droite_haut.png");
}


/*___________________________MENU HORIZONTAL________________________*/

#menu
{
	float:left;
	width: 948px;
	height: 30px;
	font-family: arial;
}


#menu li{
	
	list-style:none;
	display:inline;
	margin:0 5px;
}

#menu li a{
	color:#b5b4b4;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	border-bottom:5px solid #b5b4b4;

	cursor:pointer;
	padding:0 0 1px 0;
}

#menu li a:hover{
	border-bottom:5px solid #ff9c00;
	color:#b5b4b4;
	text-decoration:none;
}

#menu li a.current{
	border-bottom:5px solid #00b7fc;
	color:#b5b4b4;
	text-decoration:none;
}




/*__________________________FIN MENU___________________*/				

/*__________________________MENU2 VERTICAL______________________________*/

#menu_vertical {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 282px;
}

#menu_vertical ul
{
	list-style: none;
}

#menu_vertical li {
	font: 12px "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

}
#menu_vertical a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#menu_vertical a.current {
	background: orange url("../images/menu_vertical/hover.gif")  left center no-repeat;
	border-bottom: 1px solid #393939;
	color: white;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#menu_vertical a:hover {
	background: #00B7FC  left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

/*______PARTIE NON ACTIVE________*/

#menu_vertical_tt {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 282px;
}

#menu_vertical_tt ul
{
	list-style: none;
}

#menu_vertical_tt li {
	font: 12px "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu_vertical_tt a {
	background: white;
	border-bottom: 1px solid #393939;
	color: black;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#menu_vertical_tt a.current {
	background: orange url("../images/menu_vertical/hover.gif")  left center no-repeat;
	border-bottom: 1px solid #393939;
	color: white;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}

#menu_vertical_tt a:hover {
	background: *  left center no-repeat;
	color: black;
	padding-bottom: 8px;
}



/*__________________________FIN MENU___________________*/	

#footer
{
	float: left;
	width:980px;
	height: 40px;
	color: white;
	background: url("../images/background/footer.png");
}

/*------------------------ACCUEIL-------------------------*/


#content_acceuil_gauche
{
	float: left;
	width:326px;
	height: 378px;


	background: *;

	
}

#centre_gauche_gauche
{
	float: left;
	width:16px;
	height: 378px;




	background: * ;
	
}

#separateur_gauche
{
	float:left;
	width:16px;
	height: 376px;
	background: url(../images/background/acceuil_bas_1.png);
}



#coin_gauche_bas
{
	float: left;
	width:16px;
	height: 16px;
	background: url("../images/coins/coin_gauche_haut.png"); 
	
}



#bande_sup_gauche
{
	float: left;
	width:310px;
	height: 16px;
	background: white ;
	
}

#content_accueil_gauche_centre
{
	float: left;
	width:310px;
	height: 360px;
	background: url("../images/background/acceuil_bas_1.png");
	color:blue;
}	


#accueil_gauche_tt
{
	float: left;
	width:310px;
	height: 50px;
	background: url("../images/tt/tt_actu.png");   
	
}


#acceuil_gauche_txt
{
	float: left;
	width:310px;
	height: 310px;




	background:  ;

}

#acceuil_gauche_txt p
{
	margin-left: 15px;
	margin-right: 15px;
	color: blue;

}


/*____________________CENTRE___________________*/

#content_acceuil_centre
{
	float: left;
	width:328px;
	height: 375px;
	background: white;
	
}

#bande_sup_centre
{
	float: left;
	width:328px;
	height: 16px;
	background: #f0f0f0 ;
	
}

#content_accueil_centre_centre
{
	float: left;
	width:328px;
	height: 360px;
	background: url("../images/background/acceuil_bas_2.png");
}	

#acceuil_centre_tt
{
	float: left;
	width:328px;
	height: 50px;
	background-image: url(../images/tt/tt_event.png);
	
}

#acceuil_centre_txt
{
	float: left;
	margin: auto;
	width:308px;
	height: 50px;
	
	
	
}

.accueil
{
	
	color: blue;
	margin-left: 10px;
	margin-right: 10px;
	
	
}


/*_____________________________DROITE______________________*/

#content_acceuil_droite
{
	float: left;
	width:326px;
	height: 378px;


	background: * ;
	
}

#centre_droite_droite
{
	float: right;
	width:16px;
	height: 378px;
	background: * ;
	
}

#separateur_droite
{
	float: left;
	width:16px;
	height: 376px;
	background: url("../images/background/acceuil_bas_1.png");
	
}

#coin_droite_bas
{
	float: left;
	width:16px;
	height: 16px;
	background: url("../images/coins/coin_droite_bas.png");
	
}

#bande_sup_droite
{
	float: left;
	width:310px;
	height: 16px;
	background: white ;
	
}

#content_accueil_droite_centre
{
	float: left;
	width:310px;
	height: 360px;
	background: url("../images/background/acceuil_bas_1.png");
}	

#acceuil_droite_tt
{
	float: left;
	width:310px;
	height: 50px;
	background: url("../images/tt/tt_real.png"); 
	
}

#acceuil_droite_txt
{
	float: left;
	width:310px;
	height: 310px;

	background:  ;
	
}

#cont_thumb
{
	width:300px;
	height: 180px;
	margin: auto;
	background: *;
	color: #FF9C00;
}

#cont_thumb p
{
	margin-left: 15px;
	margin-right: 15px;
	color: blue;
}

#thumb_1
{
	float:left;
	margin-left: 20px;
	width:110px;
	height:110px;

}

#thumb_2
{
	float:right;
	width:110px;
	height:110px;
	margin-right: 20px;
	
}

#thumb_3
{
	float:left;
	margin-left: 25px;
	margin-top:25px;
	width:110px;
	height:110px;

	
}


#thumb_4
{
	float:right;
	width:110px;
	height:110px;
	margin-top: 25px;
	margin-right: 20px;
	
}


#login
{
	margin-top: 10px;
	float:left;
	width:282px;
	height:200px;
	background: url("../images/articles/login/cadre_log_2.png") ;
	
}

fieldset
{
	border: none;
	color:white;
}

#small_realisation
{

	float: left;
	width: 266px;
	height: 300px;
}

#diapo_video
{
	float: left;
	margin-top: 25px;
	width:282px;
	height:200px;
	background: ;
}

#diapo_audio
{
	float: left;
	width:282px;
	height:200px;
	background:  ;
}

#diapo_event
{
	float: left;
	width:282px;
	height:200px;
	background: ;
}

#player_audio
{
	margin:auto;
	width: auto;
	border: 1px solid black;	
	background: #333333;
}

#player_audio
{
	margin:auto;
	width: auto;
	border: 1px solid black;	
	background: #333333;
}

#diapo_photo
{
	float: left;
	width:282px;
	height:200px;
	background: ;
}

#player_video
{
	margin:auto;
	width: auto;
	background: ;
}

#cadre_player
{
width:688px;
height:260px;
background: url("../images/articles/rea/cadre.png");
}

#player1
{
float: left;
margin-top: 10px;
margin-left: 64px;
}

.slideshow { height: 200px; width: 266px; margin: auto }
.slideshow img {margin: auto; background: *; }

#accordion
{
	float: left;
	margin-left: 20px;
	
	width:650px;
	height:200px;
	
}

#form_log
{
margin-left:50px;
}

#connexion
{
	width:412px;
	height:180px;
	background: url("../images/articles/login/cadre_log.png");
}
