@charset "utf-8";
/* CSS Document description générale */
html{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	font-style:normal;
}

body{
margin:0 auto;
padding:0;
background-color:#333;

}

/**************************** mep principal ******************************************/
div#SURTOP {
margin: 0 auto;
padding:0;
background-image:url(../img/fondCiel.jpg);
background-position: top left ; 
overflow:visible;
background-repeat:repeat-x;
background-color:#FFF;
}

#SURNAV {
	margin: 0 auto;
	padding:0;
	background-color:333;
	background-image:url(../../images/fondNoir1.png);
background-position:top left;
background-repeat:repeat-x;


}

div#TOP {
		width:980px;
		background-image:url(../../images/fondBlanc1.png);
		background-position:top left;
		background-repeat: repeat-y;
		padding-top:0px;
		border-top:#000 1px solid ;
		padding-bottom:50px;
}



div#SURMAIN {
margin: 0 auto;
background-color:#FFF;
}

div#MAIN {
margin: 0 auto;
width:980px;
background-color:#FFF;


}

div#MAIN_GREY {
margin: 0 auto;
background-color:#A0A0A0;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:1px;
	padding-top:30px;
	padding-bottom:150px;

}



/**************************** menu  ***************************************/

div #MenuBarTop
{
	margin:0 auto;
	height:60px;
	width:980px;
	padding-left:20px;
	
	
}
/**************************** nav contenu shop *******************************************************/

div #SHOP_NAV 
{
	margin-top:20px;
	margin-bottom:20px;

}

div #SHOP_NAV a
{
	
	color:#FFFFFF;
	background-color:#999;
	padding:3px;
	margin:5px;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	outline: none;
	font-size: 10px;
	line-height: 13px;
}
div #SHOP_NAV a:hover
{
	
	color:#FFFFFF;
	background-color:#FC0;
	padding:5px;
	margin:3px;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	outline: none;
	font-size: 10px;
	line-height: 13px;
}

/**************************** le menu déroulant de la boutique ***************************************/

div#MENU_SHOP {
	margin-left:0px;
	line-height:1.6em;
}

div#MENU_SHOP ul li{
	list-style:none;
	margin-left:-15px;
	padding-left:-15px;
}

div#MENU_SHOP a:hover {
	color:#FFF;
	background-color:#AAA;
	padding:5px;
	margin-left:-5px;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div#MENU_SHOP a:link {
	color:#333;
	text-decoration:none;
}

div#MENU_SHOP a:visited {
	color:#333;
	text-decoration:none;
}

div#MENU_SHOP a:activelink {
	text-decoration:none;
}

/**************************** liens ****************************************************/
div#miniNav a:link {
	color:#FFF;
	text-decoration:none;
	font-size:1em;
}
div#miniNav a:visited {
	color:#FFF;
	text-decoration:none;
	font-size:1em;
}
div#miniNav activelink a{
	color:#FFF;
	text-decoration:none;
	font-size:1em
}
div#miniNav a:hover{ 
	color:#FFF;
	text-decoration:none;
	font-size:1em;
}

/**************************** CORPS COMMANDE ****************************************************/
.hr {
	height:1px;
	color:#DDDDDD;
}

.bordBas {
border:none;
border-bottom-style:solid;
border-bottom-color:#333;
border-bottom-width:1px;
}
div#COMMANDE_DROITE input, textarea{
color:#333;
background-color:#FFF;
padding:2px;
border-style:none;

border-bottom-style:solid;
border-bottom-color:#333;
border-bottom-width:1px;
border-left-style:solid;
border-left-color:#333;
border-left-width:1px;

border-right-style:solid;
border-right-color:#333;
border-right-width:1px;
border-top-style:solid;
border-top-color:#333;
border-top-width:1px;

}

/**************************** MEP ****************************************************/



div#CORPS {
width:980px;  
}

	
div#CONTAINER {
width:980px;
margin-bottom:20px;
margin-top:-5px;
}

div#GAUCHE {
float:left;
width:270px;
padding:20px;
padding-left:20px;
}

div#DROITE {
float:right;
width:290px;
padding:20px;
padding-right:20px;
}

div#CENTRE {
width:290px;
margin-left:325px;
padding:20px;
padding-bottom:90px;
}

#CENTRE li {
	list-style:square;
	line-height:60px;
	list-style:none;
}

div#CENTRE_ {
	width:670px;
	padding:20px;
	margin-left:320px;
}


div#ALL {
width:800px;
margin-left:-10px;
padding-top:10px;
font-size:10px;
}


div#_DROITE {
	margin-left:230px;
	padding-right:10px;
}



/**************************** calques Slide 2 cols ****************************************************/

div#SLIDE_ {
	margin:0 auto;
	padding:0;
	width:980px;
	height:504px;
}

div#DROITE_{
	margin-left:300px;
	width:640px;
	height:200px;
	padding-right:10px;
}

