/* CORE CSS 20040217 */

/* BODY */

body
{
    font-family: Arial, Helvetica, sans-serif; /* Base font family for most elements */
    font-size: 0.8em; /* Base size for all elements; other size definitions relates to this */
    background: #262626 none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}

/* HEADERS */

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    padding: 0;
}

h1
{
    font-size: 1.8em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.1em;
}

h4, h5, h6
{ 
    font-size: 1em;
}

/* PARAGRAPHS */

p
{
    margin: 0.5em 0 0.5em 0;
    line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
}

/* LINKS */

a
{
    color: #01aed8;
    text-decoration: underline;
}

a:hover
{
    color: #01aed8;
    text-decoration: underline;
    cursor: pointer;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}

/* PRE TEXT */

pre, code
{
    font-family:Arial,Helvetica,sans-serif;  /* Usually defaulted to monospaced font anyway, but browwsers may vary which one is used, so giving exact alternatives helps visual consistenct */
    font-size: 1em; /* Setting this exact size may also help visual consistency */
}

pre
{
    background-color: none;
    border: none;
    margin: 0;
    padding: 0;
	height:10px;
}

/* TABLES */

table
{ 
    font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most others, but does no harm */
    /*margin: 0;
    padding: 0;*/
	background-color:transparent;
}

th, td
{
    padding: 0;
}

table.list
{
    width: 100%;
    margin: 1em 0 1em 0;
}

table.list th, table.list td
{
    padding: 0.25em 0.5em 0.25em 0.5em;
}

table.list th
{
    font-weight: bold;
    background-color: #f0f0f0;
}

table.list td
{
    font-weight: normal;
}

tr.bglight
{
    /*background-color: #fcfcfc;*/
}

tr.bgdark
{
    background-color: none;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0;
    margin: 0.75em 0 1em 2.5em;
}

ul ul, ol ul
{
    margin: 0.3em 0 0.5em 1.3em;
}

ul ol, ol ol
{
    margin: 0.3em 0 0.5em 1.9em;
}

ul, ul ul
{
    list-style-type: disc;
}

li
{
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1.25em;
}

/* DEFINITION LISTS */

dl
{
    padding: 0em;
    margin: 0.25em 0 0.25em 0;
}

dt, dd
{
    font-style: normal;
    margin: 0 0 0.25em 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0 1em 0.5em 2.5em;
}

/* FORM ELEMENTS */

form
{
    padding: 0em;
    margin: 0em;
}

label
{
    font-weight: bold;
    padding-right: 0.5em;
    display: block;
    white-space: nowrap;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
    font-size: 1em; /* Needs to be specified for IE */
}

input.box, textarea.box
{
    width: 98%;
}

input.halfbox, textarea.halfbox
{
    width: 47%;
}

optgroup
{
    font-weight: bold;
    font-style: normal;
}

input.button
{
    font-weight: normal;
    margin: 1em 1em 0 0;
}

input.button-default
{
    font-weight: bold;
}

/* PAGE DIVIDERS */

div.block /* Use this style around groups of objects which are connected in some way */
{
    margin: -20px 0.5em 0 0.5em;
    padding: 0;
    clear: both;
}


div.block div.element, div.buttonblock div.element /* Use this style if several objects are to be stacked horizontally within the same block */
{
    padding-right: 1em;
    float: left;
}

div.block div.left
{
    width: 48%;
    text-align: left;
    float: left;
    clear: left;
}

div.block div.right
{
    width: 48%;
    text-align: right;
    float: right;
    clear: right;
}

div.break /* Used this style to terminate floating elements, to clear all floating attributes */
{

    clear: both;
}

/* MESSAGES TO THE USER */

div.message-feedback, div.message-warning, div.message-error
{
    padding: 0.1em 0.5em 0.5em 0.5em;
}

div.message-feedback
{
    background-color: #f0fff0;
}

div.message-warning
{
   /* background-color: #ffffe0;*/
}

div.message-error
{
    background-color: #fff0f0;
}

/* PAGE NAVIGATION */

div.pagenavigator
{
    text-align: center;    
}

div.pagenavigator span.previous
{
    /*float: left;*/
	margin-right:10px;
}

div.pagenavigator span.next
{
    /*float: right;*/
	margin-left:10px;
}

/* MISC STYLES */

.small
{
    font-size: 85%;
}

.hide
{
    display: none;
}


