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

body{
	background-color: #353437;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #929395;
	margin:0px;
	/*letter-spacing:0.4px;*/
}

.vert {color: #aec100 }
.bleu {color: #00b3cf }
.rose {color: #e63e8c }
.orange {color: #FF6600 }

.blanc {color: #FFFFFF }

.grisFonce {color: #353437}
.grisClair {color: #929395}
.noir {color: #000000}

a img{border:0;}
a {	text-decoration:none;
	color:#929395;
	
}
/*  DEBUT composition   */
#CENTRAGE{
width:870px;
margin-left:auto;
margin-right:auto;
}
#COL_droite{
width:170px;
float:left;
}
#COL_milieu{
width:700px;
float:left;
}
/*  FIN composition   */
#conteneurGeneral{	
	margin-left:auto;
	margin-right:auto;
}

#ConteneurCentre{
	width:870px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
		
}


/*  DEBUT HEADER   */

#lineaireHeader{
	float:left;
	background:#000000; 
	width:680px;
	padding-left:10px;
	padding-right:10px;
	clear:both;
			
}

#contact{
	float:right; 
	background:#353437;
	height:15px; 
	width:90px; 
	padding:2px 5px 0 11px;
	text-align: right; 
}

#accueil{
	float:right; 
	margin-right:23px; 
	height:15px; 
	padding:2px 0 0 10px;
}

#adresse{
	float:right; 
	text-align:right;
	
}

#logo{
	float:left;
	padding-left:30px;
}

a.voir {
	position: relative;
	text-decoration: none;
	
	
}

a.voir span {
	display: none;
	
	
}

a.voir:hover {
	z-index: 100;
		
}

a.voir:hover span {
	display: block;
	position: absolute;
	width: 177px;
	left: 0px;
	bottom: ;
	top:-4px;
	text-align: center;
	color: black;
	background:	white;
}


/*  FIN HEADER   */


/*  DEBUT INDEX   */

#intro{
	float:left;
	background:; 
	width:700px;
    margin-top:11px;
	margin-bottom:5px;
}

#blocBas{
	width:710px; 
	float:left; 
	margin-top:15px;

		
}

/* début Couleurs date */ 

#pixelAccueil{
	float:right;
	width:140px; 
	height:11px;
	padding-right:5px;
	text-align:right;
	border-right:11px solid #FFFFFF;
	text-transform:uppercase;
}

#pixelDateRose{
	float:left;
	width:130px; 
	height:11px; 
	text-align:right;
	padding-right:5px; 
	border-right:11px solid #e63e8c;
	text-transform:uppercase;
}

#pixelDateVert{
	float:left;
	width:119px; 
	height:11px; 
	text-align:right;
	border-right:11px solid #aec100;
	text-transform:uppercase;
}

#pixelDateBleu{
	float:left;
	width:130px; 
	height:11px; 
	text-align:right;
	padding-right:5px; 
	border-right:11px solid #00b3cf;
	text-transform:uppercase;
}


/* fin couleurs date */

#presentImgActu{
	background: #000000;
	width:700px;
	margin-top:11px; 
}


/*  FIN INDEX   */


/*  DEBUT WORK   */

#introRub{
	float:left;
	width:620px;
	padding-left:30px;
	padding-right:30px;
    padding-bottom:5px;
	letter-spacing:0.4px;
}

#sommaire{
	float:left;
	width:170px;
    margin-top:250px;
	font-size: 10.5px;
		
}

#colonne{
	width:138px; 
	/*margin-left:11px;*/
	float:left;
	line-height:19px;
	height:80px;
	display:block;
	padding-left:11px;
	
}

#presentImgBook{
	width:700px;
	
}

#legende{
	width:700px; 
	text-align:right;
	float:left;
	clear:both; 
	margin-bottom:15px;
}

#pixelLegendeRose{
	float:left;
	width:140px; 
	height:11px; 
	text-align:right;
	padding-right:5px; 
	border-right:#e63e8c 11px solid;
	color:#FFFFFF;
	text-transform:uppercase;
}

#pixelLegendeVert{
	float:left;
	width:140px; 
	height:11px; 
	text-align:right;
	padding-right:5px; 
	border-right:#aec100 11px solid;
	color:#FFFFFF;
	text-transform:uppercase;
}

#pixelLegendeBleu{
	float:left;
	width:140px; 
	height:11px; 
	text-align:right;
	padding-right:5px; 
	border-right:#00b3cf 11px solid;
	color:#FFFFFF;
	text-transform:uppercase;
	
}



/* Couleurs Menu */



#sommaireRose a:hover{ color:#e63e8c;font-weight:bold;}
#sommaireRose a:active{ color:#e63e8c;font-weight:bold;}

/*#sommaireVert a:link{ color:#ff0000;}
#sommaireVert a:visited{ color:#ff0000;}*/

#sommaireVert a:hover{ color:#aec100;font-weight:bold;}
#sommaireVert a:active{ color:#aec100;font-weight:bold;}

#sommaireBleu a:hover{ color:#00b3cf;font-weight:bold;}
#sommaireBleu a:active{ color:#00b3cf;font-weight:bold;}

#sommaireOrange a:hover{ color:#FF6600;font-weight:bold;}
#sommaireOrange a:active{ color:#FF6600;font-weight:bold;}


/*  FIN WORK   */


/*  DEBUT CONTACT   */

input{ 
	width:500px; 
	border:none; 
	height:18px; 
	padding-top:2px; 
	padding-left:3px;
}

select{ 
	width:502px; 
	border:none;
	height:20px;
	padding-top:2px; 
	padding-left:3px; 
}

textarea{ 
	width:500px; 
	height:200px; 
	border:none;
	padding-top:2px; 
	padding-left:3px; 
}

#pixelFormul{
	height:15px;width:500px;padding:0px;text-align:right;font-size:24px;color:#FFFFFF;

}

#cocher{
	float:left; 
	width:222px;
	

}

.textCocher{
	float:left; 
	width:200px; 
	margin-left:24px; 
	margin-top:-18px;
	position:absolute;
	
}

 a.WORK:link, a.WORK:visited {
	text-decoration : none;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 50px;
	font-weight: lighter;
	} 

a.WORK:hover {
	background-color : #353437;
	text-decoration : none;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 50px;
	}
.titreRUB{
	color:#000000;
	margin-left:8px;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 30px;
}

/*  FIN CONTACT   */