*{
	margin:0;
	padding:0;
}



body{
	background:url('../img/bg_body.png') top left repeat-x #fff;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*----------------------------------------------------------------------------*/
/*------------------------COMMNUN ET CLASS------------------------------------*/
/*----------------------------------------------------------------------------*/
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#3F4E86;
	text-decoration:underline;
}
a img{
	border:none;	
}
p{
	margin-top:5px;
	margin-bottom:5px;
	
}
.listing{
	list-style-type:none;	
}
.listing li{
	padding-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	background:url('../img/arrow1.png') center left no-repeat transparent;	
}
/*----------------------------------------------------------------------------*/
/*---------------------------CONTENEUR----------------------------------------*/
/*----------------------------------------------------------------------------*/
#conteneur{
	margin:0 auto;
	margin-top:10px;
	position:relative;
	width:970px;
}
/*----------------------------------------------------------------------------*/
/*------------------------------HEADER----------------------------------------*/
/*----------------------------------------------------------------------------*/

#header{
	width:970px;
}
#header h1{
	
}
#header h1 a{
	display:block;
	width:970px;
	height:235px;
	background:url('../img/header.png') top left no-repeat transparent;	
}
#header h1 a span{
	display:none;
}

/*----------------------------------------------------------------------------*/
/*---------------------------LIENS RAPIDES------------------------------------*/
/*----------------------------------------------------------------------------*/
#lienrapide{
	position:absolute;
	top:10px;
	right:10px;
}
#lienrapide img{
	margin-right:10px;
}

/*----------------------------------------------------------------------------*/
/*---------------------------FIL D'ARIANE-------------------------------------*/
/*----------------------------------------------------------------------------*/
#filariane{
	margin-left:30px;
	padding-left:30px;
	height:40px;
	background:url('../img/accueil.png') center left no-repeat transparent;	
}
/*----------------------------------------------------------------------------*/
/*-----------------------------CONTENU----------------------------------------*/
/*---------------------------------------------------------------------------*/
#contenu{
	background:url('../img/bg_contenu.png') top left repeat-y transparent;	
}


/*----------------------------------------------------------------------------*/
/*------------------------------DROITE----------------------------------------*/
/*----------------------------------------------------------------------------*/
#droite{
	float:right;
	width:271px;
	margin-right:7px;
	/*height:500px;*/
	
	height:auto;
	
	
}
/*colonne droite actu et info*/
#d_news{
	
}
#d_news h3{
	font-size:14px;
	margin-top:12px;
	font-size:13px;
	color:#333;
	background:url('../img/arrow1.png') center left no-repeat transparent;	
	padding-left:15px;
	margin-left:40px;
}
#d_news p{
	text-align:justify;
	padding:10px;
}
#d_news ul{
	list-style-type:none;
	background:url('../img/bg-contact.png') bottom center no-repeat transparent;	
	padding-bottom:10px;
}
#d_news ul li{
	margin:10px;	
	
}
#d_news ul li a{
	background:url('../img/arrow5.png') center left no-repeat transparent;	
	display:block;
	padding-left:30px;
}


/*colonne droite espace documentaire*/
#d_elearning{
	text-align:right;
}

/*colonne droite Nous contacter*/
#d_contact{

}

#tel{
	background:url('../img/tel.png') center left no-repeat transparent;	
	padding-left:30px;
	margin-left:25px;
	margin-top:15px;
	margin-bottom:15px;
}
#mail{
	background:url('../img/mail.png') center left no-repeat transparent;	
	padding-left:30px;
	margin-left:25px;
}
#adresse{
	padding-left:30px;
	margin-left:25px;
	background:url('../img/contact.png') center left no-repeat transparent;	
}

/*----------------------------------------------------------------------------*/
/*------------------------------GAUCHE----------------------------------------*/
/*----------------------------------------------------------------------------*/
#gauche{
	margin-right:274px;
	background:url('../img/bg_droite.png') top right repeat-y transparent;
	
}
.page{
	padding:20px;	
}
.page h2{
	margin-bottom:20px;	
	border-bottom:4px solid #3F4E86;
	/*border-left:2px solid #3F4E86;*/
	font-size:17px;
	font-weight:bold;
	background:url('../img/arrow4.png') top right no-repeat transparent;	
	padding-left:5px;/**/
	padding-right:25px;/**/
	line-height:25px;
	letter-spacing:2px;
}
.page h3{
	margin-top:10px;	
	margin-bottom:10px;	
	border-bottom:1px solid #F13C2F;
	font-size:13px;
	font-weight:bold;
	background:url('../img/arrow1.png') center left no-repeat transparent;	
	padding-left:20px;/**/
	line-height:18px;
}

.page p{
	margin-bottom:10px;
	padding-right:15px;
	text-align:justify;
}
.page ol li{
	margin-bottom:10px;
	padding-right:15px;
	margin-left:20px;
	text-align:justify;
}
.page ul li{
	margin-bottom:10px;
	margin-left:20px;
	text-align:justify;
}

/*----------------------------------------------------------------------------*/
/*-------------------------------MENU----------------------------------------*/
/*---------------------------------------------------------------------------*/
/*cf menu.css*/
/*#menu{
	list-style-type:none;
	height:42px;
	width:962px;
	background:url('../img/bg_menu.png') bottom left repeat-x transparent;	
	margin-left:3px;
	font-size:14px;
	letter-spacing:1px;
}
#menu li{
	display:inline;
	text-align:center;
}
#menu li a{
	display:block;
	padding-left:25px;
	padding-right:25px;
	height:29px;
	float:left;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#menu li a:hover{
	background:url('../img/menu-selected.png') bottom center no-repeat transparent;	
	color:#000;
}
.selected{
	background:url('../img/menu-selected.png') bottom center no-repeat transparent;	
	color:#000;
}
#menu  ul{
	display:none;
}

*/