div#GAUCHE_ {
float:left;
width:260px;
padding:20px;
padding-top:0px;
margin-top:20px;
text-align:justify;
}

div#_GAUCHE {
float:left;
width:200px;
padding:20px;
padding-top:0px;
margin-top:0px;
}

div#CENTRE_DROITE {
		width:500px;
		min-height:300px;
		margin-left:100px;
}




div#NAV_TOP{
		width:980px;
		height:350px;
}

div#NAV_FULL{
	margin-top:70px;
}


div#NAV_TOP a:hover {
	color:#FF6666;
	text-decoration:none;
}

div#NAV_TOP a:link {
	color:#FFF;
	text-decoration:none;
}

div#NAV_TOP a:visited {
	color:#FFF;
	text-decoration:none;
}

div#NAV_TOP a:activelink {
	color:#FFF;
	text-decoration:none;
}

div#FORMU{
	font-size:0.9em;
	width:640px;
	margin: 0px;
	padding: 0px;
}

div#FORMU input, textarea{
	color:#333;
	padding:1px;
	margin:1px;
	border-style:none;
	border-style:solid;
	border-color:#F90;
	border-width:1px;
}

div#IMG{
width:120px;
color:#333;
background-color:transparent;
padding:0px;
padding-top:10px;
padding-bottom:10px;
margin:0px;

border-style:none;
border-bottom-style:solid;
border-bottom-color:#CCC;
border-bottom-width:1px;

border-left-style:solid;
border-left-color:#CCC;
border-left-width:1px;

border-right-style:solid;
border-right-color:#CCC;
border-right-width:1px;

border-top-style:solid;
border-top-color:#CCC;
border-top-width:1px;
}

/*********************************************************   SHOP  *****************************************************/

div #CARTOUCHE {
width:140px;
height:160px;
padding:15px 0 0 15px;
margin:0 2px 0 2px ;
font-size:8px;
background-image:url(../img/cartouche_140x160_1.png);
background-position:top left;
background-repeat:no-repeat;
}

div #CARTOUCHE_2{
width:140px;
height:160px;
padding:15px 0 0 15px;
margin:0 2px 0 2px ;
font-size:8px;
background-image:url(../img/cartouche_140x160_2.png);
background-position:top left;
background-repeat:no-repeat;
}

div #CARTOUCHE_3{
width:140px;
height:160px;
padding:15px 0 0 15px;
margin:0 2px 0 2px ;
font-size:8px;
background-image:url(../img/cartouche_140x160_3.png);
background-position:top left;
background-repeat:no-repeat;
}

div #CARTOUCHE_4{
width:140px;
height:160px;
padding:15px 0 0 15px;
margin:0 2px 0 2px ;
font-size:8px;
background-image:url(../img/cartouche_140x160_4.png);
background-position:top left;
background-repeat:no-repeat;
}

div #CARTOUCHE_ACTIVITE{
width:185px;
height:200px;
padding:10px 0 0 15px;
margin:0 2px 0 2px ;
font-size:8px;
background-image:url(../img/cartouche_activite.png);
background-position:top left;
background-repeat:no-repeat;
}

div #CARTOUCHE_ACTIVITE_1{
width:185px;
height:200px;
padding:10px 0 0 15px;
margin:0 2px 0 2px ;
font-size:8px;
background-image:url(../img/cartouche_activite_1.png);
background-position:top left;
background-repeat:no-repeat;
}

/**************************** pied de page ***************************************/

div#pied {
margin: 0 auto;
width:940px;
background-color:#A0A0A0;
color:#FFF;
bottom:0;
min-height:150px;
	padding-bottom:50px;
	margin-bottom:50px;

}

#pied a, a:active {
	text-decoration:none;
	color:#ccc;}
#pied a:hover {
	text-decoration:none;
	color:#F90;}
#pied ul {
	margin:0;
	margin-left:3px;
	padding-left:3px;
	text-decoration:none;
	color:#ccc;
	}

#cl1,#cl2,#cl3,#cl4 {
	float:left;
	width:17%;
	margin-right:10px;
	height:150px;
	padding:10px;
}
#cl1 {
	padding-left:15px;
	border-left-color:#CCC;
	border-left-style:dashed;
	border-left-width:thin;
	border-right-color:#CCC;
	border-right-style:dashed;
	border-right-width:thin;
}
#cl2 {
	border-right-color:#CCC;
	border-right-style:dashed;
	border-right-width:thin;
}
#cl3 {
	border-right-color:#CCC;
	border-right-style:dashed;
	border-right-width:thin;
}

#cl3 {
	
}


#cl4 {
	border-right-color:#CCC;
	border-right-style:dashed;
	border-right-width:thin;
}
#cl5 {
	width:150px;
	height:150px;
	float:right;
	padding-top:10px;
	padding-right:15px;
	border-right-color:#CCC;
	border-right-style:dashed;
	border-right-width:thin;
}

#adresse_ {
		font-size:0.9em;
		color:#CCC;
}

