/* -------------------------- Feuille de style pour écran pour WLPGAS 2010 - Style standard ------------------------ */
/* --------------------------------------------- MCI - 2009 -------------------------------------- */

/* /// Icones et pictogrammes : famfamfam_silk_icons_v013 /// Dispos sur www.famfamfam.com ou dans Boutik */ 

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

MENU de la feuille de style : 

1. Reset CSS 
2. Styles Principaux
3. Style Recherche et Fomulaires
4. Element de structure principaux
5. Contenu Header
6. Switch langue (inactif)
7. Contenu de la colonne gauche
8. Menu dans la colonne gauche
9. Abonnement Newsletter
10. Contenu central
11. Footer
12. Styles génriques

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




/* ------------------------- 1. Reset CSS ------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}


/* -----------------------2. Styles Principaux -----------------------*/

body {
font-family:"Verdana", "Arial", "Helvetica", sans-serif;
background:#57f0013;
line-height:1.3em;
color:#333;
font-size:11px;
margin:0 auto;
background: #363c59 url(../img/fond.jpg) repeat-x fixed;
}

a {
color:#666;
text-decoration:none;
}

a:hover {
color:#999;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

h1,h2,h3,h4,h5,h6 {
clear:both;
}

ul {
padding:0;
margin:0;
clear:both;
}

li {
padding:0;
margin:0;
font-size:1em;
list-style:none;
}

ul ul {
padding:0;
margin:0;
}


caption {
display:none;
}

hr {
clear:both;
height:1px;
background:#e1e1e1;
border:none;
margin:10px 0 0 0;
}

dl {
margin:10px;
width:550px;
float:left;

}

dt {
font-weight:bold;
color:#da2404;

padding-left:5px;
}

dd {

margin:0 0 5px 0;
padding: 5px 0 5px 25px;
background:url(../img/puce-grise.gif) no-repeat 10px 10px;
}

/* ---------------3. Style Recherche et Fomulaires------------------*/

textarea {
width:200px;
height:150px;
}

input[type=text], select {
width:150px;
}

input[type=radio], input[type=checkbox] {
border:0;
}

/* ----------------4. Element de structure principaux -------------*/

#contenant {
width:920px;
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
}

#header {
width:920px;
height:260px;
float:left;
background: url(../img/head2.png) no-repeat;
}

#contenu {
width:921px;
float:left;
background: url(../img/fond-centre.png) repeat-y;
}

/* -----------------------5. Contenu Header --------------------*/

#title_img {
width:250px;
float:left;
width:232px;
height:213px;
padding:20px 0 0 21px;
}

#title {
width:645px;
height:130px;
float:left;
padding:45px 0 0 0;
}

#header h1{
font-family:arial, verdana, sans-serif;
color:#f15a40;
font-weight:bold;
font-size:18px;
line-height:1.2em;
float:right;
text-align:right;
}

#header h2{
font-family:arial, verdana, sans-serif;
color:#ffcb04;
font-weight:bold;
font-size:13px;
line-height:1.1em;
float:right;
text-align:right;
}

#header sup{
font-size:0.8em;
bottom: 0.4em;
position: relative;
font-weight:normal;
}

#header-bas {
float:left;
background: url(../img/head-bas2.png) no-repeat;
width:659px;
height:84px;
}

.logo1 img{
float:left;
margin:7px 0 0 40px;
}

.logo2 img{
float:left;
margin:7px 0 0 40px;
}

.logo3 img{
float:left;
margin:10px 0 0 40px;
}
.logo4 img{
float:left;
margin:5px 0 0 40px;
}

/*----------------------6. Switch langue-------------------*/

#switch {
float:right;
text-align:right;
line-height:1.6em;
margin:6px 20px 0 0;
}

.en a{
height:11px;
width:16px;
background: url(../img/en.gif) no-repeat top left;
}

.fr a{
height:11px;
width:16px;
background: url(../img/fr.gif) no-repeat top left;
}

