/*Début menu à onglet - cours bureautique*/
#ul_onglets{
margin:0;
padding:0 0 0 5px;
}
.onglet{
float: left;
margin:5px 2px 0 5px;
padding:5px 10px ;
border:1px solid #AAA;
border-bottom:none;
border-radius:5px 5px 0 0;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
color:#fff;
cursor: pointer;
list-style: none;
background-color: #006599;
}
.onglet:hover{
background-color: #2ca8d2;

}         
.onglet_selectionner{
float: left;
margin:5px 2px -5px 5px;
padding:5px 10px ;
border:1px solid #2ca8d2;
border-bottom:2px solid white;
border-radius:5px 5px 0 0;
-webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
color:#2ca8d2;
cursor: pointer;
font-weight:bold;
list-style: none;
}           
.contenu-onglet{
clear: both;
background-color:white;
margin-top:-1px;
padding:5px;
border:1px solid #2ca8d2;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#555;
cursor: text;
}
#conteneur-onglet{
width: auto;
margin: auto;
}

/*Fin du menu à onglet - cours bureautique*/

/*Affiche le bouton pour remonter*/
#backtop{
 position:fixed;
 /* La couleur de fond*/
 background:#eff0d4;
 /*La bordure*/
 border:2px solid #125371;
 /* la longueur et l'espace autour du texte*/
 width:135px;
 padding:12px;
 /* On place le bloc en bas à droite*/
 right:30px;
 bottom:35px;
 /* On ajoute un bord arrondi pour les navigateurs compatibles*/
 border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px    }
#backtop:hover{
 /*On change le curseur de la souris au survol*/
 cursor:pointer;
 /*On change la couleur de fond au survol*/
 background:#125371;
 /*On change la couleur de la bordure au survol*/
 border:2px solid #eff0d4;
 /*On change la couleur de texte au survol*/
 color:#eff0d4}

/*Affiche la div pour les cours à télécharger*/

 
 
 
 
 
#Global{
	width:1024px; /*Remettre à 1000 pour s'aligner à l'EIP*/
	background-color:#006599;
	margin-left:auto;
    margin-right:auto;
  	text-align:center;
	margin-top:10px;
	height:124px;/*Remettre à 168 pour le menu*/
}
#Global #gauche{
	float:left;
	width:40%;
	height:124px;
}
#Global #droite{
	padding-top:49px;
	margin-left:45%;
	height:75px;
}
#Global #bas{
	float:left;
	width:100%;
}




/* MENU TOP */
#Global #menutop2 {
	float:left;
	width:1024px;
	height:37px;
	margin:0;
	padding:0;
	background-color:#3f9fd3;

}

#Global #menutop2 ul {
	margin:0;
	padding:0;
	list-style-type:none;
	
	
}



#Global #menutop2 li {
	display:inline;
	float:left;
	
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1em;
}

#Global #menutop2 li#trouver {
	display:block;
	height:37px;
	line-height:37px;
	margin:0;
	padding:0 5px 0 5px;
	float:left;
	width:160px;
	margin:0;
	padding:0;
	font-family: Verdana,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    color:#ffffff;
}



#Global #menutop2 li#index {
	display:inline;
	float:left;
	width:110px;
	margin:0;
	padding:0;

}

#Global #menutop2 li#index:hover{
background-color: #006599;

} 

#Global #menutop2 li#news {
	display:inline;
	float:left;
	width:115px;
	margin:0;
	padding:0;
}

#Global #menutop2 li#news:hover{
background-color: #006599;

} 



#Global #menutop2 li#cat {
	display:inline;
	float:left;
	width:130px;
	margin:0;
	padding:0;
}

#Global #menutop2 li#cat:hover{
background-color: #006599;

} 

#Global #menutop2 li#add {
	display:inline;
	float:left;
	width:170px;
	margin:0;
	padding:0;
} 
#Global #menutop2 li#add:hover{
background-color: #006599;
}  

#Global #menutop2 li a {
	display:block;
	height:37px;
	line-height:37px;
	margin:0;
	padding:0 5px 0 5px;
	color:#ffffff;
	text-align:center;
	font-family: Verdana,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
}





