/*Couleurs 

Gris clair						#cccccc
Gris normal				#838383
Gris rosé (menu)		#837483
Bleu foncé				#00A4E8
Bleu clair au survol	#78CEF2



.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
/*border:solid 1px green;*/
}
.container_6 {
	/*border:solid 1px blue;*/

/*width:640px;*/
}


#tout{
position:relative;
top:0px;
/*left:-150px;*/
/*border:solid 1px blue;*/
/*left:300px;*/
}

#titre{
margin:0;
text-align:left;
/*border:solid 1px yellow;*/
}


#spacer{
/*background-color:yellow;*/

}







#copy{
position:relative;
top:0.5em;
font-size:9px;
color: #837483;
}
#image-title{
margin:0;
margin-top:1em;
font-size : 12px;
line-height:15px;
color: #837483;

}
#image-title h2{
font-size : 12px;
line-height:15px;
color: #837483;
color: #00a4e8;	
font-weight:bold;
}

#image-desc-wrapper{
margin:0;
border-top:solid 1px #d6d6d6;
margin-top:1em;
	
}
#image-desc{
font-size : 13px;
/*
letter-spacing:200%;
word-spacing:200%;
*/
line-height:17px;
color: #837483;


color: #bfbfbf;

color: #a6a6a6;/*gris neutre 65%*/
margin:0;
margin-top:1em;

}
#image-tag{
margin:0;
font-size : 12px;
line-height:17px;
color: #d6d6d6;
color: #a6a6a6;/*gris neutre 65%*/
color: #88cce8;/*bleu clair*/
color: #5abee8;
color: #78cef2;
color:#cccccc;
margin-top:1em;
margin-bottom:2em;

}
#image-tag strong {
	
	color:#cccccc;
}

#gal_desc{
font-size:12px;
color: #837483;

}
#addthis{
margin:0;
	/*float:right;
	text-align:right;*/
	margin:0;
	margin-top:0.5em;
	color: #837483;
	margin-bottom:3em;
}	

#addthis a{
	font-size : 12px;
		
	}

	
/*DIV des MENUS*/
#menu{
/*display:none;*/
position:relative;
/*left:10px;*/
padding:0;
padding-bottom:0.5em;
margin:0;
margin-top:2em;

text-align:left;
text-decoration:none;
font-size:11px;
letter-spacing: 0.3em;
/*word-spacing: 1.2em;*/

border-bottom:solid 1px #d6d6d6;
/*background-color : beige;*/
}

#menu-gal{
position:relative;
top:0.5em;
text-align:left;

font-size : 13px;
margin-top:0.1em;
/*background-color : grey;*/
}


#lang-switcher{
padding:0;
padding-bottom:0.7em;
margin:0;
width:113px;
margin-top:2em;
text-align:right;
text-decoration:none;
font-size:11px;
letter-spacing: 0.3em;
/*word-spacing: 1.2em;*/
/*background-color : pink;*/
border-bottom:solid 1px #d6d6d6;

}

#lang{
margin:0;
text-align:right;
}





/*DIV du MILIEU*/

#milieu{
/*display:none;*/
margin:0;
margin-top:2em;
margin-bottom:0.5em;
text-align:left;
width:600px;
/*background-color:blue;*/
/*margin-left:0;*/
padding:0;
}
#home-bottom{
margin:0;
margin-top:2em;
padding:0;
margin-bottom:5em;

}

#milieu-contact{
	/*display:none;*/
	margin:0;
	font-size:12px;
	color: #838383;
	line-height:18px;	
	font-weight:normal;
	text-align:left;	
	border :solid 1px #d6d6d6;
	border-top:0;
	/*border-top:0;*/
	width:598px;
	min-height:500px;

}
#milieu-blog{
/*display:none;*/
position:relative;
top:20px;
	margin:0;
	width:600px;
	color:#838383;
	/*border :solid 1px #d6d6d6;*/
	border-top:0;
	padding:0;

}
#milieu-blog h1{
	margin-top:1em;
	margin-bottom:1em;
	font-size:15px;
	color:#00A4E8;
}	
#milieu-blog h2{
	margin-top:2em;
	margin-bottom:1em;
	color:#00A4E8;
	font-size:14px;
}	
#milieu-blog h3{
	margin-top:2em;
	font-size:14px;
	font-weight:bold;
}	
#milieu-blog p{	
margin:0;
	margin-top:1em;
	margin-bottom:0.5em;
	font-size:14px;
	line-height:20px;

}
#milieu-blog img{
margin:0;
	float:right;	
	margin:2em;
	position:relative;
	left:2em;
	margin-top:2em;
	margin-bottom:1em;
	text-align:right;

}
#milieu-blog p.teaser  {	
	
}