div.imageleft, div.imageright, div.faxtboxleft, div.faxtboxright, div.leftobject, div.rightobject
{
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    display: inline;
}

div.imagecenter, div.factboxcenter, div.centerobject
{
    width: 100%;
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    display: block;
}

div.imagecenter
{
    text-align: center;
}

div.factboxcenter
{
    text-align: left;
}

div.imageleft, div.factboxleft, div.leftobject
{
    float: left;
    padding-right: 0.5em;
}

div.imageright, div.factboxright, div.rightobject
{
    float: right;
    padding-right: 0.5em;
}

div.faxtboxleft, div.faxtboxright
{
    background-color: #f0f0f0;
}

div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext, p.factbox
{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext, p.factbox
{
    background-color: #f0f0f0;
}

/* Misc */

span.spamfilter
{
     display: none;
}

/*********************************************************  ###########  **********************************************/
/*********************************************************    Menu CSS   **********************************************/
/*********************************************************  ###########  **********************************************/


#menu		{ 	width:750px;					/* largeur 1ère ligne %%%%%%%% pour un menugeneral vertical mettre:128px */
				font-size:11px;					/* taille des caractères */
				font-weight:bold;				/* en gras */
				/*position:absolute;top:0;*/	/*	~~~~~~~~ si on désire repositionner ce menugeneral en haut de page en cas de scrolling
													et mettre "derrière" l'initialisation (dans Bulmenugeneral.js) du menugeneral :
													window.onscroll=function()
													{
														document.getElementById("menugeneral").style.top = document.body.scrollTop;
													}	*/
			}

#menu a		{	text-decoration:none;			/* texte tel quel */
				display:block;					/* mode d'affichage */
			}
			
#menu li	{	
				
				cursor:pointer;					/* aspect du curseur */
				display:block;					/* mode d'affichage */
				float:left;						/* "cours du texte" : à gauche et "entouré" à droite des éléments qui le suivent */ 
			}
#menu ul	{
				/*visibility:hidden;	*/			/* caché au départ, on y mettre visible au survol */
				position:relative;
				width:100px;
				top:-6px;
				z-index:3000;
				
			}
#menu ul li	{	
				float:none;						/* "cours du texte" : normal */ 
				display:block;					/* type d'affichage */
				/*left:-62px;						/* ajustements horizontaux des sous-menugenerals 1er niveau %%%%%%%% pour un menugeneral vertical mettre:87px */
				/*top:-5px;					/*%%%%%%%%%% à ajouter pour un menugeneral vertical */
				/*top:32px;					/*%%%%%%%%%% à ajouter pour un menugeneral vertical */
				position:relative;				/* mode positionnement */
				z-index:3000;
			}
			
			
#menu ul li ul 
			{	float:none;						/* "cours du texte" : normal */ 
				position:absolute;				/* mode positionnement */
				left:128px;						/* ajustements horizontaux des sous-menugenerals niveaux suivants */
				top:-1px;						/* ajustements verticaux des sous-menugenerals niveaux suivants */
				/*visibility:hidden;	*/			/* caché au départ, on y mettre visible au survol */	
			}

#menu ul li ul li
			{	float:none;						/* "cours du texte" : normal */ 
				position:absolute;				/* mode positionnement */
				left:128px;						/* ajustements horizontaux des sous-menugenerals niveaux suivants */
				top:-1px;						/* ajustements verticaux des sous-menugenerals niveaux suivants */
				/*visibility:hidden;*/				/* caché au départ, on y mettre visible au survol */	
			}
			
			
html #menu li li,* html #menu li li li
			{	
				display:inline;					/* pour rectifier une gestion "différente" de IE*/
			} 

	
/********************************************************* ############  **********************************************/
/********************************************************* Fin Menu CSS  **********************************************/
/********************************************************* ############  **********************************************/

	
	
		
/*********************************************************  ###########  **********************************************/
/*********************************************************  Phototheque  **********************************************/
/*********************************************************  ###########  **********************************************/
DIV#page {	
	MARGIN: 0px auto;	
	WIDTH: 900px;	
	BACKGROUND-COLOR: #fff;	
	TEXT-ALIGN: left
}

DIV#container {	
	PADDING-RIGHT: 20px;	
	PADDING-LEFT: 20px;	
	PADDING-BOTTOM: 20px;	
	PADDING-TOP: 20px
} 