.es a{
height:11px;
width:16px;
background: url(../img/es.gif) no-repeat top left;

}

.en a:hover{
height:11px;
width:16px;
background: url(../img/en.gif) no-repeat top right;

}

.fr a:hover{
height:11px;
width:16px;
background: url(../img/fr.gif) no-repeat top right;
}

.es a:hover{
height:11px;
width:16px;
background: url(../img/es.gif) no-repeat top right;
}

.en span{
height:11px;
width:16px;
display: block;
text-indent: -9999px;
}

.fr span{
height:11px;
width:16px;
display: block;
text-indent: -9999px;
}

.es span{
height:11px;
width:16px;
display: block;
text-indent: -9999px;
}


/* ----------------7. Contenu de la colonne gauche------------*/

#contenu-gauche {
width:261px;
float:left;
}

#haut-gauche {
width:250px;
font-size:1em;
float:left;
line-height:1.1em;
letter-spacing:-1px;
}

#milieu-gauche {
float:left;
}

#menu-gauche {
width:251px;
}

#bas-gauche {
float:left;
width:260px;
height:300px;
background:url(../img/fond-collone-gauche.png) no-repeat;
}


/*--------------------------------8. Menu dans la colonne gauche ------------------------- */
#menu-gauche ul{
display: block;

}

#menu-gauche li{
list-style:none;
margin: 0 0 0 12px;
font-family:arial, verdana, sans-serif;
}

#menu-gauche li a {
width:232px;
color: #fff;
font-size:11px;
text-decoration:none;
display:block;
padding:7px 0 7px 15px;
background:#40579a;
border-bottom: 1px solid #4e65ae;
}

#menu-gauche li a:hover {
color:#fff;
background:#344a8f url(../img/puce2.gif) no-repeat -1% 50%;
border-bottom: 1px solid #4e65ae;
}

#menu-gauche li a.selected {
color:#ffca09;
background:#344a8f url(../img/puce.gif) no-repeat -1% 50%;
border-bottom: 1px solid #4e65ae;
}

#menu-gauche ul.subMenu{
	display:block;
	float:left;
}
#menu-gauche ul.subMenu a{
width:200px;
color:#fff;
background:transparent url(../img/puce.gif) no-repeat -1% 50%;
border-bottom: 1px solid #4e65ae;
margin:0 0 0 10px;
}
#menu-gauche ul.subMenu a:hover{
width:200px;
color:#fff;
background:transparent url(../img/puce2.gif) no-repeat -1% 50%;
border-bottom: 1px solid #4e65ae;
margin:0 0 0 10px;
}


/* -------------------9. Abonnement Newsletter-------------------*/
#bas-gauche p{
color:#333;
font-size:9px;
display:block;
margin: 20px 0 0 20px;
width:220px;
}

#bas-gauche form {
width:220px;
padding: 10px 0 0 20px;
}

#bas-gauche #email{
width:150px;
background:#a4afd5;
color:#344a8f;
}

#bas-gauche #email_submit{
background:#344a8f;
color:#fff;
height:20px;
}

#valid {
background:#344a8f;
color:#fff;
height:20px;
}

#bas-gauche #email_submit:hover {
background:#a4afd5;
color:#344a8f;
height:20px;
}

#bas-gauche #email_submit fieldset {
margin:0;
}

#bas-gauche legend {
display:none;
}

#bas-gauche label {
font-size:1em;
font-weight:bold;
display:block;
float:left;
text-align:left;
cursor:pointer;
}

#bas-gauche input, select, textarea, button {
font-family:"Arial", "Verdana", sans-serif;
font-size:11px;
color:#333;
padding:2px;
margin:0 2px 0 0;
border:1px solid #344a8f;
float:left;
}

/* ----------------------------10. Contenu central--------------------- */
#contenu-fond {
background:url(../img/contenu-centre-fond.png) no-repeat top left;
min-height:400px;
float:left;
}

