/* CSS Document */

/* NEWSLETTER */

#newsletterModalPopup
{
    width: auto;
    background-color: #f2efd7;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dfdac3;
    height: 70px;
    padding-top: 15px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #808080;
    display: none;
}


.ui-dialog-overlay
{
    opacity: 0.5;
    background: black;
}

.newsletter_titre
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #5a4936;
}

.global_flash_actif
{
    display: block;
}

.global_flash
{
    display: none;
}

#lienBlog
{
    color: #D14800;
    display: inline;
    font-family: Arial;
    font-size: 22px;
}

/*  --------------- */

/* liScroll style declarations */

.tickercontainer
{
    /* the outer div with the black border */
    width: 400px;
    height: 27px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask
{
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    top: 4px;
    width: 400px;
    overflow: hidden;
}
ul.newsticker
{
    /* that's your list */
    position: relative;
    left: 100px;
    font: bold 10px Verdana;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li
{
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0;
}
ul.newsticker a
{
    white-space: nowrap;
    padding: 0;
    margin: 0 50px 0 0;
}
ul.newsticker span
{
    margin: 0 10px 0 0;
}

/*Marquee vertical*/
/* Scroller Box */
#scroller_container
{
    position: relative;
    height: 90px;
    overflow: hidden;
    width: 230px;
}

/* Scoller Box */
#scroller_container
{
    overflow: auto;
}

/*----------------- CARROUSSEL FLASH ------------------------- */
#workflow {
	height: 393px;
	margin: 0 auto;
}
#appel_principal {
	height: 393px;
	width: 978px;
	margin: 0 auto;	
}
.global_flash_actif{
    display:block;
}
.global_flash {

}
/*----------------- CORPS DE PAGE ------------------------- */
#contenu  {
	background:url(images/accueil_bg.gif) #fff repeat-y 0 0; 	
}
* html #pageAccueil #contenu { /* IE 6 FIX */
	margin-top:-8px;
}
/*----------------- REASSURANCE ------------------------- */
#reassurance {
	background:url(images/reassurance.png) #fff no-repeat 0 center; 	
	height:34px;
	text-indent:-9999px;  
}
/*----------------- COLONNE CENTRALE ------------------------- */
#colCentrale {
	float:left;	
}
* html #colCentrale { /* ie 6 fix */
	width:620px;
}
#colCentrale h2 {
	margin:0;
	line-height:26px;
	background:0 !important;
	color:#5a4936;
	border-bottom:3px solid #eeecdd  !important;	
    text-indent:0px !important;
	font-size:14px;
}
#colCentrale h2 span {
	font-weight:200	
}
/*----------------- LISTES DES RUBRIQUES ------------------------- */
.listeRubriques {
	float:left;
	display:block;
	width:232px;
	margin:12px 42px 0px 42px;
	padding:0;
	list-style-type:none;
}
* html .listeRubriques { /* ie 6 fix */
	margin-left:18px;	
}		
.listeRubriques li a, .listeRubriques li  a:link, .listeRubriques li  a:visited {
	display:block;
	border-bottom:1px solid #eeecdd;
    background:url(../../../Content/images/Interface/call_beige.gif) no-repeat transparent 2px 10px;
    line-height:25px;
    text-indent:12px	
}
* html .listeRubriques li a { /* ie 6 fix */
	height:12px
}
.listeRubriques li  a:hover, .listeRubriques li  a:active {
	    background:url(../../../Content/images/Interface/call_beige.gif) no-repeat #f7f6ee 4px center;	
}
.listeRubriques .espaceSuperieur {
	padding-top:16px;
}
.listeRubriques li h3
{    
    margin:0px;
    padding:0px;
    font-size:12px;
	font-weight: normal;
    }