DIV#ads {	
	CLEAR: both;	
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 66px;	
	PADDING-BOTTOM: 12px;	
	PADDING-TOP: 12px
}

DIV#footer {	
	CLEAR: both;	
	PADDING-TOP: 12px;	
	TEXT-ALIGN: center
} 

A {	
	COLOR: #666666;	
	TEXT-DECORATION: none
} 

/*A:focus {	
	COLOR: #182e7a;	
	TEXT-DECORATION: underline
}*/

A:hover {	
	COLOR: #182e7a;	
	TEXT-DECORATION: underline
}

A:active {	
	COLOR: #182e7a;	
	TEXT-DECORATION: underline
} 

P {	
	LINE-HEIGHT: 1.3em
} 

LI {	
	LINE-HEIGHT: 1.3em
} 

P A {	
	TEXT-DECORATION: underline
} 


LI A {	
	TEXT-DECORATION: underline
} 
 
H1 {	
	MARGIN: 0px
} 
 
H2 {
	MARGIN: 0px
}
  
H1 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 0px;	
	COLOR: #333;	
	PADDING-TOP: 0px
} 
  
H2 {	
	COLOR: #111;	
	PADDING-TOP: 10px
} 
 
DIV.content {	
	DISPLAY: none;	
	FLOAT: right;	
	WIDTH: 550px
} 

DIV.controls {
	MARGIN-TOP: 5px;
	HEIGHT: 23px;
	font-weight: bold;
} 

DIV.ss-controls {	
	FLOAT: left;
	padding-left: 25px;
} 

DIV.ss-controls SPAN {	
border:1px solid #CCCCCC;
display:block;
float:left;
margin-right:2px;
padding:4px 7px 2px;
cursor: pointer;
} 
DIV.ss-controls span a:hover{
background-color:#FFFFCC;
text-decoration:none;}

DIV.nav-controls {	
	FLOAT: right;
	margin-right:20px;

} 

DIV.nav-controls A {	
border:1px solid #CCCCCC;
display:inline-block;
height:16px;
padding:4px 7px 2px;
} 

DIV.slideshow {	
	CLEAR: both
} 

DIV.slideshow SPAN.image-wrapper {	
	FLOAT: left;	
	PADDING-BOTTOM: 12px;
	padding-left: 25px;
} 

DIV.slideshow A.advance-link {	
	BORDER-RIGHT: #ccc 1px solid;	
	PADDING-RIGHT: 2px;	
	BORDER-TOP: #ccc 1px solid;	
	DISPLAY: block;	PADDING-LEFT: 2px;	
	PADDING-BOTTOM: 2px;	
	BORDER-LEFT: #ccc 1px solid;	
	PADDING-TOP: 2px;	
	BORDER-BOTTOM: #ccc 1px solid
}

DIV.slideshow IMG {	
	BORDER-RIGHT: medium none;	
	BORDER-TOP: medium none;	
	DISPLAY: block;	
	BORDER-LEFT: medium none;	
	BORDER-BOTTOM: medium none
} 

DIV.download {	
	FLOAT: right
} 

DIV.embox {	
	CLEAR: both;	
	BORDER-RIGHT: #ccc 1px solid;	
	PADDING-RIGHT: 12px;	
	BORDER-TOP: #ccc 1px solid;	
	PADDING-LEFT: 12px;	
	PADDING-BOTTOM: 12px;	
	BORDER-LEFT: #ccc 1px solid;	
	PADDING-TOP: 12px;	
	BORDER-BOTTOM: #ccc 1px solid;	
	BACKGROUND-COLOR: #eee
} 

DIV.image-title {	
	FONT-WEIGHT: bold;	
	FONT-SIZE: 1.4em
}

DIV.image-desc {	
	LINE-HEIGHT: 1.3em;
	PADDING-TOP: 12px
}

UL.thumbs {	
	CLEAR: both;	
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 0px;	
	PADDING-TOP: 0px
} 

UL.thumbs LI {	
	PADDING-RIGHT: 0px;	
	PADDING-LEFT: 0px;	
	FLOAT: left;	
	PADDING-BOTTOM: 0px;	
	MARGIN: 5px 10px 5px 0px;	
	PADDING-TOP: 0px;	
	LIST-STYLE-TYPE: none
} 

