@charset "utf-8";

        body {
        font-size:12px;
	margin:0px;	
	font-family:Arial, Helvetica, sans-serif;
        color:#e9ebed;
        background-image:url(../images/bg_header.png);
background-repeat:repeat-x;
background-color:#1d252e; 
}


 
	
	a {
	color:#ff005a;
	text-decoration:none;
	}
	
hr {clear:both;
visibility:hidden;
margin-bottom:80px;
	}


		img {
		border:none;
	}
	
	h1 {
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
margin-bottom:5px;
padding:0;
margin-top:0px;
}


h5 {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:5px;
padding: 0;
margin-top:0px;
color:#a3a4a6;
}

h6 {
margin-top:10px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:5px;
padding: 0;
text-transform:uppercase;
}

.gris {
color:#a3a4a6;
font-weight:bold;
}

.gris a {
color:#a3a4a6;
font-weight:bold;
}

.rose {
color:#ff005a;
font-weight:bold;
}





	#content {
        width: 923px;
        margin:0 auto;
			}
	#content a {
color:#ff005a;
			}

/*****************************************************/
/* Header                               		 */
/***************************************************/
    #header {
	height:145px;
        width: 923px;
        background-color:#eaecee;
	background-image: url(../images/fond_header.jpg);
        background-repeat: no-repeat;
    }

    #header .logo {
        float:left;
    }

    #header #right-pub{
        float:right;
        padding-top:10px;
    }
/*****************************************************/
/* ESPACE MEMBRE                               		 */
/***************************************************/


    
 #membres {

        width: 923px;
	margin-left:auto;
	margin-right:auto;

       }  
	   
	    #connexion {
float:right;
       }  
	
       #membres form {
margin:0;
padding:0;
       }


       #membres .options{
font-weight:bold;
       margin-left:65px;
       font-size:11px;
       color:#313131;
	}

       #membres .options a{
       color:#313131;
       text-decoration:none;
font-size:11px;
	}

       #membres .options a:hover{
       color:#333333;
       text-decoration:none;
	}



/* Menu*/

#navigation{
width:923px; 
clear:both;

}

#sub-header{clear:both; width:923px; height:28px; background-color:#1d252e; padding-left:10px; line-height:28px; font-size:x-small; color:#333; float:left; margin-top:19px}

#sub-header a{color:#333; text-decoration:none}

#nav-right{float:right; width:auto; height:26px; color:#333; padding-top:6px; padding-right:10px; position:relative; font:12px 'arial',sans-serif}

#nav-right a{text-decoration:none; color:#333}

#nav-right a:hover{color:#666}


#nav{width:923px; height:20px; position:relative;  font:1.0em 'arial',sans-serif}

#nav .select, #nav .current{margin:0; padding:0; list-style:none}

#nav li{display:inline; margin:0; padding:0; height:auto}

#nav .select a, 
#nav .current a{display:block; height:26px; float:left; width:auto; padding:0 10px 0 10px; text-decoration:none; font-size:12px; line-height:26px; font-weight:bold;color:#000000;}

#nav .select a:hover, 
#nav .select li:hover a{ background:#1d252e;cursor:pointer; color:#ff005a;}

#nav .sub{display:none; width:923px;}

#nav .current a{background:#ff005a; color:#ffffff; display:inline; font-weight:bold; height:30px; }


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover{color:#c6d003}
#nav .sub_active .current_sub a, 
#nav .sub_active a:hover{color:#c6d003}
#nav .select li a:hover .sub, 
#nav .select li:hover .sub{display:inline; position:absolute; width:100%; top:26px; left:0; margin-top:0; padding:0; z-index:100; color:#CCC; font-size:10px}
#nav .sub, #nav .sub_active{margin:0; padding:0; list-style:none; font-weight:bold;    background:#1d252e;}

#nav .sub_active{display:inline; position:absolute; width:100%;     background:#1d252e;  top:26px; left:0; margin-top:0; padding:0; z-index:10}
#nav .sub_active a{height:26px; text-decoration:none; line-height:26px; display:inline; float:left; width:auto; padding:0px 0px 0px 10px; margin:0; font-size:12px; color:#CCC}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a{width:auto;     background:#1d252e; display:inline; float:left; padding:0px 0px 0px 10px; margin:0;  color:#CCC; font-size:12px}


/* Arianne*/

#arianne{
margin-top:32px;
padding-left:10px;
font-weight:bold;
padding-bottom:25px;
}