#contenu-centre  {
width:560px;
float:left;
margin:0 0 0 20px;
padding:0 0 0 20px;
font-family:verdana, arial, sans-serif;
}

#contenu-centre p{
color:#333;
text-align:justify;
margin:5px 0 10px 0;
}

#contenu-centre img{
/*float:left;*/
margin:0 10px 10px 0;
border:1px solid #e1e1e1;
padding:2px;
}

#contenu-centre a{
color:#5170d7;
text-decoration:none;
}

#contenu-centre a:hover{
color:#7385c3;
text-decoration:none;
}

#contenu-centre h1{
color:#da2303;
margin:20px 0 10px 0;
font-weight:bold;
font-size:15px;
}

#contenu-centre h2 {
color:#da2303;
font-size:13px;
font-weight:bold;
}

#contenu-centre h3 {
color:#da2303;
margin: 10px 0 10px 0;
font-size:11px;
font-weight:bold;
}

#contenu-centre h4, #contenu-centre h5, #contenu-centre h6 {
color:#666666;
font-size:11px;
font-weight:normal;
margin:0 0 0 10px;
}

#contenu-centre ul {
font-size:1em;
list-style:none;
}

#contenu-centre li{
padding:0 0 15px 10px;
font-size:1em;
list-style:none;
background: url(../img/puce-grise.gif) no-repeat 0 4px;
}

#contenu-centre blockquote{
padding:5px 5px 5px 35px;
color:#666;
text-align:center;
font-size:11px;
margin:20px 0;
border:1px solid #A7B5DF;
}

#contenu-centre blockquote p{
text-align:center;
font-weight:bold;
}

#contenu-centre sup, sub{
font-size:0.7em;
bottom: 0.4em;
position: relative;
}

#contenu-centre .colonne {
width:200px;
float:left;
padding:10px 30px 20px 150px;
}

#contenu-centre .colonne p{
text-align:center;
font-size:9px;
color:#666666;
}

#contenu-centre .colonne img{
border:none;
margin: 0 0 0 25px;
}

#contenu-centre table{
border: #E1E1E1 solid 1px;
font-family:"Verdana", "Arial", "Helvetica", sans-serif;
color:#333;
font-size:10px;
margin:0;
padding:0;
}

#contenu-centre th{
background:#E1E1E1;
padding:2px;
text-align:center;
font-weight:bold;
border:#fff;
}

#contenu-centre td{
border: #E1E1E1 solid 1px;
padding:2px;
text-align:center;
}

#mediapartners {
	text-align:center;
}

#mediapartners img{
clear:both;
}
/*------------------------------------FORM SPONSOR----------------------------------*/


#contenu-centre .sponsorship {
	text-align: left;
}

#contenu-centre .sponsorship h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-left: 0em;
	text-indent: 0px;
	font-size: 12px;
	color:#5170D7;
}
#contenu-centre .sponsorship h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	color:#7385C3;
}

#contenu-centre .sponsorship ul{
	margin:0 0 0 50px;
}

#contenu-centre .sponsorship li {
	margin-top: 0.5em;
	font-size: 10px;
	font-weight: bold;
}

#contenu-centre .sponsorship table,  #contenu-centre .sponsorship tr, #contenu-centre .sponsorship td,#contenu-centre .sponsorship th {
	border:none;
	text-align:left;
}

#contenu-centre .sponsorship blockquote{
	border:none;
	margin:0 0 10px 30px;;
	padding:0;
	text-align:left;
}

#contenu-centre .sponsorship .soldto {
	width:300px;
	margin-left:55px;
	background-color:#FBF9F4;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F4EEDF;
	border-right-color: #F1E9D8;
	border-bottom-color: #F1E9D8;
	border-left-color: #F4EEDF;
	color: #333333;
}

