@charset "iso-8859-1";
/* auteur: WonkaStudio */


/* GENERALITE ------------------------------------------------------------------------------------------------ */

a {
text-decoration:none;
}
   
body {
	background: url(../images/background.png) #000000 repeat 0px 20px; 
	background-repeat: repeat-x;
	background-color:#000;
	text-align:center;
	margin:0;
	padding:0;
	font-size:100.1%;
	font:83%/1.4 verdana, arial, helvetica, sans-serif;
}

.conteneur_page {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	}

.separator{
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
	font-size: 1em;
	}

p.texte_contenus
  {
  font-size:10px;
  text-align:justify;
  color:#000000;
  margin:10px 10px 0px 10px;
  }

.selected
{
  background-image:url(../images/menu_hover.png)!important;
}


h1
  {
  display: inline;
  font-size:16px;
  color:#00a5e5;
  font-weight:bold;
  margin:0 0px 10px 10px;
  }
  
h2
  {
  font-size:12px;
  color:#000000;
  font-weight:bold;
  margin:0 10px 10px 10px;
  }  

.titre_search{
	color:#ffffff;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
  
.conteneur_head
	{
	float:left;
	height:55px;
	line-height:55px;
	width:840px;
	text-align:right;
	}

.conteneur_head_2
	{
	float:left;
	height:152px;
	width:840px;
	text-align:right;
	}
.conteneur_head_3
	{
	float:left;
	height:28px;
	width:1000px;
	text-align:center;
	}
	
.link_head {
	font-size:0.9em;
	color:#FFFFFF;
	font-weight:bold;
	}	
.link_head:hover {
	text-decoration:underline;
	color:#b3e0ef;
	}		

.input_search {
	background-image:url(../images/form_1_left.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#fff;
	color: #000000;
	border:none;
	height:19px;
	font-size:10px;
	font-weight: bold;
	padding:4px 0px 1px 25px;
	margin-left:20px;
	}	
	
/* MENU 1 HORIZONTALE ------------------------------------------------------------------------------------------------ */

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

ul#menu li {
	float: left; }

ul#menu a {
	height:28px;
	width:131px;
	float: left;
	padding:0 0 0 0;
	line-height:28px;
	margin:0 0 0 7px;
	background-image:url(../images/menu_inactive.png); 
	text-align: center; }

ul#menu a:hover {
	background-image:url(../images/menu_hover.png); }

a.link_menu_inside {
	font-size:0.8em;
	color:#000000;
	font-weight:bold;
	}	


/* MISE EN PAGE ------------------------------------------------------------------------------------------------ */

#content {	
	float:left;	
	width:840px;
	margin-top:40px;
	}
#left {	 
	padding-top:20px;
	float:left;
	width:294px;
	}
#main {	
	float:left;
	width:535px;
	}

/* CONTENU DROITE ------------------------------------------------------------------------------------------------ */

.bloc_main_1{
	background-image:url(../images/main_head.png); 
	width:535px;
	height:13px;
	font-size:0.1em;
	margin:0;
	padding:0; }  
	
.bloc_main_2{
	text-align:left;
	background-color:#ffffff; 
	width:535px;
	min-height:650px !important;
	margin:0;
	}
.bloc_main_3{
	background-image:url(../images/main_foot.png); 
	width:535px;
	height:13px;
	font-size:0.1em;
	margin:0;
	padding:0; }
	
/* MENU 2 et 3 GAUCHE ------------------------------------------------------------------------------------------------ */

input_connexion {
	color:#000000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:80px;
	padding:4px;
	}	

.button_connexion {
	background-image:url(../images/button_connexion.png);
	line-height:30px;
	cursor:pointer;
	text-align:center;
	width:104px;
	height:30px;
	}
.button_connexion:hover {
	background-image:url(../images/button_connexion.png);	
	background-position:0px -30px;
	}
	
.titre_menu_clair {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
.titre_menu_fonce {
	color:#ffffff;
	padding:10px 0px 10px 0px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
ul#menu_blanc_gauche {
	background-image:url(../images/menu_3_background.png); 
	list-style-type: none;
	padding:0 0 0 0;
	margin:0; }

ul#menu_blanc_gauche a {
	display:block;
	color:#000000;
	font-size:10px;
	height:20px;
	width:274px;
	line-height:20px;
	padding:4px 0px 4px 20px;
	margin:0px 0px 0px 0px;
	}

ul#menu_blanc_gauche a:hover { 
	color:#FFFFFF;
	background-color:#00a5e5; 
	}

.bloc_menu_3_1{
	background-image:url(../images/menu_3_head.png); 
	width:294px;
	height:45px;
	line-height:45px;
	margin:0;
	padding:0; }
.bloc_menu_3_2{
	background-image:url(../images/menu_3_background.png); 
	background-color:#ffffff; 
	width:294px;
	text-align:left;
	min-height:100px;
	margin:0;
	padding:0; }
.bloc_menu_3_3{
	background-image:url(../images/menu_3_foot.png); 
	width:294px;
	height:16px;
	font-size:0.1em;
	margin:0;
	margin-bottom: 20px;
	padding:0; }
	
.bloc_member{
	background-image:url(../images/bloc_member.png); 
	background-repeat:no-repeat;
	width:294px;
	height:240px;
	margin:0 0 20px 0;
	padding:0; }

.bloc_member_profile{
	background-image:url(../images/bloc_member_profile.png); 
	background-repeat:no-repeat;
	width:294px;
	height:155px;
	margin:0 0 20px 0;
	padding:0; }
	   
	
/* PAGE SERVICES ------------------------------------------------------------------------------------------------ */

.image_carre {
	border:solid 5px #00a5e5;
	}				
.image_carre:hover {
	border:solid 5px #dddddd;
	}		

.bloc_img {
	width:200px;
	float:right;  
	padding-left:20px;
	padding-bottom:20px;
	}					

/* PAGE CONTACT ------------------------------------------------------------------------------------------------ */

.button_send_email {
	border:solid 0px #fff;
	float:left;
	text-indent:-5000px;
	background-image:url(../images/button_envoyer.png);
	cursor:pointer;
	width:104px;
	height:30px;
	}
.button_send_email:hover {
	background-position:0 -30px;
	background-image:url(../images/button_envoyer.png);
	}  
	
.input_contact {
	color:#000000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	border:solid 1px black;
	width:280px;
	padding:4px;
	}	   

/* REFERENCES ------------------------------------------------------------------------------------------------ */

/*#appear2 { 		 		
	float:left;
	margin-left:auto;
	margin-right:auto; 
	width:829px;
	height:420px;
	background-color:#cccccc;
	border:solid 4px red;
	padding:10px;
	}



/* SCREEN IMAGE FLOW ------------------------------------------------------------------------------------------------ */

#animation_conteneur {
height:200px;
width:535px;
position:relative;
display:block;
margin-bottom:50px;
}

/* FOOTER ------------------------------------------------------------------------------------------------ */

.conteneur_foot
	{
	float:left;
	display:block;
	background-image:url(../images/back_footer.png);
	background-repeat:no-repeat;
	height:80px;
	width:829px;
	padding:0;
	padding-top: 3px;
	margin-top:20px;
	margin-bottom:20px;
	line-height: normal;
	padding-right:20px;
	text-align:center;
	vertical-align: middle;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	}
.lien_footer {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	}
.lien_footer:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}

.center
{
	text-align: center;
}