#arianne a {
color:#ff005a;
}



#content_information{
width:922px;
padding-left:10px;
padding-top:15px;
clear:both;
background-repeat:repeat-x;
background-image: url(../images/bg_information.png);
height:220px;
}

#slideshow{
float:left;
width:500px;
height:220px;
background-color:#FFFFFF;
border:#333a41 2px solid;
}

#slideshow a{
color:#ffffff;
}

 #information{
width:400px;
float:left;
padding-left:17px;
}

#information .stats {
color:#ff005a;
font-weight:bold;
}

#content_module{
width:923px;
padding-left:10px;
margin-top:30px;
padding-bottom:50px;
}

#last_formations{
width:370px;
float:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}


#last_formations h2 {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:5px;
padding: 0;
margin-top:0px;
}

#last_formations h3 {
display:inline;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 0;
margin-top:0px;
color:#a3a4a6;
}

#last_formations .view a{
color:#a3a4a6;
}


 .border_img_last {
width:380px;
float:left;
border:solid 2px #3a4148;
width:100px;
height:81px;
}

.view {
height:12px;
margin-left:3px;
font-size:11px;
padding-bottom:4px;
border-bottom:#333a41 1px solid;
margin-bottom:5px;
}

#last_articles{
float:left;
width:235px;
margin-left:15px;
}

#last_articles a{
color:#a3a4a6;
}

#last_articles a:hover{
color:#d0d202;
}

div#last_articles h2{
padding:0;
margin:0;
color:#a3a4a6;
text-decoration:none;
font-weight:bold;
font-size:13px;
}


#last_articles .tableau {
border-bottom:#333a41 1px solid;
width:250px;
margin-bottom:3px;
padding-top:3px;
}


/* logiciel index */

#logiciel_index {
margin-top:25px;
line-height:18px;
}

#logiciel_index a {
color:#e9ebed;
}

#logiciel_index a:hover {
color:#ff005a;
}



#logiciel_index ul {
margin-left:16px;
padding-left:0px;
list-style-image: url(../images/puce.png);
}

/* tutorial aleatoire index */

#tutorial_aleatoire {
float:right;
width:250px;
height:250px;
}

#tutorial_aleatoire h2 {
padding:0;
margin:0;
color:#a3a4a6;
text-decoration:none;
font-weight:bold;
font-size:13px;
padding-bottom:4px;
}

/* slide jquery */

#slide-menu{
margin-top:8px;
}

#slide-menu a.wactive{
color: #fff;
font-weight: bold;
padding: 2px 5px;
background: #ff005a;
}

#slide-menu a{
padding: 1px 1px;
color:#a9afb7;
text-decoration: none;
}
/*****************************************************/
#popular{
width:923px;
float:left;
padding-left:10px;
margin-top:40px;
padding-bottom:40px;
}

#popular h2{
padding:0;
margin:0;
color:#a3a4a6;
text-decoration:none;
font-weight:bold;
font-size:13px;
}

#popular .tableau{
padding-right:10px;
display:inline;
float:left;
}

#popular .titre{
padding-top:5px;
}

#popular .view2{
font-size:11px;
padding-top:2px;
border-top:#333a41 1px solid;
margin-bottom:5px;
}

/*****************************************************/

#content_formation {
margin-bottom:55px;
}

#formations {
padding-left:10px;
width:520px;
float:left;
margin-bottom:30px;
}



#formations h2 {
padding-bottom:5px;
margin:0;
color:#a3a4a6;
text-decoration:none;
font-weight:bold;
font-size:13px;
}

#formations a{
color:#ff005a;
}

#formations .view2 {
margin-top:10px;
padding-bottom:2px;
border-top:#333a41 1px solid;
padding-top:4px;
font-size:11px;
}

#formations .view2 h3 {
display:inline;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 0;
margin-top:0px;
color:#a3a4a6;
}

#formations .view2 a{
color:#a3a4a6;
}

#formations .view2 a:hover{
color:#d0d202;
}

#formations .info {
font-size:12px;
color:#e9ebed;
}

#formations .description_detail {
margin-top:10px;
margin-bottom:15px;
}

#formations .description_detail p {
line-height:16px;
text-align:justify;
}