#Global #menutop2 li a:hover, #menutop2 li a:focus, #menutop2 li a:active {
	display:block;
	height:37px;
	line-height:37px;
	margin:0;
	padding:0 5px 0 5px;
	color:#ffffff;
	text-align:center;
	text-decoration:underline;

}











body{
	background-image:url(../images/fondPage.jpg);
	background-repeat:repeat-x;
	text-align:center; /* pour corriger le bug de centrage IE */ 
}
body.popup{
	background-image:url(../images/fondPage.jpg);
	background-repeat:repeat-x;
	text-align:left; /* pour corriger le bug de centrage IE */ 
}
img{border:0}
.button,.button-group button,.buttonDisabled {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	border:1px solid;

   background-color:#336699;				/* bleu moyen fonce */
   border-top-color:#a2b9d1;				/* bleu clair */
   border-left-color:#a2b9d1;				/* bleu clair */
   border-right-color:#000000;				/* noir */
   border-bottom-color:#000000;				/* noir */
}
div.res1{
	background-color:#BFD8E6;		
}
div.res-1{
	background-color:#EEEEEE;
}
div.contents{
	background-image:url(../images/fondConteneur.png);
	background-repeat:no-repeat;
    width:1042px; /*Remettre à 1024 pour s'aligner à l'EIP*/
    margin-left:auto;
    margin-right:auto;
  	text-align:center;
	padding-top:1px;
}
div.body{
	width:1024px;
	background-color:#F9F9FA;
	margin-top:15px;
    margin-left:auto;
    margin-right:auto;
  	text-align:left;
}
div.menug{
	width:25%;
	background-color:#F9F9FA;
	float:left;
	
	
	
	
}

div.menug a { 
	
	text-decoration:none; 
	font-family:Verdana,Helvetica,sans-serif;
    font-size: .7em;
    
}

     
div.menug a:hover {
		color: #006599;
		text-decoration:underline;
		
	}
	



div.mapage{
	width:75%;
	float:left;
	background-color:#F9F9FA;
}
div.footer{
	width:1024px;
	background-color:white;
        	margin-left:auto;
        	margin-right:auto;
  	text-align:left;
}
div.title{
	width:1024px;
	height:124px;
	background-color:#006599;
	background-image:url(../images/logo-header.gif);
	background-repeat:no-repeat;
	margin-top:15px;
        	margin-left:auto;
        	margin-right:auto;

}

div.cours-ligne-texte{
    color:#000000;
        font-family:Arial,Helvetica,sans-serif;
        font-size: .9em;
}





div.lienChemin{
	text-align:left;
	width:100%; 
	 font-family:Arial,Helvetica,sans-serif;
	 font-size: 9px;
	
	
	
	color:#000000;
	background-color:#FFFFFF;
	
}
div.lienChemin a { 
	color: #006599;
	text-decoration:none; 
		 font-family:Verdana,Helvetica,sans-serif;
	 font-size: 12px;
}

div.lientitre{
	text-align:left;
	width:100%;
	background-color:#EEEEEE;
	font-family:Verdana,Helvetica,sans-serif;
    font-size:.9em;
	color:#000000;
}

div.lientitrehaut{
	text-align:left;
	width:100%;
	background-color:#EEEEEE;
		font-family:Verdana,Helvetica,sans-serif;
    font-size:16px;
	color:#006599;
}





h1{
	
		font-family:Arial,Helvetica,sans-serif;
    font-size:150%;
	
	font-weight: bold;
	color:#006599;
	
	display:inline;
   
}
h1.courstele {
    font:150% Arial, Helvetica, sans-serif;
		font-family:Arial,Helvetica,sans-serif;
    font-size:150%;
	
	font-weight: bold;
	color:#006599;
	display:inline;
}