UL.thumbs LI A {	
	BORDER-RIGHT: #ccc 1px solid;	
	PADDING-RIGHT: 2px;	
	BORDER-TOP: #ccc 1px solid;	
	DISPLAY: block;	
	PADDING-LEFT: 2px;	
	PADDING-BOTTOM: 2px;	
	BORDER-LEFT: #ccc 1px solid;	
	PADDING-TOP: 2px;	
	BORDER-BOTTOM: #ccc 1px solid
}
 
UL.thumbs LI.selected A {	
	BACKGROUND: #88f
} 

UL.thumbs A:focus {	
	outline: none
}

UL.thumbs IMG {	
	BORDER-RIGHT: medium none;	
	BORDER-TOP: medium none;	
	DISPLAY: block;	BORDER-LEFT: medium none;	
	BORDER-BOTTOM: medium none
} 

DIV.pagination {	
	CLEAR: both
} 

DIV.navigation DIV.top {	
	MARGIN-BOTTOM: 12px;	
	HEIGHT: 11px
} 

DIV.navigation DIV.bottom {	
	MARGIN-TOP: 12px
} 

DIV.pagination A {	
	BORDER-RIGHT: #ccc 1px solid;	
	PADDING-RIGHT: 7px;	
	BORDER-TOP: #ccc 1px solid;	
	DISPLAY: block;	
	PADDING-LEFT: 7px;	
	FLOAT: left;	
	PADDING-BOTTOM: 2px;	
	BORDER-LEFT: #ccc 1px solid;	
	MARGIN-RIGHT: 2px;	
	PADDING-TOP: 4px;	
	BORDER-BOTTOM: #ccc 1px solid
}

DIV.pagination STRONG {	
	BORDER-RIGHT: #ccc 1px solid;	
	PADDING-RIGHT: 7px;	
	BORDER-TOP: #ccc 1px solid;	
	DISPLAY: block;	
	PADDING-LEFT: 7px;	
	FLOAT: left;	
	PADDING-BOTTOM: 2px;	
	BORDER-LEFT: #ccc 1px solid;	
	MARGIN-RIGHT: 2px;	
	PADDING-TOP: 4px;	
	BORDER-BOTTOM: #ccc 1px solid
} 


div.pagination a, div.pagination strong {
border:1px solid #CCCCCC;
display:block;
float:left;
margin-right:2px;
padding:4px 7px 2px;
}

DIV.pagination A:hover {	
	BACKGROUND-COLOR: #ffc;	
	TEXT-DECORATION: none
}

DIV.pagination STRONG {	
	BACKGROUND-COLOR: #acf 
} 

.noscript {	
	DISPLAY: none
} 

DIV.navigation {	
	FLOAT: left;	
	WIDTH: 300px;
	margin-left: -30px;
} 

DIV.content {	
	DISPLAY: block
} 

/*********************************************************  ###############  **********************************************/
/*********************************************************  Fin Phototheque  **********************************************/
/*********************************************************  ###############  **********************************************/


/*********************************************************  ###############  **********************************************/
/*********************************************************    Videotheque    **********************************************/
/*********************************************************  ###############  **********************************************/


a img.mini_video{
	border: 1px solid #5a5a5a;
	padding: 0px;
}

a:hover img.mini_video{
	margin:0px;
	padding:0px;
}

#onedivtoholdemall {
	background: #fff;
}

#download {
	/*background: #333333;
	color: #fff;
	font-size: 17px;
	border: 1px solid #E7E7E7;
	padding: 2px;*/
border:1px solid #CCCCCC;
display:block;
margin-right:2px;
padding:4px 7px 2px;
}


#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: url(../images/site_plain/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/*********************************************************  ###############  **********************************************/
/*********************************************************  Fin Videotheque  **********************************************/
/*********************************************************  ###############  **********************************************/




/*********************************************************  ###########  **********************************************/
/*********************************************************  Jeu concours **********************************************/
/*********************************************************  ###########  **********************************************/

#droite_jeu{
	float:right;
	margin-top:5px;
	min-height: 750px;
	width:280px;
	background-color: #efefef;
	background-image: url(../images/fond_jeu.jpg);
	background-repeat: no-repeat;
}

#logo_jeu{
	float: left;
	height:154px;
	width:131px; }
	