#formations .tutorials_connexes {
margin-bottom:10px;
}

#formations .tutorials_connexes a img{
width:116px;
margin-right:6px;
border:#333a41 2px solid;
}

#formations .tutorials_connexes a:hover img {
border:#b9b9b9 2px solid;
}



#formations #detail_video {
border-top:solid 1px #3a4148;
margin-top:5px;
padding-top:7px;
font-size:12px;
}

#formations #voir_formation {
border-top:solid 1px #3a4148;
margin-top:7px;
padding-top:10px;
}

#formations #voir_formation span {
display:block;
font-size:11px;
padding-left:7px;
color:#ff005a;
font-weight:bold;
margin-bottom:15px;
}




#content_plus{
padding:10px 15px 0px 18px;
width:306px;
margin-left:45px;
float:left;
height:625px;
background-color:#1d252e;
background-image: url(../images/bg_side.png);
background-repeat: repeat-x;
}


#content_plus a {
color:#a3a4a6;
font-weight:bold;
}

#content_plus a:hover{
color:#ff005a;
font-weight:bold;
}

#content_plus ul{
list-style:none;
padding-left:5px;
}



#content_plus h1 {
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
margin-bottom:5px;
padding:0;
margin-top:0px;
padding-bottom:5px;
border-bottom:#333a41 1px solid;
}

#cat {
margin-top:20px;
}

/*****************************************************/
/* VOTE                              		 */
/***************************************************/
	
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating .current-rating{
	background: url(../images/rating_star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;

	
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* SECOND STAR (ALREADY VOTED */


.star-rating2,
.star-rating2 a:active,
.star-rating2 .current-rating{
	background: url(../images/rating_star_2.gif) left -1000px repeat-x;
}
.star-rating2{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating2 li{
	display: inline;
}
.star-rating2 a, 
.star-rating2 .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
	cursor:default;
}

.star-rating2 a.one-star{
	width:20%;
	z-index:6;
}
.star-rating2 a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating2 a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating2 a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating2 a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating2 .current-rating{
	z-index:1;
	background-position: left center;
}


/* END SECOND STAR */

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}
.voted_twice {
	background: #FFDDDD url(../images/rating_warning.gif) no-repeat 5px 50%;
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:130px;
	font-size:11px;
	}
.voted {
	background: #E7FFCE url(../images/rating_tick.gif) no-repeat 5px 50%;
	padding:5px 5px 5px 16px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:130px;
	font-size:11px;
	}
/* The text that displays the rating information */
.rated_text {
margin-top:15px;
	margin-bottom:5px;
	font-size:13px;
	}
/* Green text that shows 3.34/5 */
.out5Class {
	}
.percentClass {
	/* Insert styles here for the percentage display. Example (74%) */
	}
.votesClass {
	/* Insert styles here for the votes display. Example (2 Votes) */
	}
.topRatedList {
	padding:0;
	margin:0;
	}
.topRatedList li {
	list-style-type:none;
	}


/*****************************************************/
/* NEWS                              		 */
/***************************************************/

#news {
padding-left:15px;
width:510px;
float:left;
margin-bottom:50px;
color:#FFFFFF;
text-align:justify;

}

#news a {
font-weight:bold;
}


#news p {
line-height:16px;
}


#news h2 {
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
color:#ff005a;
text-transform:uppercase;
font-weight:bold;
padding: 0;
margin:0;
}

#news .info {
font-size:10px;
}

#news .info a {
color:#a3a4a6;
}

#news .info a:hover {
color:#d0d202;
}
#news .image {
margin-top:5px;
margin-bottom:8px;
}

#news .intro {
margin-top:5px;
border-bottom:#333a41 1px solid;
padding-bottom:8px;
}

#news .intro2 {
margin-top:5px
padding-bottom:8px;
}

#news .stats {
float:right;
color:#a3a4a6;
font-weight:bold;
}


#news .suite {
float:left;
padding-left:13px;
width:80px;
background-color:#333a41;
font-weight:bold;
color:#a3a4a6;
height:17px;

}

#news .suite a{
font-weight:bold;
color:#a3a4a6;

}