/*----------------------------------------------------------------------------*/
/*-------------------------------PIED----------------------------------------*/
/*---------------------------------------------------------------------------*/
#pied{
	margin:0 auto;
	width:970px;
	padding-top:40px;
	height:120px;/*160 - 40 = 120*/
	background:url('../img/bg_foot.png') top left no-repeat transparent;	
	text-align:center;
	color:#666666;
}
#pied p{
	 margin-right:300px;
	 margin-left:12px;
}
#pied p a{
	color:#666666;
}


/*---------------------------------------------------------------------------*/
/*----------------------------ACCUEIL----------------------------------------*/
/*---------------------------------------------------------------------------*/
#col-full-blue{/*colonne largeure page pour présentation*/
	width:630px;/*630 - 10 padding right*/
	margin-left:20px;
	margin-top:20px;
	padding-bottom:15px;
	padding-right:20px;
	float:left;
	background:url('../img/bg_col-full-blue.png') bottom right no-repeat transparent;	
}
	#sous-col-gauche{/*colonne gauche valeur, repères*/
		width:308px;	
		float:left;
		text-align:justify;
		background-color:transparent;
	}
	#sous-col-droite{/*colonne drotie réalisation*/
		width:308px;
		float:right;
		text-align:justify;
	}
		#sous-col-droite p{
			
		}
	
/*cadre formations à venir*/	
#prochainesformations{
	width:308px;
	margin-left:20px;
	margin-top:20px;
	padding-bottom:15px;
	float:left;
	background:url('../img/bg_col-demi-yellow.png') bottom right no-repeat transparent;	
}

#prochainesformations ul{
	list-style-type:none;	
}
#prochainesformations ul li{
	background:url('../img/bg_li-prochainesformations.png') bottom center no-repeat transparent;	
	padding-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:10px;
}
#prochainesformations ul li a{
	padding-left:25px;
	margin-top:5px;
	margin-bottom:5px;
	background:url('../img/arrow2.png') center left no-repeat transparent;	
}
#prochainesformations p{
	font-weight:bold;
	background:url('../img/arrow3.png') center left no-repeat transparent;	
	padding-left:25px;
	margin-left:30px;
}

/*post it*/	
#postit{
	width:310px;
	height:256px;
	margin-left:20px;
	margin-top:20px;
	/*padding-bottom:15px;*/
	float:left;
	background:url('../img/postit.png') top left no-repeat transparent;	
}
#postit h2{
	margin-left:50px;
	margin-top:10px;
}
#postit ul{
	margin-left:50px;
	margin-top:10px;
	list-style-type:none;
}

/*---------------------------------------------------------------------------*/
/*--------------------------FORMATION----------------------------------------*/
/*---------------------------------------------------------------------------*/
.tabs{
	width:650px;
	/*border:1px solid red;*/
	padding-bottom:15px;
	background:url('../img/bg_col-demi-yellow.png') bottom right no-repeat transparent;	
}	


ul.tabNavigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.tabNavigation li {
	 margin-left:1px;/**/
	 float:left; /*pour IE*/
	 
	/*display: inline;
	text-align:center;
	width:76px;
	height:40px;*/
}

ul.tabNavigation li a {
	 display:block;
	 float:left;   
	 width:76px;
	 
	 color:#000;
	 text-decoration:none;
	 text-align:center;
	 padding:2px;
	 padding-top:10px;
	 height:30px;
	 background:url('../img/onglet.png') top left no-repeat transparent;	
}
.li-simple {
	
}
ul.tabNavigation li a.tabselected,
ul.tabNavigation li a:hover {
	 background:url('../img/onglethover.png') top left no-repeat transparent;	
	color: #fff;
	/*padding-top: 7px;*/
}

ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs > div {
	/*padding: 5px;*/
	/*margin-top: 3px;*/
	/*border: 5px solid #333;*/
}

div.tabs > div h2 {
	/*margin-top: 0;*/
}


.waste {
	min-height: 1000px;
}

/*---------------------------------------------------------------------------*/
/*---------------------------SESSIONS----------------------------------------*/
/*---------------------------------------------------------------------------*/
.unesession{
	margin-right:30px;
	margin-left:30px;
	margin-bottom:10px;
	position:relative;
}
.unesession h4{
	text-align:center;
	color:#3F4E86;
	font-size:14px;
	border-bottom:1px solid #666;
}
.unesession h5{
	font-size:13px;
	background:url('../img/arrow1.png') center left no-repeat transparent;	
	padding-left:25px;
	
}
.liensession{
	width:220px;
	float:right;
	margin-right:20px;
	margin-top:5px;
	list-style:none;
}


/*---------------------------------------------------------------------------*/
/*----------Formulaire : devis / inscription---------------------------------*/
/*---------------------------------------------------------------------------*/
#formulaire{
	
}
#formulaire p{
	margin-bottom:6px;
}
#formulaire label{
	display:block;
	float:left;
	width:150px;
}
.inputtextform{
	width:400px;
	font-size:12px;
	background:#eee;/**/
	border:1px solid blue;
	
}
.inputtextform:hover{
	background:#fff;/**/
	
}
.inputtextform:focus{
	background:#fff;/**/	
}
.inputtextform:selected{
	background:#fff;/**/	
}

#formulaire textarea{
	width:550px;
	height:80px;
}