/* 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 "reset.css";
@import "charte.css";
@import "flexcrollstyles.css";


/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}


/*********************************** TITRE ***********************************/
#contenuTexte h1#presentation{
	height:33px;
	/*width:151px;
	margin:0 0 10px 20px; Mis en commentaire par Habiba*/
	margin:0 0 10px 0px;
	/*background:url(../images/charte/titre-presentation.jpg) no-repeat;*/
}
#contenuTexte h1#biographie-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/titre-biographie.jpg) no-repeat;
}
#contenuTexte h1#atelier-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/titre-atelier.jpg) no-repeat;
}
#contenuTexte h1#news-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/titre-news.jpg) no-repeat;
}
#contenuTexte h1#contact-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/titre-contact.jpg) no-repeat;
}
#contenuTexte h1#mention-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/titre-mentions.jpg) no-repeat;
}
#contenuTexte h1#cgv-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/titre-cgv.jpg) no-repeat;
}



#contenuTexte h1#home{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/en-titre-home.jpg) no-repeat;
}
#contenuTexte h1#biography-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/en-titre-biography.jpg) no-repeat;
}
#contenuTexte h1#workshop-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/en-titre-workshop.jpg) no-repeat;
}
#contenuTexte h1#en-news-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/en-titre-news.jpg) no-repeat;
}
#contenuTexte h1#en-contact-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/en-titre-contact.jpg) no-repeat;
}
#contenuTexte h1#en-mention-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/en-titre-agreement.jpg) no-repeat;
}
#contenuTexte h1#cgv-adebers{
	height:33px;
	margin:0 0 10px 0px;
	background:url(../images/charte/en-titre-cgv.jpg) no-repeat;
}


/*********************************** ACCUEIL ***********************************/
#colonnedroite{
	float:right;
	width:154px;
	margin-left:10px;
	margin-bottom:10px;
}
#colonnedroite img{
	border:1px solid white;
}

#colonnedroite img#titre_coup{
	border:0px;
}
#colonnedroite p{
	text-align:center;
	font-size:13px;
}

.blocvisuel{
	width:152px;
	height:130px;
	margin-bottom:15px;
}

.legende{
	float:left;
	text-align:center;
	width:150px;
	height:113px;
	margin:0px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	font-weight:600;
}
.blocvisuel img{
	border:1px solid #2B2B2B;
	padding:1px;
}



/*********************************** BIOGRAPHIE ***********************************/
.imgdroite{
	border:1px solid #2B2B2B;
	padding:1px;
	float:right;
	margin-left:10px;
}

.imggauche{
	border:1px solid #2B2B2B;
	padding:1px;
	float:left;
	margin-right:10px;
}

/*********************************** ATELIER ***********************************/
#imgatelier{
	width:200px;
	float:right;
	margin-left:10px;
	margin-top:10px;
}
#imgatelier #ima{
	float:right;
	border:1px solid #2B2B2B;
	padding:1px;
}

/*********************************** FICHE PRODUIT ***********************************/
#ficheProduit{
	width:910px;
	height:535px;
	float:left;
	margin:35px 0 0 41px!important;
	margin:35px 0 0 21px;
}
#ficheProduit h1{
	font-size:18px;
	margin:20px 0 0 0;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	color:#FFFFFF;
}
#ficheProduit h3 {
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	margin:20px 0pt 0pt;
	padding-bottom:10px;
}
#ficheProduit #formPanier h1{
	font-size:18px;
	text-align:right;
	margin:20px 0 0 0;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	color:#FFFFFF;
}
#ficheProduit a{
	color:#FF3333;
	text-decoration:none;
}
#ficheProduit a:hover{
	color:#990000;
	text-decoration:underline;
}
#ficheProduit p{
	color:#FFFFFF;
	margin:10px 0 5px 0;
	font-size:11px;
	text-align:justify;

	float:left;
}
#ficheProduit label{
display:block;
	color:#5B5B5B;
	text-align:right;
}
#img-produit{
	width:600px;
	height:481px;
	float:left;
	background:#000000;
}

#img-produit img{
	max-height:481px;
}

#description{
	width:280px;
	height:510px;
	float:left;
	padding:20px 10px 0 10px;
	z-index:80455;
}
#ficheProduit #description p span {
width:70px;
	float:left;
	color:#FFFFFF;
	text-align:justify;
		margin-top:3px;
}
#description select{
	border:1px solid #ccc;
	background:#000;
	float:left;
	margin-bottom:10px;
	color:#fff;
	line-height:1.2em;
	width:65px;
}
#description a:link,#description  a:visited {
	color:#CC0000;
	text-decoration:none;
	z-index:80455;
}
#description a:hover,#description  a:active {
	color:#FF0000;
	z-index:80455;
}
#ficheProduit .bt-produit{
font-size:12px;
float:left;
margin:10px 0 0 20px!important;
margin:10px 0 0 10px;
}
#ficheProduit .bt-produit a{
color:#FFFFFF
}