.share_friend {
margin-top:10px;
padding:7px 5px 5px 10px;
background-repeat:repeat-x;
background-image: url(../images/share_bg.png);
height:105px;
}

        span.courante_a {
        font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 1px;
	padding: 2px 5px;
	background: #ff005a;
        }

        span.courante {
	font-size: 12px;
       color:#ff005a;
	   	padding: 2px 2px;

        }



#modules{
padding:10px 15px 0px 18px;
width:306px;
margin-left:50px;
float:left;
height:625px;
background-color:#1d252e;
background-image: url(../images/bg_side.png);
background-repeat: repeat-x;
}

#modules h1 {
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
margin-bottom:5px;
padding:0;
margin-top:0px;
padding-bottom:5px;
border-bottom:#333a41 1px solid;
}

.pub_320x250{
margin-bottom:20px;
}




#modules ul {
list-style:none;
padding-left:5px;
}



#modules a{

color:#a3a4a6;
font-weight:bold;
}

#modules a:hover{
color:#ff005a;
font-weight:bold;

}


#categorie {
margin-bottom:20px;
}

#communautes {

margin-top:20px;
margin-bottom:20px;
}

#communautes img {
padding-top:10px;
padding-right:15px;
}




/*****************************************************/
/* PGE FORMULAIRE                              		 */
/***************************************************/
#content_formulaire {
padding-left:10px;
padding-bottom:170px;
width:923px;
}

#content_formulaire #objectif {
padding-bottom:10px;
border-bottom:#333a41 1px solid;
}

#content_formulaire form.css label {
        display:inline;
        float: left;
        } 
  
#content_formulaire       .champ{
       height:17px;
       color:#ff005a;
       }

#content_formulaire      .champ_select{
      height:25px;
      color:#ff005a;
      }
  
#content_formulaire      label   {
      font-size:13px;
      display:inline;
      float: left;
      color:#ffffff;
font-weight:bold;
      } 


/*****************************************************/
/* PRESSE                              		 */
/***************************************************/
#media {
margin-left:10px;
}

#content_presse {
margin-top:50px;
margin-left:10px;
width:905px;
padding-left:10px;
padding-top:5px;
clear:both;
background-repeat:repeat-x;
background-image: url(../images/bg_information.png);
height:220px;
margin-bottom:130px;
}

#content_presse #presse {
float:left;
width:520px;
}

#content_presse img {
margin-right:15px;
border:#333a41 1px solid;
}

#content_presse #sites {
padding-left:20px;
float:left;
width:150px;
}

#content_presse #sites a {
color:#a3a4a6;
font-weight:bold;
}

#content_presse #sites a:hover {
color:#c6d003;
font-weight:bold;
}

#content_presse #sites ul {
margin-left:20px;
padding-left:0px;
list-style-image: url(../images/puce.png);
}

/*****************************************************/
/* A PROPOS                             		 */
/***************************************************/

#propos_left  {

width:630px;
float:left;
padding-right:10px;
padding-left:10px;

}

#propos_right  {
padding-left:10px;
float:left;


}



/*****************************************************/
/* HISTOIRE                              		 */
/***************************************************/

#histoire_left  {

width:630px;
float:left;
padding-left:10px;
padding-right:10px;

}

#histoire_right  {
padding-left:20px;
float:left;
}




/*****************************************************/
/* FOOTER                               		 */
/***************************************************/
#enveloppe {
margin-left:auto;
margin-right:auto;
width:923px;
padding-left:10px;
margin-top:15px;
padding-bottom:10px;
}

#footer { 
clear:both;
color: #a9afb7;
font-size:11px;
margin-top:10px;
height:280px;
border-top:2px solid #ff005a;
background-color:#000000;
}

#footer	h2 {
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
margin-bottom:5px;
padding:0;
margin-top:0px;
}


        #footer a {
          color: #a9afb7;
        }
        #footer a:hover {
         color: #ff005a;
        }

#footer ul {
list-style:none;
padding:0;
}






        #a-propos {
         float:left;         
         width:145px;
        }

        #tutorial {
	width:195px;
        float:left;
        
        }
		
        #actualites {
         float:left;
	 width:195px;                }

        #suivre {
         float:left;
	 width:185px;                }

        #liens {
         float:left;
	 width:185px;                }


#copyright {
border-top:#333a41 1px solid;
color:#a9afb7;
font-size:12px;
margin-top:20px;
float:left;
width:923px;
padding-top:20px;
        }