*{outline:none;}

body {
margin:0;
background:#000;
color:#ccc;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:20px;
}

.top{
width:990px;
height:150px;
background:#000 url(/img/top-logo.gif) no-repeat top left;}

.langues{
color:#b5b5b5;
font-size:10px;
padding-top:80px;
padding-left:750px;
white-space:nowrap;
}

.langues a:link{
color:#b5b5b5;
text-decoration:none;}

.langues a:visited{
color:#b5b5b5;
text-decoration:none;}

.langues a:hover,.langues a:focus, .langues a:active {
color:#fff;
text-decoration:none;}

.bg{
width:990px; /* SCR modif pour décaler tous les bg's sur la droite (avant 990px)*/
margin-top:31px;
background-position:bottom right !important;
min-height:476px;
background-repeat:no-repeat !important;
background-color:black;
}
*html .bg{
height:expression(document.body.clientHeight > 476 ? "476px" : "auto");  /*SCR: HACK pour simuler le min-height sur IE6 (sinon bug!)*/
}

.divBg{
background-position:bottom right;
background-repeat:no-repeat;
}
.bg_collec_detail{
width:1030px;
margin-top:31px;
background-position:bottom right;
background-repeat:no-repeat;
min-height:476px;}

.contenu{
width:490px;
font:12px Arial, Helvetica, sans-serif;
color:#ccc;}

.contenu_home{
width:990px;
height:490px;
font:12px Arial, Helvetica, sans-serif;
color:#ccc;
}
.clearboth{
clear:both;
}
.clear{
clear:both;
line-height:1px;
height:1px;
font-size:1px;
}
.texte{ /*LIM: à utiliser quand bouton Retour est sous le txt*/
padding-left:67px;
padding-top:54px;
width:400px;
text-align:justify;
clear:both;
line-height:17px;
min-height:274px;
}
.bt_back{
background-image:url(/img/precedent.gif);
background-repeat:no-repeat;
background-position:top left;
width:34px;
height:70px;
float:left;
}
.bt_back:hover{
background-image:url(/img/precedent-on.gif);
}
.bt_next{
background-image:url(/img/suivant.gif);
background-repeat:no-repeat;
background-position:top right;
width:34px;
height:70px;
float:left;
}
.bt_next:hover{
background-image:url(/img/suivant-on.gif);
}
.text_minheight{ /*LIM: à utiliser quand PAS de bouton Retour sous le txt*/
padding-left:67px;
padding-top:50px;
width:400px;
text-align:justify;
clear:both;
line-height:17px;
min-height:422px;
}

* html .text_minheight_collections{
height:expression(document.body.clientHeight > 422 ? "422px" : "auto");  /*SCR: HACK pour simuler le min-height sur IE6 (sinon bug!)*/
}

.text_minheight_collections{ /*LIM: à utiliser quand PAS de bouton Retour sous le txt*/
padding-left:67px;
padding-top:50px;
width:430px;
text-align:justify;
clear:both;
line-height:17px;
min-height:422px;
}

* html .text_minheight{
height:expression(document.body.clientHeight > 422 ? "422px" : "auto");  /*SCR: HACK pour simuler le min-height sur IE6 (sinon bug!)*/
}


.home_flash{
position:absolute; 
margin-left:600px; 
height:580px; 
width:420px; 
z-index:10;
}
.collec_description{
min-height:140px;
max-height:200px;
overflow:hidden;
}
#ctl00_cp_lbDescription{
margin-right:20px;}

*html .collec_description{ /* IE 6 */
height:expression(document.body.clientHeight > 130 ? "130px" : "auto");  /*SCR: HACK pour simuler le min-height sur IE6 */
}

.texte_collectionDetails{
color:#cccccc;
min-height:282px;
padding-left:67px;
padding-top:50px;
width:535px;
position:relative;}

.footer{
position:relative;
display:block;
top:0px;
left:0px;
color:#b5b5b5;
font-size:10px;
height:103px;/*total 125*/
padding-top:22px;
padding-left:67px;
background:url(/img/footer-bg.gif) no-repeat top left;
width:923px;}

.footer img {
float:right;
margin:0px 75px 0px 0px;
}

.footer a:link{
color:#b5b5b5;
text-decoration:none;}

.footer a:visited{
color:#b5b5b5;
text-decoration:none;}

.footer a:hover, .footer a:active, .footer a:focus{
color:#fff;
text-decoration:none;}

.snavflash{
width:424px;
height:140px;
padding-top:143px;
top:15px;
z-index:10;
position:relative;
}
/*Banner*/

.bg_collec_banner{
width:690px;
margin-top:31px;
background-position:bottom right;
background-repeat:no-repeat;
min-height:476px;}

*html .bg_collec_banner{
height:expression(document.body.clientHeight > 476 ? "476px" : "auto");  /*SCR: HACK pour simuler le min-height sur IE6 (sinon bug!)*/
}

.descriptifBanner{
margin:15px 0 0 0;
width:300px}

.ContactBanner{
position:absolute;
top:230px;
left:670px;
width:320px;
font-size:11px}

.ContactBanner div label{
float:left;
width:110px;
}
.ContactBanner input{
color:#FFFFFF;
float:left;
width:180px;
border:1px solid #3C3424;
background:#2e2e2d;
margin:0 0 3px 0;
}
.ContactBanner select{
color:#FFFFFF;
float:left;
width:180px;
background:#2e2e2d;
border:1px solid #3C3424;
margin:0 0 3px 0;
}

.ContactBanner textarea{
color:#FFFFFF;
background:#2e2e2d;
border:1px solid #3C3424;
width:180px;
}

.ContactBanner .CheckBox input{
width:30px;
padding:0;
margin:0 0 2px 0;
border:none;
background:none;
clear:both;
}

.FooterBanner{
font-size:10px}

/* alignement enveloppe */
.Banner .SendFriend{
margin-left:-5px;
}

/* menu ******************************/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu {
position: absolute; /* placement du menu */
left: 0;
z-index:100;
width: 900px;
height:32px;
padding-left:57px;
background:url(/img/nav-bg-anim.gif) no-repeat top left;
font-size:12px;
}
.menu dl {
float: left;
width: 140px;
}
.menu dt {
margin: 3px;
font-size:12px;
}
.menu dd {
display: none;
}
.menu li {
padding:3px;
}
.menu dt a:link, .menu dt a:visited {
font-size:12px;
color: #b5b5b5;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

.menu dt a:hover, .menu dt a:focus, .menu dt a.on {
font-size:12px;
color:#FFF;
}
.menu li a {
font-size:11px;
color: #5a5353;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
.menu li a:hover, .menu li a:focus, .menu li a:active {
font-size:11px;
color:#FFF;
}


/* style, mise en page *************/

h1{
font:16px Arial, Helvetica, sans-serif;
color:#78694b;
text-transform:uppercase;
font-weight:normal;
}
h2{
font:14px Arial, Helvetica, sans-serif;
color:#3f3a32;
text-transform:uppercase;
font-weight:normal;
}
h1.lighter{
font:16px Arial, Helvetica, sans-serif;
color:#78694b;
text-transform:uppercase;
font-weight:normal;
margin:0px 0px 5px 0px;
padding:0px;
line-height:16px;
}
h1.smaller{
font:12px Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
line-height:12px;
text-transform:uppercase;
}
.avertissement, .avertissement p{
color:#cc8032;
}
a:link{
color:#b5b5b5;
text-decoration:none;}

a:visited{
color:#b5b5b5;
text-decoration:none;}

a:hover, a:active, a:focus {
color:#fff;
text-decoration:none;
}

.FloatLeft{
float:left;}

.FloatRight{
float:right;}

.List li{
margin-left:20px;
margin-top:10px;
}

/* Inputs general */
input.input{
color:#FFFFFF;
float:left;
border:1px solid #3C3424;
background:#2e2e2d;
padding:0px 0px 0px 3px;
margin:0px 0px 2px 0px;
font-size:11px;
}
select.input{
color:#FFFFFF;
float:left;
background:#2e2e2d;
border:1px solid #3C3424;
padding:0px 0px 0px 3px;
margin:0px 0px 2px 0px;
font-size:11px;
}
textarea.input{
color:#FFFFFF;
background:#2e2e2d;
border:1px solid #3C3424;
padding:3px;
font-size:11px;}

/* Width en class */

.width50{
width:50px;
}
.width60{
width:60px;
}
.width80{
width:80px;
}
.width85{
width:85px;
}
.width100{
width:100px;
}
.width105{
width:105px;
}
.width120{
width:120px;
}
.width150{
width:150px;
}
.width180{
width:180px;
}
.width200{
width:200px;
}
/* News ***************************/
.newsYear{
font-size:14px;
font-weight:bold;}

 a:link.newsYear,  a:focus.newsYear,  a:visited.newsYear{
color:#aaa59d;}

a:hover.newsYear {
color:#e3dcd0;}

.Newsentry{
display:block;
clear:both;
}
.newsDate{
font-weight:bold;
color:#7c7c7c;
line-height:15px;}

.newsDetails{
text-align:justify;
color:#666;
min-height:282px;
padding-left:67px;
padding-top:54px;
width:755px;
}

.newsTitre{
font-weight:bold;
font-size:13px;
color:#dddddd;
text-align:left;
width:550px;}

.newsImg_container{
text-align:center;
margin:0px 0px 3px 0px;
}

/* temp style ajaxpressfilesselector, videomenu, picturemenu from presskit.aspx page */
.AjaxObject .AjaxDragPanel{
font-family:trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
color:#f7f6f3;
background-color:#060606;
font-size:11px;
line-height:16px;
font-weight:bold;
padding:3px 8px 3px 8px;
/*width:230px;Ad pour palier à un bug de largeur sur IE 5.5-décision prise de ne pas fixer la largeur*/
}

div.AjaxObject{
line-height:16px;
font-family:trebuchet ms,Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
width:300px;
}
.AjaxObject .AjaxContentPanel{
background-color:#100e09;
padding:8px; 
}

/****************************************************************
contact
****************************************************************/
fieldset{
border:none;
}

.Contact{
width:580px;
}
.Contact div{
margin-bottom:10px;
}
.Contact div label{
float:left;
width:140px;
}
.Contact input{
color:#FFFFFF;
float:left;
width:200px;
border:1px solid #3C3424;
background:#2e2e2d;
}
.Contact select{
color:#FFFFFF;
float:left;
width:200px;
background:#2e2e2d;
border:1px solid #3C3424;
}

.Contact textarea{
color:#FFFFFF;
background:#2e2e2d;
border:1px solid #3C3424;
width:200px;
}


.CheckBox input{
width:30px;
padding:0px;
margin:0px;
border:none;
background:none;
}

/****************************************************************
press
****************************************************************/
.Press div{
margin-bottom:10px;
}
.Press select{
color:#FFFFFF;
float:left;
width:203px !important;
background:#2e2e2d;
border:1px solid #3C3424;
}

.Press textarea{
color:#FFFFFF;
background:#2e2e2d;
border:1px solid #3C3424;
width:200px;
}

.Press div label{
float:left;
width:auto
}
.Press .star{
margin-left:10px;
}
.Press .width160{
width:160px;
float:left;
}

/* Footer pages */
.sowind{
	background-image: url(/img/bg_sowind.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
}
.troisoixante{
	background-image: url(/img/bg_360.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.troisoixante li{
list-style-image:url(/img/arrow_left.gif);
background-repeat:no-repeat;
list-style-position:outside;
padding-left:5px;
}
.liens{
	background-image: url(/img/bg_liens.jpg);
	background-repeat: no-repeat;
	background-position:bottom left;
}
.liens li{
list-style-image:url(/img/arrow_left.gif);
background-repeat:no-repeat;
list-style-position:outside;
padding-left:5px;
margin-top:5px;
}
/****************************************************************
SELECTEUR
****************************************************************/
.selecteur{
margin:auto; 
width:872px; 
background-image:url(/img/bg_selecteur.jpg); 
background-repeat:no-repeat; 
background-position:top; 
text-align:left;
clear:both;
min-height:422px;
font-size:11px;
}
.selecteur h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
margin:0px 0px 0px 9px;
padding:0px;
clear:both;
display:block;
}
.selecteur h2{
font-weight:bold;
color:#625439;
}
.selecteur-inner{
margin:10px;
text-align:left;
}
.selecteur .col{
float:left;
width:203px;
margin-right:10px;
margin-bottom:0px;
}
.selecteur .bloc{
margin-bottom:30px;
}
.selecteur .bloc ul{
margin:0px;
padding:0px;
}
.selecteur .bloc .label{
width:160px;
}
.selecteur .bloc input{
float:left;
margin:0px 3px 0px 2px;
padding:0px;
border:none;
width:15px;
height:15px;
}
.selecteur .bloc li{
clear:both;
display:block;
padding:0px;
margin:0px 0px 5px 0px;
}

/****************************************************************
NEWS - NEWS DETAIL
****************************************************************/
.newsDetails .img{
float:left; 
border:1px solid #292929; 
padding:2px; 
text-align:center;  
margin-bottom:20px;
}
.newsDetails .innernav{
float:left;
margin-left:30px;
}
.newsDetails .links{
width:400px; 
margin-top:20px;
margin-bottom:10px;
}
.newsDetails .links a{
display:block;
margin-bottom:10px; 
font-weight:bold;
background-image:url(../img/arrow_left.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:10px; 
}

.newsDetails .txt{
width:280px; 
float:left; 
margin-right:20px; 
min-height:200px;
}

/****************************************************************
FLEXCROLL
****************************************************************/
#scroll {
height:140px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0px;
padding: 0px;
}
#scroll-goodies {
height:510px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0px;
padding: 0px;
margin-top:20px;
margin-right:10px;
}
/* .scrollgeneric is required for proper scrollbar display,
not for user customization, and is mandatory*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
background-color:none;
}

.vscrollerbar {
width: 13px;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
background: url("/img/scroll.gif") -30px -0px;
width:13px;
}

.vscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll-base,
the padding will automatically be turned off by the script
The greater the padding, the further away the scrollbar
stops away from both ends. This may be used, for example,
to provide space for our "faux" arrow heads.
*/
padding: 10px;

/* z-index for scrollbars define the z-index for the content, if left at
"auto" or "0", they are set to "2", if defined, content z-index is set the
same as the scrollbars. Version 1.7.5 and higher does not need this setting
to function properly, earlier versions need this for proper operation */
z-index: 2;
}

/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
/* Vertical scrollbar's base body */ 
background: url("/img/scroll.gif") -15px -0px repeat-y;
height: 15px;
width: 15px;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
padding-top:3px;
background:  url("/img/scroll.gif") 0px 0px no-repeat;
width: 13px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 5px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
padding-bottom:0px;
background:  url("/img/scroll.gif") 0px -8px no-repeat;
height: 7px;
width: 12px;
}
.scrollerjogbox:hover {
background:  url("/img/scroll.gif") -45px -15px ;
background-repeat: no-repeat-x;
}

/* GP Boutiques */
.BoutiqueContainer{
width:990px;
height:457px;
position:relative;
background-color:#00FF00;
}
.PrintBoutiques{
position:relative;
margin-top:10px;
display:block;
margin-left:-5px;
}
.bg-boutiques{
width:990px;
background-position:top right !important;
min-height:476px;
background-repeat:no-repeat !important;
background-color:#000;
margin-top:31px;
position:relative;
}
ul.Navboutiques{
position:absolute;
width:170px;
list-style-type:none;
height:300px;
top:40px;
left:66px;
}
ul.Navboutiques, .Navboutiques li{
list-style-type:none;
margin:0;
padding:0;
}
.Navboutiques li.continent{
margin:12px 0px;
}
.Navboutiques ul.ville{
display:none;
}
.Navboutiques .ville li{
font-size:12px;
margin:10px 0px 10px 10px;
}
.BoutiquesDescr{
position:absolute;
width:300px;
left:250px;
top:40px;
}
.BoutiquesDescr h4{
font-weight:bold;
margin-bottom:5px;
}