@charset "utf-8";
/* CSS Document */


/*
bleu color:#006bb6;

 */


.bleu {color:#006bb6;}
.gras { font-weight:bold;}
.h2{color:#006bb6; font-size:1em;}

html, body
{
    font-family: ITC Avant Garde Gothic, Avant Garde, Arial, Helvetica, Serif;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    max-height: 100%;
	text-align:center;
	background-color:#fff;}
	
a { text-decoration: none; outline-style:none; color:#fff;} /* enleve le pointillé rouge dans firefox */
a:hover { text-decoration:none; font-weight:bold; color:#FFF;}


img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
h1, h2, h3
{
    font-size: 1em;
    margin: 0;
}
h1{color:#000; font-size:1.2em;}
h2{color:#006bb6;}
h3{font-size:0.9em; color:#000; font-weight:normal;}

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}

li{ display : list-item; list-style-image : url(images/puce2.png); margin:0px; padding:0px; vertical-align:middle;}

/* pour centrer la div principale*/
#divcentrale {
	margin: 0 auto;
	width: 953px;/* largeur du contenu */
	background-image:url(images/slice_contenu.jpg);
	background-repeat:repeat-y;} 
#header {
	background-image:url(images/banniere.jpg);
	background-repeat:no-repeat;
	height:368px;}	
	#menu{min-width:150px;
		  min-height:100px;
		  float:left;
		  position:relative;
		  top:196px;
		  #top:211px;
		  _top:211px;		
		  left:130px;
		  font-size:16px;
		  color:#fff;
		  text-align:left;
		  z-index:999;}
		  
		 #menu li{margin:0px; padding:0px; min-width:150px; border-bottom:1px solid white; padding-bottom:5px; padding-top:5px;position:relative;}
		 
/* sous-menu */
/* reset */
#menu ul li ul {margin:0;padding:0;list-style-image:none;}
#menu ul li ul li {margin:0;padding:0;min-width:auto;display:block;list-style-image:none;border-bottom:none;}
/* style */
#menu ul li ul {display:none;position:absolute;background:#2D95EE;top:0;left:150px;width:150px;border:2px solid #fff;padding:5px;}
#menu ul li.hover ul {display:block;}
#menu ul li ul li {border-top:1px solid #fff;zoom:1.0;}
#menu ul li ul li.first {border-top:none;}
#menu ul li ul li, #menu ul li ul li a {color:#fff;font:12px/14px solid arial,sans-serif;}
#menu ul li ul li a {display:block;padding:5px;}
#menu ul li ul li a:hover {font-weight:normal;background:#fff;color:#2D95EE}
		 
	
/* Menu de droit */
#menudedroite { padding-top:15px;}
#menudedroite a{color:#006bb6; }

.pspecial{font-size:12px; margin-top:30px;}		 
		 
#pdf{float:left; width:21px;}
#lienpdf{ padding-top:-2px; padding-left:5px;}
	
	
	#barreverticale{
		width:275px;
		height:368px;
		float:right;
		margin-right:74px;
		position:relative;z-index:10; /* pour embarquer par dessus l'animation */
		display:inline;}
		#accueil{
			float:left;
			width:138px;
			height:368px;
			background-image:url(images/accueil.png);
			background-repeat:no-repeat;}
		#joindre{
			float:right;
			width:137px;
			height:368px;
			background-image:url(images/joindre.png);
			background-repeat:no-repeat;}
				 

	
	
#contenu {background-image:url(images/slice_contenu.jpg); background-repeat:repeat-y; min-height:400px; text-align:left;}
	#colonnegauche {  width: 540px; float: left; margin:0;  border: none; vertical-align:text-top; padding:30px 0px 0px 40px;} /* padding:30px 40px 30px 40px; */
		#colonnegauche p{line-height:1.3em;}
	
		#colonnegauche ul li a { color:#006bb6; font-weight:normal;}
		#colonnegauche ul li a:hover { text-decoration:underline;}
		#colonnegauche a { color:#006bb6; font-weight:normal;}
		
	#colonnedroite {  width: 341px;  margin:0; padding:0; padding-top:30px; border: none; text-align:left; color:#006bb6; float:right; padding-top:111px;} /* padding-right:100px;  width: 225px; */
		#colonnedroite ul{line-height:2em; width:220px;}
		#apercu{ height:90px; background-color:#9be008; position:absolute; top:400px; right:83px; width:257px; }/* padding-top:7px; padding-left:7px;  margin-left:-16px; width:253px; */
			#apercu ul{margin:0px; padding:0px;}
			#apercu li{margin:0px; padding:0px;}
			
	#nouveaute{background-image:url(images/fleche2.png); background-repeat:no-repeat; width:263px; height:200px; color:#fff; font-weight:bold; }
	#conseilsdepro {background-image:url(images/conseildepro.png); background-repeat:no-repeat; width:263px; height:180px; color:#fff; font-weight:bold; }
	#capsuletv {background-image:url(images/capsuletv.png); background-repeat:no-repeat; width:263px; height:180px; color:#fff; font-weight:bold; }


	#tousentraineurs{display:inline;}
	.diventraineurs{width:180px; height:270px; float:left;}
	.nomprenom{margin:0px; padding:0px;}
	
#footer {background-image:url(images/footer.jpg); background-repeat:no-repeat; height:157px; top:0px; font-size:11px;}
	#footer p{padding-top:130px; color:#fff;}
#copyright {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#ffffff;}

#bleupale{color:#11B1EE; font-size:14px;}
#bleu{color:#006bb6;}

/* rollover */
.rollOver
	{display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    float: left;}
.rollOver:hover
	{background-position: bottom right;}
.rollOver span
	{display: none;}
.icone 
	{width: 354px;
    height: 34px;}
#cours li{margin-bottom:20px;}

.sectionencours {background-color:#c0e2f9;}


/* clearfix (utiles pour les bug de float) */

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}

/* CONSEILS DE PRO */
#conseilsdepro a { text-decoration:underline; }
#conseilsdepro a:hover { text-decoration: none; }

/*SOCIAL*/

#social{ padding-bottom:40px;padding-left:20px;}
.textemini{padding-right:100px; font-size:14px; font-weight:bold;}
a.lienbleu:hover{color:#1941A5;}
#facebook{float:left;margin-left:-10px; margin-right:8px;}
#blog{float:left;}