/*----------------- TROUVER UN CADEAU ------------------------- */
#trouverCadeau {
	clear:both;
	padding:0 42px;
}
* html #trouverCadeau { /* ie 6 fix */
	width:560px
}
#trouverCadeau a {
	display:block;
	float:left;
	padding:200px 0 12px 0;
	text-align:center;
	background:url(images/trouverCadeau.png) #fff no-repeat;
}
#trouverCadeau a span {
	display:block;
	color:#808080;
	font-size:11px;
	line-height:18px
}
#cadeauHomme { background-position:0 0; width:100px;}
#cadeauFemme { background-position:-110px 0 !important; width:110px;}
#cadeauFille { background-position:-220px 0 !important; width:120px;}
#cadeauGarcon { background-position:-330px 0 !important;width:122px;}
#cadeauBebe { background-position:-452px 0 !important;width:100px;}
/* ROLLOVER */
#cadeauHomme:hover { background-position:0 -240px;}
#cadeauFemme:hover { background-position:-110px -240px !important;}
#cadeauFille:hover { background-position:-220px -240px !important;}
#cadeauGarcon:hover { background-position:-330px -240px !important;}
#cadeauBebe:hover { background-position:-452px -240px !important;}


/*----------------- COLONNE DE DROITE ------------------------- */
#colDroite {
	width:330px;
	float:right;
}
#colDroite ul, #colDroite li {
	margin:0;
	padding:0;
	list-style-type:none;
}
#colDroite ul {
	padding:6px 0;
	position:relative; /* repositionne les listes pour les aligner avec les titres */
	left:-10px; 
}
#colDroite li {
	padding-left:10px;
	background:url(../../../Content/images/Interface/call_marron.gif) no-repeat transparent 0px 5px;	
	margin:6px 0
}
#colDroite li span, #colDroite li small {
	display:block;	
	color:#5a4936;
}
#colDroite h3 {
	color:#5a4936;
	margin:-1px;
	line-height:26px;
	font-size:14px
}
#colDroite h5 {
	color:#d14800;
	font-size:11px;
	margin:0
}
#prochainesActivites .changerRegion {
	font-weight:200;
	font-size:10px;
	margin-left:6px;
	background:url(../../../Content/images/Interface/deroulant_bleu.gif) no-repeat transparent right 5px;
	padding-right:8px;
}
#prochainesActivites {
	padding:0px 10px 0 66px;
	background:url(images/bg_prochainesActivites.jpg) no-repeat 0 12px #F5F0E2; 
	border-top: #dfdac3 1px solid;
	padding-top:12px;
}
#leBlog {
	padding:10px 10px 0 66px;
	background:url(images/bg_leBlog.jpg) #f5f0e2 no-repeat 6px 10px;
	/*border-top:1px solid #dfdac3;*/
}


#titreProduitAdherent 
{
    padding:10px 15px 10px 66px;
    background-color : #f5f0e2;
}

#imageProduitAdherent 
{
    padding:0px 0px 0px 0px;
    margin:0px 0px -2px 0px;
    
}

#fraisDePort
{
    padding-left:0px;
}

#actualitePlanete {
	padding:10px 10px 0 66px;
	background:url(images/bg_actualitePlanete.jpg) #f5f0e2 no-repeat 18px 10px;
	border-top:1px solid #dfdac3;
	height:225px;
}
.infoMineure
{
    color: #808080 !important;
    }
/*Mot clé 20100511*/

#pg1 {
 text-decoration:none;
 font-size:10px;
 color:#666666;
 font-family:Arial, Helvetica, sans-serif;
}

#tagcloud {
 width: 560px;
 padding: 10px;
 text-align: center;
 margin-top: 2px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 22px;
 clear:both;
}
#tagcloud a {
 text-decoration:none;
}
#tagcloud a:hover {
 text-decoration:none;
 background-color:#B3B3B3;
 color:#FFFFFF;
}
#pg1-1 {
 color:#77A50A;
 font-size: 26px;
}
#pg1-2 {
 font-size: 24px;
 color:#837567;
}
#pg1-3 {
 font-size: 22px;
 color:#BF2470;
}
#pg1-4 {
 font-size: 20px;
 color:#333333;
}
#pg1-5 {
 font-size: 18px;
 color:#FF3300;
}

#pg1-6 {
 color:#77A50A;
 font-size: 16px;
}
#pg1-7 {
 font-size: 12px;
 color:#837567;
}
#pg1-8 {
 font-size: 11px;
 color:#BF2470;
}

.sign, .sign a{
 font-size: 9px;
 color: #BFBFBF;
 text-decoration:none;
 font-family:Arial, Helvetica, sans-serif;
}

/**/