/******************************************************** SPAN et class de mise en forme texte ***********************************/
div#titre {
background-color:#FC0;
padding:10px;
}

div#titre_vert {
background-color:#CCCC00;
padding:10px;
}

div#titre_orange {
background-color:#FF9900;
padding:10px;
}

div#titre_bottom {
margin-left:10px;
background-image:url(../../images/selectOrange.png);
background-position:top left;
background-repeat:no-repeat;
height:20px;
width:120px;
margin-bottom:10px;
}

div#titre_vert_bottom {
margin-left:10px;
background-image:url(../../images/selectVert.png);
background-position:top left;
background-repeat:no-repeat;
height:20px;
width:120px;

}

div#titre_orange_bottom {
margin-left:10px;
background-image:url(../../images/selectOrangeFonce.png);
background-position:top left;
background-repeat:no-repeat;
height:20px;
width:120px;
}



h3 {
	display: block;
	background-color: #AAA;
	color: #fff;
	margin: 0 ;
	padding:10px;
	height:15px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	outline: none;
	font-size: 1em;
}

h2 {
	display: block;
	background-color: #333;
	color: #FFF;
	margin:0;
	padding:10px;
	height:15px;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	outline: none;
	font-size: 1.1em;
}

h1 {
	color: #FFF;
}

pp {
border-bottom-style:solid;
border-bottom-color:#CCC;
border-bottom-width: 1px;
margin-top:15px;
margin-bottom:10px
}

	.titre {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	font-weight:bold;
	line-height:1.1em;
	font-style:italic;
	color:#777;
	text-align:left;
	}
	
	.sousTitre{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	color:#999;
	font-style:italic;
	font-weight:bold;
	font-stretch:expanded;
	margin-bottom:5px;
	}
	
	.texte {
	font-size:1em;
	line-height:1.2em;
	font-weight:normal;
	text-align:justify;
	}
	
	.Mention{
	font-size:0.9em;
	color:#666
	}

	.MentionBlanc{
	font-size:0.95em;
	color:#FFF
	}
	
	
	.prix_rouge {
	font-size:10px;
	font-weight:bold;
	color:#C00;
	}

	.redaction_titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1em;
	color:#936;	}
	
	.redaction_sousTitre {
		font-size:1.1em;
		font-weight:bolder;
		color:#936;
	}
	
	.redaction_titre_blanc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bolder;
	color:#FFF;	}
	
	.redaction_sousTitre_blanc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bolder;
	color:#FFF;	}
	
	.redaction_art {
	font-size:1em;
	color:#936;
	font-weight:normal;	
	}
	
	.rubrique_description {
	font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		font-weight:normal;
		color:#F60;
		 
	}
	
	.rubrique_titre {
	font-size:1.1em;
	font-weight:bolder;
	color:#663300;
}
	


	
	.titre_bleu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bolder;
	color:#55CCCC;
	}
	
	.titre_orange {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bolder;
	color:#FF9900;
	}
	
	.titre_beige {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bolder;
	color:#a39073;
	}
	
	.titre_marron{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#663300;
	}
	
	.texte_beige{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#a39073;
	}
	
	.texte_bleu{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#55CCCC;
	}
		
	.texte_violet{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#990066
	}
	
	.texte_blanc{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#fff
	}

	.bigTexte_orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:bolder;
	color:#F90;
	}
	
	.texteRadius5Orange {
	color:#FFF;
	font-weight:bold;
	background-color:#F90;
	padding:7px;
	margin:5px;
	margin-left:-5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	
	.texteRadius5OrangeClair {
	color:#333;
	background-color:#FC0;
	padding:7px;
	margin:5px;
	margin-left:-5px;
	margin-right:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	
	
	.texteRadius5Bleu {
	color:#FFF;
	background-color:#79A1C2;
	padding:3px;
	margin:5px;
	margin-left:-5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	
	.texteRadius5Vert {
	color:#FFF;
	background-color:#390;
	padding:7px;
	margin:5px;
	margin-left:-5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	
	.texteRadius5Rouge {
	color:#FFF;
	background-color:#C00;
	padding:7px;
	margin:5px;
	margin-left:-5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
	
	.texteRadius5BleuClair {
	color:#333;
	font-weight:bold;
	background-color:#6CF;
	padding:5px;
	margin:2px;
	margin-left:-2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	}

/******************************************** date ***************************************/

.date { /* date */
	color:#666;
	float: left;
	line-height: 1.5em;
	margin: 5px 5px 10px 0px;
	padding-left: 5px;
	padding-right:5px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 1em;
	position: relative;
	right: 0;
}

.date_day { /* jour */
	display: block;
	font-size: 1.2em;
	text-align: right;
}

.date_month { /* mois */
	display: block;
	font-size: 1.2em;
	text-align: right;
	font-weight: bold;
}

.date_year { /* annee */
	display: block;
	font-size: 1em;
	line-height: 1.3em;
}