#contenu-centre .errors1 {
	border: 2px solid #990000;
	width: 360px;
	margin-right: auto;
	margin-left: auto;
	color:#333333;
	text-align: left;
}
#contenu-centre .errors1 h1 {
	font-size: 12px;
	text-align: center;
	text-transform: none;
	background-color: #990000;
	color: #FFFFFF;
	margin-top: 0em;
	line-height: 1.5em;
	background-image: none;
	padding: 0px;
	font-weight: bold;
}
#contenu-centre .msg1 {
	border: 2px solid #009933;
	width: 360px;
	margin-right: auto;
	margin-left: auto;
	color:#333333;
}
#contenu-centre .msg1 h1 {
	font-size: 12px;
	text-align: center;
	text-transform: none;
	background-color: #009933;
	color: #FFFFFF;
	margin-top: 0em;
	line-height: 1.5em;
	background-image: none;
	padding: 0px;
	font-weight: bold;
}
#contenu-centre .sold_0 {
	color: #FFFFFF;
	background-color: #00CC33;
}
#contenu-centre .sold_1 {
	color: #FFFFFF;
	background-color: #CC0000;
}

/*-------------------------------11. Footer-------------------------------------------*/

#footer {
width:921px;
height:200px;
clear:both;
background:url(../img/footer-fond.png);
}

#footer p{
text-align:center;
padding:85px 0 0 40px;
color:#636a87;
font-size:9px;
}

#footer a{
color:#636a87;
text-decoration:none;
}

#footer a:hover{
color:#767c96;
}

/* -----------12. Styles spécifiques --------------------*/

.noFloat {
clear:both;
}

.left {
float:left;
text-align:center;
}

.noDisplay {
position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

.colonnetexte1 {
	width: 260px;
	margin-right: 10px;
	float: left;
}
.colonnetexte2 {
	width: 290px;
	float: left;
}


.programme {
	background-color: #F7F7F7;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFAC00;
	font-weight: bold;
}


input.boutonlien {
border:0;
background:none;
color:#5170d7;
font-size:12px;
cursor:pointer;
}

input.boutonlien:hover {
color:#7385c3;
}


/*------------------------------------------- SLIMBOX -------------------------------------*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

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

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

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

#lbPrevLink {
	left: 0;
}

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

#lbNextLink {
	right: 0;
}

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

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

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

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

#lbCaption {
	font-weight: bold;
}
#fond_noir{
	display:none;
	position:absolute;
	background:url(../img/fond_opacite.png);
	top:0px;
	left:0px;
}
#cadre{
	display:block;
	position:relative;
	float:left;
	width:538px;
	height:auto;
	padding:10px;
	background-color:#FFF;
	border:#455BA4 solid 1px;
}
#img1,#img2,#img3,#img4{
	display:none;
	float:left;
	width:auto;
	height:auto;
}
img.pointer{
	cursor:pointer;
}
.culonnetexte{	
display:block;
float:left;
}
#btn_close{
	font-weight:bold;
	float:right;
	cursor:pointer;
}
.imporant {
	padding: 20px;
	border: 1px solid #DA2303;
}


p a.bouton {
	background:#4e7cc0 url(../img/puce.gif) 5px 50% no-repeat;
	border:1px solid #2F4FBF;
	padding: 10px 10px 10px 30px;
	margin:0 0 0 0;
	width:200px;
	text-align:center !important;
	color:#fff !important;
	font:normal 12px Arial, Helvetica, sans-serif;
}

p a:hover.bouton {
	background: #6691d0 url(../img/puce2.gif) 5px 50% no-repeat;
}

p a.boutondroit{
	background:#4e7cc0 url(../img/puce.gif) 5px 50% no-repeat;
	border:1px solid #2F4FBF;
	padding: 5px 10px 5px 30px;
	margin:0 0 0 350px;
	width:200px;
	text-align:center !important;
	color:#fff !important;
	font:bold 12px Arial, Helvetica, sans-serif;
}

.center {text-align:center !important;}


.soldout {
background: url(../img/soldout.jpg) top right no-repeat;
}

.soldout p {
padding: 10px 120px 10px 0;
}

table img {
border:none !important;
}