/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html{
font-size: 100%; 
}
body { 
  margin: 0; 
  padding: 0; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: */
  font-family: Arial, Helvetica, FreeSans, sans-serif;  
  font-size:12px;
  line-height: 19px; /* À adapter au design. (4) */ 
  color: black; 
  background:url('../images/bg_body.jpg');
  background-position:center; 
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 19px; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 22px; 
} 
h2 { 
  font-size: 18px; 
} 
h3 { 
color:#383838;
  font-size:19px; 
} 
h4 { 
  font-size: 16px; 
} 
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 

 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
color:#000000;
font-weight:bold;
text-decoration:none;
} 


a:link { 
  color: #000; 
} 
a:visited { 
 text-decoration: none;
} 
a:hover, a:focus, a:active { 
  color: #ff9900; 
  outline:none;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des ../images dans les liens */ 
a img { 
  border: none; 
} 
 a.commerce{
 	font-weight:normal;
 }
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select,textarea{ 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}
label{
	display:block;
	float:left;
	width:98px;
}
.textbox{
 width:300px;
 }
#wrapper{
width:1000px;
margin:0 auto;
padding:0;
min-height:500px;
overflow:visible;
padding-top:50px;
}

#header{

background:url('../images/bg_header.jpg') no-repeat;
background-position:bottom;
behavior: url(iepngfix/iepngfix.php);
height:268px;
margin:0;
width:1000px;



}
#logo{

height:62px;
margin:0 auto;
padding-left:0px;
padding-top:0px;
width:800px;
float:left;
}

#content{
margin:0 0 0;
min-height:400px;
overflow:visible;
width:1000px;
background:#ffffff;
padding-top:25px;
float:left;
padding-bottom:20px;
}

#main_left{
float:left;
padding-left:15px;
width:315px;
}
#main_left #partenaires{
margin-left:31px;
width:300px;
}
#main_left #partenaires h2{
font-size:16px;
color:#383838;
border-bottom:2px solid #33cccc;
}
#bulle{
 background:url('../images/bulle.png') no-repeat;
height:400px;
padding-left:38px;
padding-right:51px;
padding-top:15px;
}
#bulle h2.bleu{

color:#ffffff;

}
#bulle h2{
color:#ff9900;
font-size:16px;
text-align:center;
}
#bulle p{
font-weight:bold;
text-align:center;
color:#ffffff;
}
#bulle a{
	color:#ff3366;
	text-align:center;
	display:block;
	font-weight:bold;
}
#bulle a:hover{
	color:#ffffff;
}
h2.activite{
margin-bottom:0px;
width:350px;
text-align:right;
}
strong.boutique{
	color:#ccff33;
}
strong.boutique_monop{
	color:#0000ff;
}
a.accueil{
color:#FF3366;
display:block;
font-size:16px;
text-align:center;
}

a.accueil:hover{
color:#000;
}

a.blog:hover{
color:#FF3366;
}
#coord{
background:url('../images/bg_coord.png') no-repeat;

color:#FFFF33;
font-size:15px;
height:200px;
padding-left:13px;
padding-top:15px;
width:358px;
font-weight:bold;
position:relative;
}

.coord {
margin-top:23px;
	width:300px;
	background:url('../images/bg_coord.jpg') no-repeat;
	height:150px;
	color:#ffffff;
	font-weight:bold;
	float:left;
	margin-left:32px;
}
.comm{
float:left;
font-size:18px;
margin-left:15px;
margin-top:23px;
text-align:center;
width:300px;
height:105px;
padding-top:45px;
background:url('../images/bg_comm.jpg') no-repeat;

}
#main{
float:left;
margin:0 auto 0 0;
width:660px;

}
#content h1{
	text-align:center;
	color:#000;
	border-bottom:2px solid #33cccc;
	margin-left:20px;
	margin-right:20px;
	line-height:24px;
	margin-top:0;
	margin-bottom:25px;
	}
#main h1{
color:#ff3366;
margin-top:0;
text-align:center;
font-size:18px;
}

#main_left2{
float:left;
height:400px;

width:326px;
}

#main_left2 p{

padding:15px;
}
.article{
display:block;
margin-top:15px;
padding-top:15px;
background:url('../images/bg_article.jpg') no-repeat;

}

.article img{
border: 2px solid #33cccc;
}
#main p, #main q, #main_seul p{
 margin-left:10px;
 margin-right:10px;
 text-align:justify;
}
p.auteur{
	font-style:italic;
	font-size:12px;
}
#main_temoignage{
width:700px;
margin:0 auto;
}
#main_temoignage p{
	text-align:justify;
	font-size:16px;
}
#main_seul ul{
list-style-type:none;
margin:0 auto;
width:430px;
}
#main_seul li{

font-size:14px;
margin-bottom:15px;
clear:both;
text-align:justify;
background:url('../images/bg_partenaire.jpg') no-repeat;
padding-left:10px;
padding-top:8px;
}
#main_seul li ul{
padding:0;
margin:0;

}

