#header .select			{ color:#e78f0c;}
#header a 				{ text-decoration: none;color:#c4c4c4; font-weight:normal;}
#header a:hover 		{ text-decoration:none;color:#e78f0c;}
#contactez_nous a:hover	{ color:#000000;}
#contactez_nous a		{ color:#E78F0C;}
#affichage a:hover		{ color:#000000;}
#affichage a			{ color:#FF9902;}
#cgu a					{ text-decoration:underline;color:#e78f0c;font-weight:normal;}
#cgu a:hover			{ text-decoration:underline;color:#000000;font-weight:normal;}
a						{
	color: #e78f0c;
	font-weight:bold;
}
a:hover					{ color: #000000;}

img						{ border:0;}
body					{
	background-color: #d9dcdd;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-position:center;
}
h1						{ color:#FF9A00;font-size:20px;font-weight:bold;
					      font-family:Arial, Helvetica, sans-serif;margin-bottom:8px;padding-top:0px;margin-top:10px;}
h2						{ clear:both;font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
						  color:#FF9A00;margin-bottom:0px;width:100%;padding-top:0px;margin-top:0px;}
h3						{ font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
						  color:#000000;padding-left:48px;padding-top:15px;margin-bottom:10px;width:200px;}
h4						{ color:#FFFFFF; font-size:18px;margin:0px;}
h5						{ color:#FFFFFF;font-size:13px; width:170px;margin-top:5px;margin-bottom:10px;}
p						{ padding:0;margin:0; text-align:justify; letter-spacing:0px;}

.bordure_gauche			{ background-image:url(../I/bordure_gauche.jpg);background-repeat:repeat-y;                          padding-left:9px; width:960px;text-align:left; background-color:#FFFFFF;}
.bordure_droite 		{ background-image:url(../I/bordure_droite.jpg);background-position:right;
						  background-repeat:repeat-y;padding-right:9px;width:960px;}
	
label					{ font-weight:bold;}						  
#header					{ padding-top:0px;background-image:url(../I/fond_header.jpg);background-repeat:no-repeat;
						  width:960px; height:40px;}
#header2				{ padding-top:0px;background-image:url(../I/fond_header2.jpg);background-repeat:no-repeat;
						  width:960px; height:40px;}						  
.img_tel				{ padding-left:300px;padding-top:10px;float:left;padding-right:9px;}
.num_tel				{ font-weight:bold;padding-top:10px; padding-right:105px;text-align:left;color:#b0b0b0; font-size:15px;float:left;}
.creer_compte 			{ padding-top:8px;padding-left:35px;}
.haut_ordi				{ padding-left:30px;float:left;}
.titre_head				{ margin-bottom:-3px;/*Pour IE*/clear:both;}


.accueil				{ font-size:13px;padding-left:15px; padding-right:20px;padding-top:12px;float:left;}
.accueil1				{ font-size:13px;padding-left:25px; padding-right:190px;padding-top:12px;float:left;}
.accueil2				{ font-size:13px;padding-left:20px; padding-top:12px;float:left;}
.separateur				{ padding-top:13px;float:left;}

                  

#corps						{ padding-left:20px;padding-top:25px; background-color:#FFFFFF; height:750px; }
#corps .vignette_catalogue	{ padding-right:30px; float:left; width:282px; height:170px; background-image: url(../I/campus-home_catalogue.gif); background-repeat:no-repeat;}
#corps .vignette_acquis		{ padding-right:30px; float:left; width:282px; height:170px; }
/*background-image: url(../I/campus_home_expert.gif); background-repeat:no-repeat;*/
#corps .vignette_compte     { float:left; width:282px; height:170px; background-image:url(../I/campus_home_compt1.gif); background-repeat:no-repeat;}
#corps .boutons             { float: right; padding-top:15px; padding-right:10px; height:15px;}
#corps .texte               { float:left; padding-top:70px; padding-left:15px; width:250px }              

#corps_engagements			{ padding-left:20px;margin-top:1px; background-color:#FFFFFF; height:600px;
							  background-image:url(../I/main.jpg);background-repeat:no-repeat; 
							  background-position: top right;}
.titre						{ color:#e78f0c;font-weight:bold;font-size:13px;padding-top:5px;padding-bottom:5px;}
.titre2						{ color:#e78f0c;font-weight:bold;font-size:13px;padding-top:15px;padding-bottom:5px;}

#corps_qui_sommes_nous				{ padding-left:20px;padding-top:20px;background-color:#FFFFFF; height:100%;}
#corps_qui_sommes_nous .explication { color:#e78f0c;font-size:13px;font-weight:bold;padding-bottom:15px;}
#corps_qui_sommes_nous .nom			{ color:#e78f0c;font-weight:bold;float:left;}
#coordonnees .titre			{ color:#FFFFFF; font-size:20px; padding-top:18px;padding-bottom:15px; }	
#coordonnees				{ float:left;margin-left:17px;background-image:url(../I/fond_coordonnees.jpg); background-repeat:no-repeat;width:282px;
							  height:408px; padding-left:20px;margin-bottom:45px; margin-top:15px;}
#lien_blanc a				{ color:#FFFFFF; font-size:12px; font-weight:bold;text-decoration:none;}
#lien_blanc a:hover			{ text-decoration:underline;}

#coordonnees ul				{ color:#FFFFFF; font-size:13px; font-weight:bold;padding:0px;margin:0px;}
#coordonnees li				{ background-image: url(../I/puce.gif); background-repeat: no-repeat; background-position: left center;
 							  list-style-type: none; padding-left: 12px; color:#FFFFFF; font-size:13px; font-weight:bold;}
							  
#liste a					{ color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none;}	
#liste a:hover				{ text-decoration:underline;}	
							  
#coordonnees .liste			{ margin-top:35px;}

#site						{ padding-top:25px;height:426px;background-color:#FFFFFF;}
 .reseaux		{  width:281px; height:131px; top:525px; position:absolute;}
#site .le_saviez_vous		{ float:left; width:282px; height:426px;padding-top:18px;padding-left:15px;
							  background-image:url(../I/fond_le_saviez_vous.jpg); background-repeat:no-repeat; margin-top:25px; margin-bottom:20px;}
#site .bienvenue			{ float:right;padding-left:18px; margin-top:20px;}


#site .important			{ margin-top:45px;background-image:url(../I/important.jpg); background-repeat: no-repeat; 
							  width:580px; height:100px;}
#site .liste				{ width:555px;color:#FF9A00;font-weight:bold;padding-left:20px; font-size:11px}

#temoignages				{ background-image:url(../I/fond_temoignages.jpg); background-repeat:no-repeat; 
							  margin-top:30px;height:137px;padding-top:10px;padding-left:10px;}
#temoignages .titre3		{ color:#FFFFFF; font-size:18px;padding-bottom:8px;}
#temoignages .lien_blanc	{ color:#FFFFFF; font-weight:bold;font-size:11px;}
#temoignages a:hover 		{ text-decoration:underline;}
#temoignages .nom			{  padding-bottom:5px; font-weight:bold;float:left;}

#contact					{ background-image:url(../I/fond_contactez_nous.jpg); background-repeat:no-repeat;width:906px;height:345px;clear:both; margin-top:20px; margin-bottom:20px;padding-left:27px;margin-left:10px;}
#contact1					{ width:906px;height:1px;clear:both; margin-top:20px; margin-bottom:20px;padding-left:27px;margin-left:10px;}
							  
.encadre					{ border:1px solid #ff9902;}
.encadre_top_right_bottom	{ border-right:1px solid #ff9902;border-top:1px solid #ff9902;border-bottom:1px solid #ff9902;}
.encadre_left				{ border-left:1px solid #ff9902;}
.encadre_left_right			{ border-left:1px solid #ff9902;border-right:1px solid #ff9902;}
.encadre_left_top_bottom	{ border-left:1px solid #ff9902;border-top:1px solid #ff9902;border-bottom:1px solid #ff9902}
.encadre_left_bottom			{ border-left:1px solid #ff9902;border-bottom:1px solid #ff9902;}
.encadre_left_right_bottom	{ border-left:1px solid #ff9902;border-right:1px solid #ff9902;border-bottom:1px solid #ff9902;}


#fond_tarif_contact			{ margin-top:40px; background-position:center;background-image:url(../I/fond_tarifs_contact.jpg); 
							  background-repeat:no-repeat; width:904px; height:187px;padding-left:4px;}
#fond_tarif_contact .titre3	{ color:#FFFFFF; font-size:18px;padding-bottom:8px;padding-top:15px;padding-left:20px;}
.ds94						{ font-weight:bold;}
.gris						{ background-color:#747474;height:3px;}
#footer						{ height:100px; background-color:#3a3b3b;padding-top:25px;padding-left:15px;font-size:11px;}	
#footer a					{ color:#CCCCCC; text-decoration:none; font-weight:normal;}	
#footer a:hover				{ text-decoration:underline;font-weight:normal;}	
#footer .menu_footer		{ padding-left:200px;padding-top:10px;float: right; padding-right:20px;}
#footer .mini_separateur	{ color:#FFFFFF;}
#footer .select				{ float:left;padding-left:10px;padding-top:8px;}

/*- FORMATIONS.PHP --*/
#onglets					{ margin-top:30px;}
#onglets .affichage 		{ border-top:1px solid #ffaf39;border-bottom:1px solid #ffaf39; border-right:1px solid #ffaf39; 
					  		  background-color:#e3e3e3; float:left; width:590px; height:623px;padding:5px; /*zoom:1;*/ }
#onglets .affichagecert 		{ border-top:1px solid #ffaf39;border-bottom:1px solid #ffaf39; border-right:1px solid #ffaf39; 
					  		  background-color:#e3e3e3; float:left; width:590px; height:655px;padding:5px; /*zoom:1;*/ }
#onglets ul 				{ margin:0; padding:0; } 
#onglets li 				{ list-style-type:none; padding:5px; border-top:1px solid #ffaf39; 
					  		  border-left:1px solid #ffaf39; width:305px; border-right: 1px solid #ffaf39; } 
#onglets li.actif 			{ background-color:#e3e3e3;width:305px; border-right:1px solid #e3e3e3;} 
#onglets li.actif a 		{ text-decoration:none; } 
#onglets li.default			{ border-right-color:#e3e3e3; background-color:#e3e3e3; width:305px;}
.cinq						{ border-bottom:1px solid #ffaf39;}
.vide						{ font-size:18px;color:#ff9902;height:306px;width:316px; border-right:1px solid #ffaf39;}
.videperf					{ font-size:18px;color:#ff9902;height:430px;width:316px; border-right:1px solid #ffaf39;}



/* menu deroulant*/


#menu1, #menu1 ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
		/*list-style : none;  /*on supprime le style par défaut de la liste */
        line-height : 0px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		z-index:1000;
		
}

#menu1 /* Ensemble du menu */
{
        /*font-weight : bold; /* on met le texte en gras */
        /*font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 13px; /* hauteur du texte : 12 pixels */
}
		
		
#menu1 a /* Contenu des listes */
{
	display : inline; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding: 0px; /* aucune marge intérieure */
	/*text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		width : 20px; /* largeur */		
}

#menu1 li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		height:30px;
		
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu1 li
{
        /*border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu1 li ul /* Sous-listes */
{
	position: absolute; /* Position absolue */
	width: 44px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu1 li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        /*border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu1 li ul li                
{
       border-top : 6px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu1 li ul ul 
{
        margin    : 0 ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">"  */
html>body #menu1 li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
 #menu1, #menu1 ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu1 /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
        font-size : 13px; /* hauteur du texte : 12 pixels */
		
}

#menu1 a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 10px 0 0 0; /* aucune marge intérieure */
	/*background : #000; /* couleur de fond */        
        color : #C4C4C4; /* couleur du texte */
	/*text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 130px; /* largeur */
}

#menu1 li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
       /* border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		background-image:url(../I/fond_header_r1_c2.jpg);
		padding: 0;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu1 li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
		
}

#menu1 li ul /* Sous-listes */
{
	position: absolute; /* Position absolue */
	width: 14px; /* Largeur des sous-listes */
	left: -100em; /* Hop, on envoie loin du champ de vision */
}


#menu1 li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		margin : 0;
		height: 20px;
	    width: 150px;
		text-align: left;		
}
#menu1 li ul li a /* Éléments de sous-listes */
{
	padding: 0 0 0 5px;
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu1 li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu1 li ul ul 
{
       /* margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur  */
html>body #menu1 li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu1 a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #FF9A00; /* On passe le texte en noir... */
        background-image:url(../I/fond_header_r1_c2.jpg); /* ... et au contraire, le fond en blanc */
}

#menu1 li:hover ul ul, #menu1 li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu1 li:hover ul, #menu1 li li:hover ul, #menu1 li.sfhover ul, #menu1 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: inherit; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}
/* hide hack from Mac-IE5 \*/
* html .monelementbogue { height: 1%; }
/* end hiding */