/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
	margin:0 20px 10px 20px;
	font:bold italic 2.3em "Trebuchet MS";
	text-align:left;
	letter-spacing:0.1em;
	color:#FFF;
	background:url(../images/charte/soulign.gif) repeat-x scroll bottom;
}
b{
	/*color:#F1740B;*/
	color:#426A0F;
}
li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-left:60px;
	margin-bottom:3px;
}
#contenu p{
	padding:5px 20px;
	font:1.1em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFF;
}
#contenu a:link, #contenu a:visited{
	text-decoration:none;
	color: #f7fa00;
}
#contenu a:hover, #contenu a:active{
	text-decoration:underline;
	color: #f7fa00;
}
#footerMenu p{
	line-height:15px;
	color: #000;
	text-align:center;
}
#footer a:link, #footer a:visited{
	margin:0 10px;
	text-decoration:none;
	color: #fff;
}
#footer a:hover, #footer a:active{
	text-decoration:underline;
	color: #fff;
}
#contenu p.couleur, .couleur{
	font-weight:bold;
	color:#00B3F0;
}

/***************************** PRESENTATION *****************************/
#presentation{
	float: left;
	width:780px;
	padding:10px 5px;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFF;
	line-height:14px;
	letter-spacing:0.05em;
	/*border:1px solid red;*/
}

/***************************** ACTIVITE *****************************/
#activite{
	float: left;
	width:780px;
	padding:10px 5px;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFF;
	line-height:14px;
	letter-spacing:0.05em;
	/*border:1px solid red;*/
}
#activite ul{
	list-style-image:none;
	margin-left:60px;
	margin-bottom:3px;
}
#activite li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-left:0px;
	margin-bottom:15px;
}

/***************************** TARIF *****************************/
#tarif{
	float: left;
	width:780px;
	padding:10px 5px;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFF;
	line-height:14px;
	letter-spacing:0.05em;
	/*border:1px solid red;*/
}

/***************************** GROUPES *****************************/
#groupe{
	float: left;
	width:490px;
	padding:5px 5px;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFF;
	line-height:14px;
	letter-spacing:0.05em;
	border-right:1px dotted  #fff;
	margin-bottom:20px
	/*border:1px solid red;*/

}
#groupe li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-left:50px;
	margin-bottom:3px;
}
.group-right{
float:right;
width:260px;
border:1px solid #fff;
	margin-bottom:20px


}
.group-right p{
float:left;
width:240px;
margin-left:-10px
}
.group-right img{
text-align:center

}
.couleure{
color:#000000}
/***************************** ATELIER *****************************/
#atelier{
	float: left;
	width:780px;
	padding:10px 5px;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFF;
	line-height:14px;
	letter-spacing:0.05em;
	/*border:1px solid red;*/
}
#atelier img{
	float: left;
	width:250px;
	padding:10px 0px 20px 0;
}

/******************************** CONTACT *******************************/
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}
.boldnoir {
	font:bold 1.0em Arial, Helvetica, sans-serif;
	color:#000000;
}
.titnoir {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#000000;
}
.titblc {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#FFF;
}
.titbleu {
	font:bold 1.3em Arial, Helvetica, sans-serif;
	color:#35658a;
}
.floatdrte {
	float:right;
	margin:0 0 0 8px;
	width:210px;
}
.floatgche {
	float:left;
	margin:0 10px 0 0;
}
/*CSS DEVELOPPEUR VOS PHOTOS*/
#photo_liste{
	float:left;
	width:150px;
	height:250px;
	margin-left:20px;
	font:1.1em Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-right:2px solid black;
	overflow:auto;
}
#photo_visu{
	float:left;
	width:580px;
	height:250px;
	margin-left:20px;
	border-left:2px solid black;
	font:1.1em Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#photo_visu img{
	margin-left:15px;
	margin-top:10px;
	border:2px solid white;
}









#encartSavoirPlus
{
	width:745px;
	
}
#encartSavoirPlus #encart1
{
	width:144px;
	float:left;
	margin-right:5px;
	background-image:url(../images/encartsavoir/bg1-2.jpg);
	background-position:bottom left;
	text-align:center;
}
#encartSavoirPlus #encart1 h2
{
	background-image:url(../images/encartsavoir/bg1.jpg);
	font-size:16px;
	padding:5px 4px 5px 4px;
	height:40px;
	vertical-align:bottom;
	text-align:center;
}
#encartSavoirPlus #encart1 .date
{
	background-color:#799AB3;
	width:139px;
	color:#000000;
	margin-left:2px;

}
#encartSavoirPlus #encart1 p
{
	margin-right:0px;
	width:140px;
	color:#000000;
	font-size:11px;
	text-align:center;
	padding:0px;
	border-bottom:1px solid white;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-left:2px;
}
#encartSavoirPlus #encart1 .tel
{
	margin-right:0px;
	font-weight:bold;
	width:140px;
	color:#000000;
	font-size:11px;
	text-align:center;
	padding:0px;
	border:none;
	margin-bottom:15px;
	margin-left:2px;
}