#main_seul ul.temoignage li{
 background:none;
 padding-left:0;
 border-bottom:2px dashed #cccccc;
}
#main_seul li ul li{
float:left;
list-style-type:none;
margin-left:0;
margin-right:0;
margin-top:20px;
padding:0 0 20px;
text-align:center;
width:139px;
clear:none;
background:none;
margin-bottom:0;
}

#main_seul li ul.prive li{
height:83px;
width:209px;
}

ul.commer li{
	width:100%;
	font-size:14px;
	margin-bottom:15px;
}
ul.logo{
height:100px;
list-style-type:none;
position:relative;
padding-left:56px;
}
ul.logo li{
	float:left;	
	margin-right:41px;
}
ul.logo li img{
	border:none;
}
#main_seul h1{
	text-align:center;
	color:#33cccc;
	border-bottom:2px solid #33cccc;
	margin-left:20px;
	margin-right:20px;
	line-height:24px;
}
.illustrateur{
width:450px;
float:left;
margin-left:25px;
margin-right:20px;
}
.illustrateur p{
	color:#000;
}

#main h2, #main_seul h2{
color:#ff3366;
margin-top:0;
text-align:center;
font-size:18px;
	border-bottom:2px solid #ff3366;
	margin-left:10px;
	margin-right:10px;
}

#main h2.rouge{
	color:#000;
	border-bottom:2px solid #ff3366;
}
#menu{

}
#menu ul{
float:left;
list-style-type:none;
margin:157px auto 0;
padding-left:5px;
width:1000px;
}
#menu ul li{

float:left;
height:40px;
margin-left:3px;
margin-right:3px;
width:159px;
}
#menu ul li a{

display:block;
font-size:18px;
padding-top:11px;
text-align:center;
text-decoration:none;
height:26px;
}
#menu ul li.jaune a{
	background:url('../images/crayon_jaune.png') no-repeat;
	background-position:bottom;
	color:#ffff33;
}
#menu ul li.rose a{
	background:url('../images/crayon_rose.png') no-repeat;
	background-position:bottom;
	color:#ff6699;
}
#menu ul li.bleu a{
	background:url('../images/crayon_bleu.png') no-repeat;
	background-position:bottom;
	color:#33cccc;
}
#menu ul li.rouge a{
	background:url('../images/crayon_rouge.png') no-repeat;
	background-position:bottom;
	color:#ff3366;
}
#menu ul li.orange a{
	background:url('../images/crayon_orange.png') no-repeat;
	background-position:bottom;
	color:#ff9900;
}
#menu ul li.vert a{
	background:url('../images/crayon_vert.png') no-repeat;
	background-position:bottom;
	color:#ccff33;
}



#menu ul li a:hover{
 color:#FFFFFF;
 background:url('../images/crayon_over.png') no-repeat;
	background-position:bottom;
}
#footer{
height:50px;
margin:0 auto;
width:1000px;
background: url('../images/bg_footer.png') no-repeat;
text-align:center;
float:left;

}

#footer p{

	color:#fff;
	margin-top:0;
	padding-top:15px;
	float:left;
	padding-left:10px;
}

#footer a{

	color:#ff3366;
	margin-top:0;
	padding-top:15px;
}
#footer a:hover{
color:#ffffff;
}
#footer ul{
float:right;
list-style-type:none;
}

#footer li{
float:left;
margin-left:5px;
margin-right:5px;
}

ul.legende{
list-style-type:none;
margin:0;
padding-left:21px;
padding-top:68px;
}

ul.legende li{
	list-style-type:none;
	margin:0;
	text-align:left;
}
ul.legende li img{
	border:0;
}

ul.illustrateur{
	list-style-type:none;
	width:100%;
	margin:0;
	text-align:center;
	color:#ff6699;
}

ul.illustrateur li{
	float:left;
	height:330px;
	list-style-type:none;
	margin-left:32px;
	width:450px;
	background:url('../images/bg_illustrateur.jpg') no-repeat;
}
ul.illustrateur li h2{
	margin-left:auto;
	margin-right:auto;
	text-transform:uppercase;
	width:90%;
}
ul.illustrateur li ul{
	list-style-type:none;
}
ul.illustrateur li ul li{
	float:left;
	width:180px;
	height:180px;
	overflow:hidden;
	border:2px solid #ff6699;
	margin-left:5px;
	margin-right:5px;
	background:none;
}

ul.illustrateur li ul li img{
	width:180px;
}
ul.illustrateur li ul li a:hover img{
	filter:alpha(opacity=50);
	moz-opacity: 0.5;
	opacity:0.5;
}
ul#galerie{
	width:100%;
	list-style-type:none;
}
ul#galerie li{
	background:none;
	border:2px solid #33cccc;
	clear:none;
	float:left;
	height:149px;
	list-style-type:none;
	margin:20px;
	overflow:hidden;
	padding:0;
	width:200px;
}

ul#galerie li a img{
	width:200px;
}
ul#galerie li a:hover img{
	width:220px;
}