div.lienCours{
	text-align:center;
	width:100%;
	background-color:#EEEEEE;
}
div.cadre{
	padding: 1px 2px 2px 2px;
	border:4px solid #444444; /* couleur du cadre */
	font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
hr{
	clear:both;
        	color:#006599;
	background-color:#2ca8d2;
	border:0;
    	width:100%;
	height:3px;
        	margin-left:auto;
        	margin-right:auto;
	text-align:center;  /* pour corriger le bug de centrage IE */
}
hr.pointille{
 width:100%;
 height:1px;
 background-color:#006599;
border-bottom: 1px dashed #000000;
}
TD {
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
}

A, A:VISITED, A:LINK, A:ACTIVE {
        color:#000000;
        font-family:Arial,Helvetica,sans-serif;
        font-size:small;
        font-weight:bold;
        text-decoration:none;
}
A:HOVER {
        color:#000000;
        font-family:Arial,Helvetica,sans-serif;
        font-size:small;
        font-weight:bold;
        text-decoration:underline;
}

A.HEADA:HOVER {
        color:#000000;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
        text-decoration:underline;
}

A.NOIR, A.NOIR:VISITED, A.NOIR:ACTIVE {
        color:#000000;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
        text-decoration:none;
}
A.NOIR:HOVER {
        color:#000000;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
        text-decoration:underline;
}

.ROUGE, A.ROUGE, A.ROUGE:VISITED, A.ROUGE:ACTIVE {
        color:#FF0000;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
        text-decoration:none;
}
A.ROUGE:HOVER {
        color:#FF0000;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
        text-decoration:underline;
}

A.HEADA, A.HEADA:VISITED, A.HEADA:ACTIVE, A.HEADER, A.HEADER:VISITED, A.HEADER:ACTIVE {
        color:#000000;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:.9em;
        font-weight:bold;
		text-decoration:underline;
}

A.HEADER:HOVER, A.BOX:HOVER {
        color:#FFFFFF;
        font-family:Verdana,Helvetica,sans-serif;
       /* text-decoration:underline overline; */
}
P {
        margin:0px 0px 0px 5px;
}

#ligne1 {
 width:100%;
 height:3px;
 background-color:#FFFFFF;
}


/*#plat {
 width:100%;
 height:3px;
 background-color:#2ca8d2;
}

#plat2 {
 width:100%;
 height:1px;
 background-color:#000000;
}
*/
#partenaires {
	font-family:Verdana;
	text-align:left;
	color:#006599;
	font-size: 11px;
    font-weight: normal;

}


#partenaires a {
      font-family:Verdana;
	  color:#006599;
      font-size: 10px;
   }
#partenaires a:hover {
	color:#006599;
	text-decoration:underline;
}
/*haut des tableau "recommander c site a un ami" */
.HEADER, A.ONGL:HOVER {

		background:#EEEEEE;
		color:#737373;
		padding:4px 0 4px 5px;
		font:bold 1em Tahoma, Arial, Sans-Serif;
		margin:0 0 0px 0;
		font-size:.9em;
       /* background-color:#006599;
        color:#FFFFFF;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
        text-decoration:none;*/
}
DIV.TITREMENU {
		width:95%;
		background-color:#2ca8d2;
		color:#FFFFFF;
		font:70% Georgia;
		font-weight:bold;
		padding:4px 0 4px 5px;
        text-decoration:none;
		text-align:center;
		font-size: medium;
}






DIV.TITREMENUCAT {
		width:95%;
		background-color:#006599;
		color:#FFFFFF;
		font:70% Georgia;
		font-weight:bold;
		padding:4px 0 4px 5px;
        text-decoration:none;
		text-align:center;
		font-size: medium;
}
DIV.TITREFICHECOURS {
		width:95%;
		background-color:#2ca8d2;
		
	
			
	
	
	
	
     
	
		
		
		
}       

h2.TITREFICHECOURS {
        color:#FFFFFF;
		font-family:Arial,Helvetica,sans-serif;
		font-style: normal;
        font-size:1.1em;
	    text-align: left;
}

h3.TITREFICHECOURS {
        color:#FFFFFF;
		font-family:Arial,Helvetica,sans-serif;
		font-style: normal;
        font-size:0.9em;
	    text-align: left;
}


DIV.TITRECOURS {
		width:95%;
		background-color:#2ca8d2;
		
	
			
	
	
	
	
     
	
		
		
		
}		
h1.TITRECOURS {
        color:#FFFFFF;
        color:#006599;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: 30px;
		font-weight:bold;
		padding:4px 0 4px 5px;
        text-decoration:none;
		text-align: center;
}





h2.TITRECOURS {
        color:#FFFFFF;
		font-family:Verdana,Helvetica,sans-serif;
		font-style: normal;
        font-size:17px;
	    text-align: center;
}

