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


/* ---------------------------------- Styles du site de la petite boîte ----------------------------------------*/

/* couleurs dominantes */
/* rose :#e10162      vert :#becc2f      bleu:#00abbd       gris texte :#818181    */



#logo{

	margin				: 20px;
	}

.cale{
	clear				: both;
	}
#partieGauche{
	width				: 350px;
	height				: 100%;
	background			: url(img/fond-partie-gauche3.jpg) no-repeat top left #ffffff;
	position			: fixed;
	}


#partieDroite{
	background			:none;
	margin-left			: 350px;
	padding:20px;
	background			: url(img/dessins-bas.jpg) no-repeat bottom right ;
	height				: 100%;
	border-left			: solid 1px #d4d4d4   ;
	width:75%;
	padding-bottom:100px;
	}

#partieDroiteArticle{
	position:relative;
	margin-left:350px;
	padding:20px;
	background: url(img/bg-carreaux.jpg) repeat;
	background-position:fixed;
	height:100%;
	border-left: solid 1px #d4d4d4   ;

	}


p{
	margin				: 0;
	padding				: 0;
	}
#footer{
	width				: 100%;
	padding				: 3px;
	position			: fixed;
	background			: #ffffff;
	bottom				: 0;
	color				: #959595;	
	font-size			: 10px;
	
	}
#footer *{
	top					: 50%;
}
#footer a{
	color				: #959595;
	text-decoration		: underline;
}

#footer a:hover{
	color				: #e47aa8;
}
#menu{
	position			: fixed;
	bottom				: 10%;
	left				: 10px;
	padding-left:120px;
	}
	
	

#titreQui{
	background			: url(img/titre-qui-que.png) no-repeat top left;
	padding-top			: 50px;
	width				: 100%;
	border-bottom		: solid 1px #e5e5e5;
	margin-bottom		: 30px;
}
	
#graphisme{
	float				: left;
	width				: 190px;
	height				: 180px;
	list-style			: url(img/puce.png);
	padding-top			: 40px;
	background			: url(img/titre-graphisme.png) no-repeat top left;
	}
#identite{
	float				: left;
	width				: 190px;
	height				: 180px;
	list-style			: url(img/puce-vert.png);
	padding-top			: 40px;
	background			: url(img/titre-identite.png) no-repeat top left;
	}
#multimedia{
	float				: left;
	width				: 220px;
	height				: 180px;
	list-style			: url(img/puce-bleu.png);
	padding-top			: 40px;
	background			: url(img/titre-multimedia.png) no-repeat top left;
	}
#contQuoi{
	float				: left;

	padding-top			: 20px;
	width:70%;

	font-size			: 12px;
	}
#facebook{
	clear				: both;
	position			: fixed;
	bottom				: 3px;
	left				: 150px;
	}

a.facebook{
	display				: block;
	width				: 141px;
	height				: 38px;
	background			: url(img/facebook.png) no-repeat;
}
a.facebook:hover{
	background			: url(img/facebook-survol.png) no-repeat;
}


#uneReference{
position:relative;
	width:520px;

	background:#ffffff;

}

#uneReference h3{
	margin-top			: 40px;
		background:#ffffff;
	}

#uneReference p{
	margin-bottom		: 5px;
	font-size			: 12px;
	}

#retourVignettes ul, #retourVignettes li{
	color				: #A19FA0;
	font-size			: 11px;
	width				: 100%;
	list-style			: none;
}
#retourVignettes{
	width				: 502px;
	position			: fixed;
	background			: #ffffff;
	border-bottom		: solid 1px #E20062;
	margin-bottom		: 30%;
	margin-left			: 20px;
	top:0%;

	}
#retourVignettes a{
	float				: right;
	}
.imageFondRef{
	background:#ffffff;
	right:0%;
bottom:0%;
	
position:fixed;
}
	


.photosRef{

	padding-left:20px;
	margin-top:210px;
	margin-bottom:50px;
	z-index:0;

	}
.photosRef img{
	border:solid 1px #C9C7C7;
		z-index:0;
	}
.vignette{
	margin:4px;
	float:left;
	}
	
	#imageActu{
	float:left;
	
}
#actu{
	float:left;
	width:50%;
	padding:10px;
	padding-right:5px;
	bottom:2%;
	color:#818181;
	padding-top:20px;
	border-right: dotted 1px #cdcdcd;
	background:url(img/bg-motif-blanc.jpg) repeat;
	}


#actu p{
	text-align:justify;
	
	}
.actu{
	font-size:12px;
	}

#actuDroite{
float:left;




	}