/*DIV des MENUS DE CONTENUS*/
strong, a strong {
	font-weight:bold;
	color:#838383;
}
#bloc strong{
	font-weight:bold;
	
	color:#838383;
	}

/*
#bloc a:hover strong{
		font-weight:bold;
		color:#606060;
	}
	*/
.suivez a:hover{
	position:relative;
	top:1px;
	right:1px;
}

#texte a{

/*color: #00a4e8;*/
font-weight:normal;
}
#texte{
margin:0;
position:relative;
/*left:1.5em;*/
top:1em;
margin-bottom:1em;
text-align:left;
font-size: 11px;
letter-spacing: 0.1em;
height:20px;
/*color: #00a4e8;*/
}


#im-nav{
margin:0;

position:relative;
left:-0.5em;
color: #837483;
top:0em;
text-align:left;
font-size:11px;
}




#contact_adress
{
font-size:14px;
}




.home-section-serie, .home-section-bis, .home-section{
margin:0;
margin-bottom:50px;
font-weight:normal;
font-size: 12px;
line-height:16px;
color: #837483;
float:left;
width:150px;
/*border:solid yellow 1px ;*/
}

.home-section{
margin-bottom:0;	
}
.home-section-serie h2, .home-section h2, .home-section-bis h2{
	margin:0;
	width:150px;
	font-weight:bold;
	font-size: 13px;
	color: #837483;
	color: #838383;
	margin-top:0.5em;
	margin-bottom:0.5em;	
	
}	
	
.home-section-serie h3{
margin:0;
width:150px;
font-weight:normal;
font-size: 13px;
color: #00A4E8;
margin-top:0.5em;
margin-bottom:0.5em;		
}
/*S'applique aux vignettes série et pas à la premiere page*/
.home-section-bis h3{
margin:0;
width:200px;
font-weight:normal;
font-size: 13px;
color: #00A4E8;
margin-top:0.5em;
margin-bottom:0.5em;		
}
.home-section h3{
margin:0;
font-weight:normal;
font-size: 12px;
color: #837483;
margin-bottom:0.5em;		
}


.home-section-spacer{
margin:0;
float:left;
width:75px;
}

.home-section h1{
margin:0;

font-size: 12px;
color: #00a4e8;
margin-bottom:0.2em;
/*height:75px;*/
/*border:solid yellow 1px ;	*/	
}


.home-section img:hover{
/*border:1px solid black;*/
/*position:relative;
top:1px;
left:1px;*/
}
#vertical_spacer_25{
margin:0;
height:25px;
}
#vertical_spacer_50{
margin:0;

height:50px;
}
#vertical_spacer_75{
margin:0;

height:75px;
}
#serie-list{
	width:200px;
/*border:1px solid #837483;*/
margin:0;
}
#home-title{
margin:0;
font-size: 14px;
color: #837483;
color: #00a4e8;/*bleu*/
border-bottom:solid 1px #d6d6d6;
height:1.5em;
margin-bottom:1em;


}



.fb_name{
color: #00a4e8;

}

.gal-off 
{
position:relative;
left:0.2em;
font-size: 12px;
letter-spacing: 0.1em;
color: #837483;
font-weight:normal;
text-decoration: none;
margin-right:0.8em;
/*top:5px;*/
/*border:solid 1px orange;*/
}

a:hover .gal-off , a:hover strong , #bloc a:hover strong {			
	color: #6ac3e8;
	}

.gal-on 
{
/*border :solid 1px green;*/
position:relative;
left:0.2em;
top:0.1em;
font-weight:bold;
font-size: 12px;
letter-spacing: 0.1em;
color: #00a4e8;
text-decoration: none;
margin-right:0.8em;
/*top:5px;*/
/*border:solid 1px orange;*/
}
#menu-gal{
	margin:0;
	margin-top:0.5em;
	margin-bottom:-0.5em;
	}

#menu-gal .gal-on{
	
