@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 }
.blanc {color: #FFFFFF }
.grisFonce {color: #353437}
.grisClair {color: #929395}
.noir {color: #000000}

a img{border:0;}
a {	text-decoration:none;
	color:#929395;
	
}

#conteneurGeneral{	
	width:760px;
	margin-left:auto;
	margin-right:auto;
}

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


/*  DEBUT HEADER   */

#lineaireHeader{
	float:left;
	background:#000000; 
	width:470px;
	padding-left:11px;
	padding-right:11px;
			
}

#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;
}

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:470px;
    margin-top:11px;
	margin-bottom:5px;
}

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

/* début Couleurs date */ 

#pixelAccueil{
	float:left;
	width:140px; 
	height:11px; 
	text-align:right;
	padding-right:5px; 
	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:130px; 
	height:11px; 
	text-align:right;
	padding-right:5px; 
	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{
	margin-left:11px; 
	background: #000000;
	width:481px;
	margin-top:11px; 
	position:relative;
}


/*  FIN INDEX   */


/*  DEBUT WORK   */

#introRub{
	float:left;
	width:470px;
    margin-bottom:5px;
	letter-spacing:0.4px;
}

#sommaire{
	float:left;
	width:470px;
    margin-top:11px;
	padding-left:11px;
	padding-right:11px;
	font-size: 10.5px; 
		
}

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

#presentImgBook{
	margin-left:11px; 
	width:481px;
	
}

#legende{
	width:138px; 
	text-align:right;
	float:left; 
}

#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;}

/*  FIN WORK   */


/*  DEBUT CONTACT   */

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

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

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

#pixelFormul{
	float:left;
	width:140px;  
	height:11px; 
	text-align:right;
	padding-right:5px; 
	border-right:11px solid #000000;
}

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

}

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



/*  FIN CONTACT   */