h3.TITRECOURS {
        color:#FFFFFF;
		font-family:Verdana,Helvetica,sans-serif;
		font-style: normal;
        font-size:15px;
	    text-align: left;
}

TD.entete{
	background-color:#2ca8d2;
       color:#FFFFFF;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:.9em;
        font-weight:bold;
        text-decoration:none;
}
h1.accueilmisfu {
	
        color:#006599;
		font-family: Arial, Helvetica, sans-serif;
		font-style: normal;
		font-size: 25px;
		font-weight:bold;
		padding:4px 0 4px 5px;
        text-decoration:none;
		text-align: center;
	
   
}


A.lienDepliable{
	cursor:pointer;
}
DIV.HEADER{
		width:100%;
}
TR.LIGNA, A.ONGL, A.ONGL:VISITED, A.ONGL:ACTIVE {
        background-color:#f9f9fa;
        color:#006599;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
        text-decoration:none;
}
TR.LIGNB {
        background-color:#EEEEEE;
        color:#006599;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
        text-decoration:none;
}
.TITBOXC {
        color:#000000;
        font-family:Verdana,Helvetica,sans-serif;
        font-size:11px;
        font-weight:bold;
}
#courstele li{
 font-family:Verdana,Arial,sans-serif;
        font-size:small;
 vertical-align:middle;
 display: list-item;


 list-style-image : url(/images/fleche-bleu-cours-32-32.png);

 
} 
p {
        font-family:Verdana,Arial,sans-serif;
        font-size:small;
        

} 
li.menugauche {
 font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-style: normal;
        font-size:16px;
		list-style:none;
		margin-left:-40px;
		padding-bottom:5px;
		padding-top:5px;
		width:113%;
		text-align:center;
		font-weight: normal;
  color: #333333;
 /*list-style-image : url(/images/Lanfeust/fleche_blue.png);*/
} 


li.menugauche:hover{
background:#2ca8d2;
}

li.menugauche a:hover{
color:#FFFFFF;
text-decoration:none;
}

li {
 font-family:Arial,Verdana,sans-serif;
        font-size:14px;
 display : list-item;
/** list-style-image : url(/images/Lanfeust/fleche_blue.png);**/
} 

li.coursflechebleu {
 font-family:Arial,Verdana,sans-serif;
        font-size:14px;
 display : list-item;
 list-style-image : url(/images/Lanfeust/fleche_blue-cours.png);
} 

/** Bouton haut de page **/
#scrollToTop {font-size: 0.9em;}
#scrollToTop a{
    color: #fff;
    position: fixed;
    right: 10px;
    bottom: 16px;
    background-color: rgb(67,52,64); /** rgba fallback**/
    background-color: rgba(67,52,64, 0.7);
    padding: 7px 10px;
    border: 1px solid #433E36;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    }
#scrollToTop a:hover{
    color: #B9624E; 
    background-color: rgb(67,52,64); /** rgba fallback**/
    background-color: rgba(67,52,64, 0.2);
    }





/*ul{margin:0;padding:0}*/
LI.recherche{
        margin:0px;
        padding-left:2px;
		list-style-type:none;
}
ul.recherche{
	margin:0;
	padding:0;
}
.ONGL {
        border-bottom: #000000 1px solid;
        color: #555555;
        font-family: Verdana,Helvetica,sans-serif;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
}
*{outline: none;}
img {border: 0;}



/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}







/*
h1{
	font:150% Georgia;
	font-weight:normal;
	color:#555;
	padding:14px 0 0 0;
	border:none;
}

*/


img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;

}
.infocours {

	background-color: #f9f9fa;
    border: 2px solid #2ca8d2;
    border-radius: 10px 10px 10px 10px;
   
    margin: 0.7em auto;
    min-height: 2.5em;
    padding: 0.5em 5px 10px 40px;
    width: 90%;
	 vertical-align:texte-top;
}




  .success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
 
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}
P{
	text-align: justify;
}
ul.cours{
	list-style-type:lower-alpha;
}

.encadre {
  border: 1px solid #2ca8d2;
  margin: auto;
  padding: 10px;
  width: 80%;
  color: black;
  background-color: #e5edf2;
}