/*********************************** NEWS ***********************************/
#support {
	/*float:left;*/
	position:relative;
	top: 0px;
	left: 0px;
	width: 490px;
	margin-top:20px;
	margin-bottom:10px;
	height: 300px;
	overflow: hidden;
}
#bouton {
	float: right;
	margin-top: -447px;
	margin-left: 5px;
	width: 13px;
	height: auto;
	border-left:1px solid #2B2B2B;
	border-right:1px solid #2B2B2B;
	/*border:1px solid red;*/
}
#bouton img{
	margin:137px 0;
}
#supporte {
	width: 480px;
	height: 480px;
	overflow: hidden;
}
#boutons {
	float: right;
	margin-top: -420px;
	margin-left: 5px;
	width: 13px;
	height: 420px;
	border-left:1px solid #2B2B2B;
	border-right:1px solid #2B2B2B;
	/*border:1px solid red;*/
}
#boutons img.beg{
	margin:0px 0;
}
#boutons img.end{
	margin:400px 0;
}
#bouton .imgb{
	border-left:0px solid #2B2B2B;
	border-right:0px solid #2B2B2B;
}
.news{
	width:450px;
	border:1px solid #2B2B2B;
	padding:5px;
	float:left;
	margin:0px 0px 10px 0px;
}
.news img{
	float:left;
	margin-right:10px;
	border:1px solid #2B2B2B;
	padding:1px;
}
.news h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
	font:bold 1.6em Arial, Helvetica, sans-serif;
	color:#FFF;
}

#videou{
float:left;
margin-right:10px;
z-index:1;
position:relative;
}
#supportu {
	float:left;
	position:relative;
	top: 0px;
	left: 0px;
	width: 490px;
	margin-top:20px;
	margin-bottom:10px;
	height: 400px;
	overflow: hidden;
}
#glissantu{
margin-right:10px;
padding-left:10px;
border:1px solid #2B2B2B;
}
/*********************************** MENTIONS ***********************************/
#support {
	float:left;
	position:relative;
	top: 0px;
	left: 0px;
	width: 490px;
	margin-bottom:10px;
	height: 300px;
	overflow: hidden;
}

#boutonment {
	float: right;
	margin-top: -455px;
	margin-left: 5px;
	width: 13px;
	height: auto;
	border-left:1px solid #2B2B2B;
	border-right:1px solid #2B2B2B;
}
#boutonment img{
	margin:136px 0;
}
#boutonment .imgb{
	border-left:0px solid #2B2B2B;
	border-right:0px solid #2B2B2B;
}



/*********************************** CONTACT ***********************************/
.imgcontact{
	float:left;
	margin-right:16px;
	width:166px;
}
.cartouchedte{
	/*border:1px solid #2B2B2B;*/
	padding:1px;
	float:right;
	margin-left:10px;
}
.encartlieu{
	float:left;
	width:49%;
	margin-right:1%;
}
.partenaires{
	float:left;
	width:100%;
}
.partenaires ul{
	margin : 15px 0 0 30px;
}
.partenaires ul li{
	font-size : 12px;
	margin: 10px 0;
	
}
.encartlieu b{
	font-size:1.1em;
}
.partenaires b{
	font-size:1.1em;
}
#formulairecontact{
	float:left;
	width:680px;
	padding:5px 10px;
	color:#fff;
	font-size:1.1em;
	line-height:1.4em;
	text-align:left;
	margin:0px 0px 8px 0px;
	letter-spacing:0.05em;
	background:url(../images/contact/fd-contact.jpg) top left;
}
#contactTxt{
	width:45%;
	float:left;
	color:#fff;
	margin-top:25px;
}
#contactTxt p,
#contactPlan p,
#formulairecontact p{
	text-align:center;
}
#contactPlan{
	width:45%;
	float:right;
	color:#fff;
	margin-top:25px;
}
#formContact label{
	color:#fff;
}
#formContact input{
	width:190px;
	border:1px solid #424242;
	font-size:12px;
	color:#fff;
	background-color:#000000;
}
#formContact .sujet{
	width:530px;
	border:1px solid #424242;
	font-size:12px;
	color:#fff;
	background-color:#000000;
}
#formContact .bouton{
	width:190px;
	border:1px solid #424242;
	font-size:12px;
	color:#fff;
	margin:0px 20px;
}
#formContact textarea{
	width:530px;
	border:1px solid #424242;
	font-size:12px;
	color:#fff;
	background-color:transparent;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}



/*********************************** CGV ***********************************/
#cgv{
	float:left;
	width:680px;
	padding:5px 10px;
	color:#fff;
	font-size:1.1em;
	line-height:1.4em;
	text-align:left;
	margin:0px 0px 8px 0px;
	letter-spacing:0.05em;
	background:url(../images/contact/fd-contact.jpg) top left;
}
#cgv h1 {
	margin:5px 0px 0px 0px;
	font:bold 1.84em Arial, Helvetica, sans-serif;
	color:#990000;
}
#cgv h2 {
	margin:10px 0px 0px 0px;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	color:#FFF;
}
#cgv ul{
	margin-left:40px;
}
#cgv li{
	margin:7px 0px;
	text-align:justify;
}
#cgv p{
	margin:7px 0px;
	text-align:justify;
}
#cgv a:link, a:visited {
	color:#CC0000;
	text-decoration:none;
}
#cgv a:hover, a:active {
	color:#FF0000;
}
#cgv b{
	font-size:1.1em;
}



/* CORRECTIONS DEVELOPPEUR */

#container #contenu #contenuTexte #support .news a img
{
}


.prix{
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}

.prixPromo{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}

#couleur{
-x-background-x-position:0%;
-x-background-y-position:0%;
background-attachment:scroll;
background-color:black;
background-image:none;
background-repeat:repeat;
color:#FFFFFF;
font-size:10px;
height:15px;
width:100px;
}

#taille{
-x-background-x-position:0%;
-x-background-y-position:0%;
background-attachment:scroll;
background-color:black;
background-image:none;
background-repeat:repeat;
color:#FFFFFF;
font-size:10px;
height:15px;
width:100px;
}