/* 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 CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* -------------------------------------------------- VIGNETTE ----------- */


.vignette{
float:left;
margin:0px 0px 10px 10px;
width:100px;
height:100px;
background:url(../images/charte/roll_02.gif) left top no-repeat;
}

.vignette a{
width:100%;
height:100%;
display:block;
background:url(../images/charte/roll_01.gif) left top no-repeat;
}

.vignette a:hover{
background: transparent none;
}

.vignette a img {
/*border:solid 1px #777F85;*/
border:0px;
margin-top:6px;
margin-left:6px;
}

.vignette a:hover img {
/*border:solid 1px #53595D;*/

}

/* -------------------------------------------------- LISTE SOUS MENU ----------- */

.visuel{
width:150px;
height:150px;
	background:url(../images/charte/cadre_img_150.jpg) left top no-repeat;
}
.visuel img {
/*border:solid 1px #777F85;*/
border:0px;
margin-top:6px;
margin-left:6px;
}
.titre_01{
margin-top:0px;
color:#4b1f61;
font-weight:bold;
}
/* -------------------------------------------------- LISTE SOUS MENU ----------- */

#contenuTexte .liste_ssmenu{
margin-left:390px;
padding-top:30px;
}

#contenuTexte .liste_ssmenu li{
list-style: none;
color:#FFFFFF;
line-height:20px;
font-size:small;
}

#contenuTexte .liste_ssmenu li a{
padding-left: 20px ;
background :url(../images/charte/li_01.gif) left top no-repeat;
color: #7869AE;
font-weight:bold;
text-decoration:none;
}

#contenuTexte .liste_ssmenu li a:hover{
background :url(../images/charte/li_02.gif) left top no-repeat;
color: #574599;
font-weight:bold;
text-decoration:underline;
}

/* -------------------------------------------------- COLONNE GALLERIE ----------- */

.colonne_gauche{
float:left; 
width:28%;
height:100%;
}

.colonne_gauche p{
padding:10px 20px 10px 20px; 
}

.colonne_droite{
float:left; 
width:72%;
padding-bottom:15px;
}
/* -------------------------------------------------- CONTACT ----------- */

#tab_magasin .div_txt{
background-color:#CCCCCC;
border:1px solid #fff;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}

#tab_magasin .div_titre{
text-transform:uppercase;
background-color:#00814C;
border:1px solid #fff;
text-align:center;
color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:10px;
}

#tab_magasin .div_txt{
background-color:#CCCCCC;
border:1px solid #fff;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}

.produit{
background-color:#CCCCCC; 
border:1px solid #fff;
height:204px; 
float:left; 
margin-left:10px;
}

.produit img{
margin:2px;
}


/* -------------------------------------------------- ACTU ----------- */


h5{
margin-top:15px;
border-top:1px dashed #fff;
clear:both;
}



.img_actu{
float:left;
border:1px solid #FFFFFF;
margin:0px 10px 5px 0px;
}
















/* -------------------------------------------------- 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;
}