#texte_jeu{
float: right;
height:134px;
width: 500px;
color:#CB29A3;
font-family:"Arial";
font-size:20px;
padding: 10px;
/*margin-bottom: 25px;*/
}
#image_jeu{
	text-align: center;
	font-family: "Century Gothic";
	font-size: 30px;
	color: #75b5df;
	font-weight: bolder;
	}
	
#image_jeu p i{
	line-height:10px;
	font-size:10px;
	color:#666;
	}

#baseline{

color:#000;
font-family:"Century Gothic";
font-size:14px;
text-align:left;}

#date{
	color:#000;
	font-family:"Century Gothic";
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	margin:10px 10px 15px 10px;
	width:700px;
	clear: both;
}

div#contenu #image_jeu a{margin:0px;
padding:0px;}

div#contenu #image_jeu a:hover{margin:0px;
padding:0px;}

#texte_jeu2{
clear:both;
color:#000000;
float:left;
width:700px;}

div#contenu #texte_jeu2 ul{
	color:#000;
	margin-left: 10px;
}
div#contenu #texte_jeu2 li{
	color:#000;
	list-style-image:url(../images/site_plain/puce2.gif);
	list-style-position:inside;
	list-style-type:none;
	text-decoration:none;
	vertical-align:middle;
}

#texte_jeu3{
clear:both;
color:#000000;
float:left;
width:700px;}

#texte_jeu3 table td{
	font-family:"Century Gothic";
	font-size:16px;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;	
}

#texte_jeu3 table th{
	font-family:"Century Gothic";
	font-size:12px;
	text-align: left;
	vertical-align: middle;
	background-color: #FFF;
	padding: 0 25px;
0 25px;
	font-style: normal;
	font-weight: normal;
}

div#contenu #texte_jeu3 ul{
	color:#000;
	margin-left: 10px;
}
div#contenu #texte_jeu3 li{
	color:#000;
	list-style-image:url(../images/site_plain/puce2.gif);
	list-style-position:inside;
	list-style-type:none;
	text-decoration:none;
	vertical-align:middle;
}

#part_jeu{
	float: right;}

.iframe{

	width: 700px;
	min-height: 900px;
	border: none;
	
}

#gagner{
	float:right;
	color:#000000;
	font-family:"Century Gothic";
	font-size:16px;
	text-align:left;
	font-weight: bold;
}


#bouton_blanc{
margin-top:20px;
}
/*********************************************************  ###########  **********************************************/
/****************************************************** Fin  Jeu concours **********************************************/
/*********************************************************  ###########  **********************************************/


/*********************************************************  ###########  **********************************************/
/************************************************ Newsletter Unsubscribe ***********************************************/
/*********************************************************  ###########  **********************************************/

#droite_unsubscribe{
	float:right;
	margin-top:5px;
	min-height: 750px;
	width:280px;
	background-color: #efefef;
	background-image: url(../images/fond_jeu.jpg);
	background-repeat: no-repeat;
}

div#subscription{
width:330px;
float:left;
}



div#map_canvas {
height:560px;
/*margin-left:auto;
margin-right:auto;
margin-top:25px;*/
width:850px;
float:left;
display:inline;
}
/*********************************************************  ###########  **********************************************/
/************************************************ gmap ***********************************************/
/*********************************************************  ###########  **********************************************/
fieldset a, a:hover {color:#000000;
text-decoration:none}

fieldset img {
	float:right;
	margin-top:-30px;}

div#droite fieldset li a, a:hover {color:#000000;
text-decoration:none}

div#carte{
margin-left:auto;
margin-right:auto;
margin-top: 25px;
width:893px;

}

div#map_top{background-image: url(../images/map_top.jpg);
	background-repeat: repeat;
	width: 850px;
	height: 21px;
	margin-left:20px;
	}

div#map_left{
	float:left;
	background-image: url(../images/map_left.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 610px;
	display:inline;}
	
div#map_right{background-image: url(../images/map_right.jpg);
	background-repeat: no-repeat;
	width: 23px;
	height: 610px;
	float:left;
	display:inline;
	margin-top:-21px;}
	
div#map_bottom{background-image: url(../images/map_bottom.jpg);
	background-repeat: repeat;
	width: 850px;
	height: 23px;
	margin-left:20px;
margin-top:566px;
	}
	

#texte_avantages{
font-size:12px;
font-weight:normal;
margin-bottom:20px;
margin-left:50px;
margin-top:20px;
width:820px;
}

#texte_avantages ul li{
list-style:none;
}