#actu h3{
border-bottom:solid 1px #bfbfbf;
width:100%;
margin-bottom:5;
padding-bottom:0;
	}

#domaines{
float:left;
list-style: none;
	}

.texteMot{
color:#818181 ;
width:350px;
text-align:justify;
margin-bottom:20px;
background:#ffffff;
padding:10px;
	}

#domaines a{
color:#818181;
	}

#domaines a:hover{
color:#e10162;

	}
#partieBas{


border-top:1px dotted #e9e9e9;
bottom:1%;


	}
#tags a{
color:#d1d1d1;
font-size:12px;
text-align:left;
}
#tags a:hover{
color:#00abbd;
}
a.lienSite{
 background:#3d3d3d;
 padding:2px;
 color:white;
}
.retour{
	margin-bottom:20px;
}
.marginLogo{
margin:3px;
}
#lesMotsCles{
	width:85px;
	min-height:800px;
	background:black;
}
.rose{
	color:#e10162;
	font-weight:bold;
	display:inline;
	
	
}
.rose2{
	color:#e10162;
	font-weight:bold;
	text-align:left;

	
}


.caleDroite{
	float:right;
	padding:3px;
	border:1px solid #dcdcdc ;
	margin:3px;
}

#titrePrint{
	background:url(img/domaine-print.png) no-repeat top left;
	float:left;
	}
#titreMultimedia{
	background:url(img/domaine-multimedia.png) no-repeat top left;
	float:left;

	}
#titrePrint ul, #titreMultimedia ul{
	list-style:none;
	padding-top:80px;
	}
#titrePrint a:hover{
	color:#00abbd ;
	list-style			: url(img/puce-bleu.png);
	}

#titrePrint li{
	list-style			: url(img/puce-bleu.png);
	}
#titreMultimedia li{
	list-style			: url(img/puce-vert.png);
	width				:150px;
	}

#titreMultimedia a:hover{
	color				:#becc2f   ;
	}
	
#vignettesRef{
	height				:80%;
	display				:block;
	}

#ensembleVignettes{
		


	padding-bottom:20px;
	
	}
	
#menu a{
float:left;
}
a#home{
	top:200px;
	width:82px;
	height:94px;
	background:url(img/retour-accueil.jpg) no-repeat;
	display:block;
}
a#home:hover{

	background:url(img/image-accueil-survol.jpg) no-repeat;

}

#dessin{

}

a.vert{
	color:#becc2f  ;
}
a.vert:hover{
	color:#e10162  ;
}



a#fanny{
		
	clear:both;
	display:block;
	width:100px;
	height:100px;
	background:url(img/fanny.jpg) no-repeat;
	border-bottom:solid 1px white;
}
a#fanny:hover{
	background:url(img/fanny-survol.jpg) no-repeat;
}

a#cyla{
	clear:both;
	display:block;
	width:100px;
	height:100px;
	background:url(img/cyla.jpg) no-repeat;
	border-bottom:solid 1px white;
}
a#cyla:hover{
	background:url(img/cyla-survol.jpg) no-repeat;
}

a#anais{
	display:block;
	width:100px;
	height:100px;
	background:url(img/anais.jpg) no-repeat;
	border-bottom:solid 1px white;
}
a#anais:hover{
	background:url(img/anais-survol.jpg) no-repeat;
}

a#hermine{
	display:block;
	width:100px;
	height:100px;
	background:url(img/hermine.jpg) no-repeat;
		border-bottom:solid 1px white;
}
a#hermine:hover{
	background:url(img/hermine-survol.jpg) no-repeat;
}

	#contEquipe{
	float:left;
	border-right: 1px solid #e0e0e0;
	padding-right:10px;
}

#contEquipe a{
cursor:default;
}
a#main:hover{
	cursor:pointer;
}

a#veronique{
	display:block;
	width:100px;
	height:100px;
	border-bottom:solid 1px white;
	background:url(img/veronique.jpg) no-repeat;
}
a#veronique:hover{
	background:url(img/veronique-survol.jpg) no-repeat;
}

#contAime{
	top:-50px;
float:left;

	
	}
	
#texteLpb{
float:left;
padding:20px;
padding:20px;
padding-left:10px;
width:100%;
border-bottom:dotted 1px #9c9c94;
margin-bottom:20px;
}

#texteLpb p{
text-align:justify;
}

#3quoi{
	border-bottom: 1px dotted #e0e0e0;
}

a.lienSite{
color:white;
text-decoration:none;

}
a.lienSite:hover{
color:#e10162 ;
}