@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:30px;
	}

#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				: 5px 0 7px 0;
	padding				: 0;
	}
#footer{
	width				: 100%;
	padding				: 3px;
	position			: fixed;
	background			: #ffffff;
	bottom				: 0;
	color				: #959595;	
	font-size			: 10px;
	
	}
	
#partager {
position:fixed;
bottom:30px;
display:block;
width:500px;
background			: #ffffff;
padding:10px;
}

#partager  iframe, #googplus{
float:left;
margin-right:5px;
} 

#footer *{
	top					: 50%;
}
#footer a{
	color				: #959595;
	text-decoration		: underline;
}

#footer a:hover{
	color				: #e47aa8;
}
#menu{
	position			: fixed;
	bottom				: 125px;
	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 h3, #identite h3, #multimedia h3{
	display:block;
	height:0px;
	float:left;
	text-indent:-9999px;
	}
	
		#multimedia a, #identite a, #graphisme a{
color:black;
	}
	
#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				: 42px;
	left				: 150px;
	}

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

#twitter{
	float				: left;
	clear				: both;
	position			: fixed;
	bottom				: 3px;
	left				: 150px;
	}

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


#suivre_actus{
	float				: left;
	clear				: both;
	position			: fixed;
	bottom				: 81px;
	left				: 150px;
	}

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



#articleArchive{
	width:520px;
	background:#ffffff;

}
#articleArchive h3{
border-bottom: solid 1px #E20062;
padding:10px;
margin:0px;
}

#articleArchive h4
{color:#000;
	margin-bottom:5px;
	margin-left:10px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	
	}


#articleArchive .contenuArt{
margin-top:0px;
}

.suite {
float:right;}

#blocArchive {
position:fixed;
right: 10px;
bottom:150px;
display:block;
width:150px;

}


#archives {
background:#E10D62;
padding:10px;
}


#archives  ul{
text-align:right;
list-style-type:none;
margin:0px;
padding:0px;
}

#blocArchive  h3{
text-indent:-9999px;
background-image:url("img/actus.gif");
display:block;
height:70px;
width:150px;
padding:0px;
margin:0px;
}


#archives  ul li{
font-size:10px;
}

#archives  ul li a{
color:white;
}


#archives  ul li a:hover, #archives  ul li.toggleSubMenu  ul.subMenu a:hover{
color:#BECD2C;
}

#archives  ul li.annee{
color:#cecece;
font-size:16px;
font-weight:bold;
}

#archives  ul li.toggleSubMenu{

font-size:12px;
text-transform:uppercase;
font-weight:bold;
}

#archives  ul li.toggleSubMenu a:hover{
color:#cecece;
}



#archives  ul.subMenu a{
color:#cecece;
font-size:10px;
text-transform:none;
font-weight:normal;
}




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

	background:#ffffff;

}

#uneReference h3{
	margin-top			: 30px;
		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			: 0px;
	padding-left			: 20px;
	top:0%;

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


.photosRef{

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

	}
.photosRef img{
	border:solid 1px #C9C7C7;
		z-index:0;
	}
	
	
	
	.contenuArt{

	padding-left:0px;
	padding:10px;
	margin-top:120px;
	margin-bottom:30px;
	padding-bottom:30px;
	z-index:0;


	}
.contenuArt img{
	border:solid 1px #C9C7C7;
		z-index:0;
	}
.vignette{
	margin:4px;
	float:left;
	list-style-type:none;
	}
	
	#imageActu{
	float:left;
	margin:0px 10px 10px 0px;
	
}
#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;
	overflow:auto;
	}


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

#actuDroite{
float:left;
display:block;
	}
#actu h3{
border-bottom:solid 1px #bfbfbf;
width:100%;
margin-bottom:5px;
padding-bottom:0;
font-family		: Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
color:#E10D62;
	}

#actu  h4.date
	{color:#000;
	margin-bottom:5px;
	font-family		: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	
	}
#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;
	}
#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  ;
}


li#veronique, li#fanny, li#cyla, li#hermine, li#anais{
	display:block;
	width:100px;
	height:100px;
	border-bottom:solid 1px white;
}

li#veronique{background:url(img/veronique.jpg) no-repeat;}
li#veronique:hover{background:url(img/veronique-survol.jpg) no-repeat;}
li#fanny{background:url(img/fanny.jpg) no-repeat;}
li#fanny:hover{background:url(img/fanny-survol.jpg) no-repeat;}
li#cyla{background:url(img/cyla.jpg) no-repeat;}
li#cyla:hover{background:url(img/cyla-survol.jpg) no-repeat;}
li#anais{background:url(img/anais.jpg) no-repeat;}
li#anais:hover{background:url(img/anais-survol.jpg) no-repeat;}
li#hermine{background:url(img/hermine.jpg) no-repeat;}
li#hermine:hover{background:url(img/hermine-survol.jpg) no-repeat;}

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

#contEquipe ul li{
list-style-type:none;
text-indent:-9999px;
}




#contAime{
margin-bottom:20px;
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;
}

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

#troisquoi ul{
padding:20px;
}

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

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

.like_fb
{float:right;}

.twitter-share-button
{float:left;}

.retour_haut
{float : right;}

#top
{ display:block;
height:0px;
}


.like_fb_sommaire {
width:90px;
display:block;
height:20px;
float:right;
}
.lesRubriques a{
font-size:10px;
display:inline;
}

hr.cale{
border:none;
border-top:dotted 1px #cdcdcd;
}

.statique{margin-top:10px;}