font-size: 12px;
}
#menu-gal .gal-off{
font-size: 12px;
}
#menu-gal h1{
display:inline;
font-size:14px;
}
.menu-off
{
font-size: 12px;
top:-2px;
position:relative;
left:0px;
/*margin-right:1em;*/
color: #837483;
/*border:solid 1px green;*/
}

	.menu-off a:hover{			
	color: #6ac3e8;
	}
	
.menu-on{
font-size: 12px;
position:relative;
top:-2px;
left:0px;
/*margin-right:1em;*/
padding:0;
color: #00a4e8;		
font-weight:bold;
text-decoration: none;
/*border:solid 1px green;*/
}

.lang-off{
position:relative;
top:-2px;
/*left:-0.6em;*/
/*margin-right:1em;*/
color: #837483;
/*border:solid 1px green;*/
font-size:9px;
}
	.lang-off a:hover{			
	color: #6ac3e8;
	}
	
.image-vignette{
float:left;
width:100px;
height:100px;
margin-bottom:25px;
/*border:solid 1px grey;*/
}
.image-vignette-vide{
float:left;
width:100px;
height:100px;
margin-bottom:25px;
background-color:#e5e5e5;
/*border:solid 1px grey;*/
}


.image-vignette-spacer{
float:left;
width:25px;
height:25px;
margin-bottom:25px;
/*border:solid 1px green;*/

}
.lang-on{
position:relative;
top:-3px;
/*left:-0.6em;
margin-right:1em;*/
padding:0;
color: #00a4e8;		
font-weight:bold;
text-decoration: none;
font-size:9px;
/*border:solid 1px green;*/

}

.milieu-contact-texte{
	margin-left:4em;
	margin-right:4em;
	margin-top:3em;
	font-size:14px;

}
#milieu-contact p{
	
	
}
#milieu-contact ul{
	/*list-style-type:disc;*/
	list-style-position:outside;
	

}

/*Version en utilisant les listes à puces mais pas toujours valable sur IE*/
#milieu-contact li{
	display : list-item;
	list-style-image : url(tiret.gif);
}

/*Le probleme avec cette version est de faire un retrait au dela du bloc de texte à gauche est-ce possible?
#milieu-contact li{
	display : list-item;
	 list-style-type: none;
	background: url(tiret.gif) no-repeat 0 14px;

}
*/
 #texte-titre{
 margin:0;
 position:relative;
 left:1em;
	margin-top:25px;
	line-height:18px;
	font-size:14px;
	
	color: #00a4e8;
	font-weight:bold;
	text-align:left;
}
 #texte-corps{	
 margin:0;
	margin-top:1em;
	
	line-height:20px;
	font-size:14px;
	color: #838383;
	font-weight:normal;
	text-align:left;
	margin-bottom:5em;
}

.im-fleche{
position:relative;
top:7px;
}
.contact1{
}
ul.contact1 {
}

.im-fleche{
position:relative;
top:7px;
  background-image: url(images/fleche_gauche.png);
}
.facebook{
color: rgb(0, 164, 232);
color: #838383;
font-weight:normal;
}
 a:hover .facebook{
	color: #6ac3e8;
}

a:hover .share {
position:relative;
top:1px;
right:1px;
border-right:solid 1px #D6D6D6;
border-bottom:solid 1px #D6D6D6;
}
.bloc{
display:block;
margin:0;
padding:0;
font-size: 12px;
color: #837483;
}

#bloc{
margin:0;
padding:0;
padding:0;
font-weight:normal;
font-size: 12px;
color: #838383;
margin-bottom:2em;
}
#bloc .button{
	position:relative;
	top:0px;
	color: #837483;
	width:80px;
	font-size:12px; 
	height:18px;
	border:solid 1px #837483;
	border:solid 1px #D6D6D6;
	background-color: #EEEEEE;
	/*
	background-color: #d6d6d6;*/
}
#bloc .button:hover{
	color: white;
	background-color: #00A4E8;
	/*border:solid 1px #00A4E8;
	color:#00A4E8;*/
	

}


#bloc form{
	color: #837483;
	width:300px;
}
#bloc .field{
position:relative;
	top:1px;
color: #837483;
	width:225px;
	height:13px;
	border:solid 1px #D6D6D6;
	
}
#bloc .field:hover{
	border:solid 1px #837483;

}
#message{
margin-top:0.5em;
margin-bottom:2em;
float:left;
font-size:12px; 
color:#00A4E8;
width:300px;
text-align:left;

}
#message strong{
	font-weight:bold;
	color:#00A4E8;
}