/* h1 for big titles h2 for subtitles h3 for sections h4 for important h5 for content h6 for comments/small */

body {  font-size: 62.5%; /* Resets 1em to 10px */ font-family:   Arial,Verdana,Helvetica, Sans-Serif; background-color:#FFF;  color: rgb(53 ,38 ,12); text-align: center; margin: 0; padding: 0; }

a{color: rgb(53 ,38 ,12);}
a img {border:0;padding:0px;margin:0px;}
a:hover img{border:0;}

/* ::: clear fix ::: */

.clearfix:after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* ::: style globale ::: */

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

.wordSpacing-m { word-spacing:-1px; }
.wordSpacing-s { word-spacing:-2px; }

#page{ background-color: transparent; margin: 10px  auto; padding: 0px;	text-align: left; width: 949px;	background-repeat: no-repeat; }

/* ///////////////////////////// ***** left of page ***** ////////////////////*/

#left { /*clear:both;*/width:457px; float:left; margin:17px 0px 20px 0px; padding:0px; padding-left:17px; z-index:3; }
#left h2 { padding:0px;margin:0px; display:none; }
#left .menuvert,#left .menuvert a{ text-align:right; vertical-align:bottom; width:100%; font-size:14px; font-variant:small-caps; font-weight:bold; text-decoration:none; color:#000000; display:none; }
#left .menuvert #P1{padding-top:30px;padding-right:15px;background-color:#F9DB61;}
#left .menuvert #P2{padding-top:30px;padding-right:15px;background-color:#EE878B;}
#left .menuvert #P3{padding-top:30px;padding-right:15px;background-color:#E8F26D;}
#left .menuvert #P4{padding-top:30px;padding-right:15px;background-color:#EFEAE7;}
#left .menuvert div a:hover{padding-left:15px;padding-top:30px;padding-bottom:0px;background-color:#DDDDDD;}

.menuG {padding-bottom:0px;line-height:90%;font-size:15px;color:#fff;vertical-align:bottom;text-align:right;padding-right:15px;}
.menuG a{padding-bottom:0px;line-height:90%;font-size:15px;color:#fff;text-decoration:none;font-weight:bold;}

/* ///////////////////////////// ***** right of page ***** ////////////////////*/

#right { width:457px; float:right; text-align:left; margin:17px 0px 20px 0px; padding:0px; padding-right:17px;_padding-right:5px; color:#52422B; }
#right .subheader { float:right;margin:0px; width:457px; height:187px; display:none; }
#right .divh5 { position:absolute; top:217px; height:449px; width:440px; font-size:12px; text-align:justify; clip:rect(0px 440px 449px 0px); background-color:#fff; z-index:10; }
#textcontent{margin:auto;padding:0px;}
#textprev { width:80px;height:45px; visibility:hidden;z-index:12;background-color:white; position:absolute;}
#textnext{ width:80px;height:45px; visibility:hidden;z-index:12;background-color:white; position:absolute; }
#printbtn{width:80px;height:45px; position:absolute; visibility:visible;z-index:12;background-color:white;}

#scroll{position:absolute;padding:6px;padding-left:20px;text-align:justify;line-height:15px;}
#scroll a{text-decoration:none;font-weight:bold;color: rgb(53 ,38 ,12);}
#scroll a:hover{text-decoration:none;font-weight:bold;text-decoration:underline;}
.l a{text-decoration:none;font-weight:bold;text-decoration:none;}
#scroll .p {position:absolute;visibility:hidden;width:440px;}
#right .subfooter { float:right;margin:5px; }

/* ///////////////////////////// ***** external footer (in body) ***** ////////////////////*/

.lienR2{font-weight:normal;text-decoration:none;}
.lienR2:hover{font-weight:normal;text-decoration:underline;}
.footer { background:url(images/fondPages.gif) 0% 0% repeat-x; padding:20px 0 0 0; }
body:first-of-type .footer { padding:28px 0 0 0 } /* hack Safari : ???? : ne marche pas !!! */
body:nth-of-type(1) .footer { padding:20px 0 0 0 } /* hack Chrome : ok */

#baseline { color: rgb(53 ,38 ,12);	font-weight:normal; padding: 0px 10px 7px 17px; text-align: center;	clear:left; }
#baseline a{color: rgb(53 ,38 ,12);font-weight:normal;text-decoration:none }
#baseline a:hover{color: rgb(53 ,38 ,12);font-weight:normal;text-decoration:none }
#baseline2 { color: rgb(53 ,38 ,12); font-weight:normal; padding: 0px 10px 7px 17px; text-align: center; }
#baseline2 a{color: rgb(53 ,38 ,12);font-weight:normal;text-decoration:none }
#baseline2 a:hover{color: rgb(53 ,38 ,12);font-weight:normal;text-decoration:none }
.h3outfoot,.h3outfoot a{text-align:center; margin:0px; padding: 0; font-size:11px; color:#EB7672; text-decoration:none; }
.h3outfoot a:hover{color:#EB7672; text-decoration:underline;}
.h3outfoot img {margin-bottom:-3px;	}
.h3outfoot .sep{color:#000000;font-weight:normal;}

#footerprint{display:none }
#headerprint{display:none }

.overflow { overflow:auto; height:105px; }

/* === modif 20100806 === */

.bgPageabande { }
* html .bgPageabande { }
.wrapper_content { width:1075px; margin:0 auto; background:url(images/bgContainerPages.jpg) 0% 0% repeat-y; }

table.pageContainer { background:url(images/bgWrapperContent.jpg) left top no-repeat; }
table.pageContainer td.leftStrip { background:url(images/bgContLeftPages1.jpg) 0% 100% no-repeat; width:67px; width/*\**/:66px\9; height:auto; }
@media screen and (-webkit-min-device-pixel-ratio:0) { table.pageContainer td.leftStrip { background:url(images/bgContLeftPages1.jpg) 0% 100% no-repeat; width:67px; height:auto; }}
table.pageContainer td.rightStrip { background:url(images/bgContRightPages.jpg) 0% 100% no-repeat; width:64px; height:auto; }

/* === Mŕj 20110418 === */

.logoPos-JeuConcours { left:-10px; top:-12px; }
.inner_headJeuConcours { width:650px; height:139px; background-color:#fff; padding:0 0 0 226px; }
.millieuJeu { width:874px; margin:25px 0 0 0; }

.leftJeuConcours { float:left; width:478px;_width:451px; }

.gainConcours { width:416px; height:229px; background:url(images_JeuConcours/bgIllustrGauche.gif) 0px 0px no-repeat; padding:44px 30px 0 32px; }
.gainConcours p.decouvrerConseil { width:277px; height:73px; color:#edb429; padding:0 0 33px 0; }
.gainConcours p.gain4WE { width:270px; color:#cb042a; text-align:right; margin-left:135px; }
.txtTopChampsGauche { color:#f3555c; padding:13px 0 15px 12px; font-size:14px; }

ul.champsGaucheConcours { width:478px;_width:443px; padding-left:35px; }
ul.champsGaucheConcours li { padding-bottom:2px; *padding-bottom:0px; }
ul.champsGaucheConcours li label { float:left; width:115px; font-size:14px; color:#3f2007; padding-top:3px; }
ul.champsGaucheConcours li label span { color:#f25558; }
ul.champsGaucheConcours li input.champContact { width:174px; height:20px; *height:20px; float:left; color:#3f2007; background:none; border:1px solid #7f9db9; font-size:11px; padding:1px 3px 0px 2px; padding/*\**/:3px 3px 0px 2px\9; *padding:1px 3px 0px 2px; margin-left:6px;  }
ul.champsGaucheConcours li select { width:57px; height:20px; font-size:11px; color:#3f2007; background:white; border:none; border:1px solid #7f9db9; margin-left:6px; *margin:0 0 3px 6px; _margin:0 0 3px 4px; }

ul.champsGaucheConcours li.acceptCondition { padding:20px 0 0 0; padding/*\**/:20px 0 0 0px\9; *padding:20px 0 0px 0; margin-left:-21px;_margin-left:-31px; }
ul.champsGaucheConcours li.acceptCondition p { padding-bottom:5px; *padding-bottom:0px; }
ul.champsGaucheConcours li.acceptCondition input { float:left; margin-top:2px; border:none; }
ul.champsGaucheConcours li.acceptCondition label { float:left; width:470px; *width:470px;_width:443px; font-size:12px; line-height:14px; padding:2px 0 0 8px; padding/*\**/:2px 0 0 8px\9; *padding:5px 0 0 8px; color:#3f2007; /**vertical-align:bottom;*/ }
ul.champsGaucheConcours li.acceptCondition label span { color:#f25558; }
ul.champsGaucheConcours li.acceptCondition label a, ul.champsGaucheConcours li.acceptCondition label a:hover { color:#3f2007!important; text-decoration:underline; }

.rightJeuConcours { float:left; width:396px;/*_width:360px;*/ }
.rightJeuConcours .innerRightJeu { padding:0 0 0 8px; } 
.rightJeuConcours .innerRightJeu h2 { font-size:14px; color:#573419; padding:25px 0 3px 0; }
.rightJeuConcours .innerRightJeu p { padding:2px 0 2px 2px; *padding:0px 0 0 0px; }
.rightJeuConcours .innerRightJeu label { color:#573419; font-size:14px; padding:0 0 0 4px; *padding:0 0 0 0px; }
.rightJeuConcours .innerRightJeu p.lienIndice { *padding-top:3px; }
.rightJeuConcours .innerRightJeu p.lienIndice a { color:#F3555C!important; font-size:14px; background:url(images_JeuConcours/flecheVerte.gif) 2px 4px no-repeat; padding:0px 0 0 20px; text-decoration:underline; }
.rightJeuConcours .innerRightJeu p.champsOblig { color:#f25558!important; font-size:12px; padding:30px 0 0 2px; }
input.btninputValider { width:76px; height:76px; background:url(images_JeuConcours/btnValiderJeu.gif) left top no-repeat; margin:-15px 0 0 166px; cursor:pointer; }
.illustrationBasDroite { background:url(images_JeuConcours/illustrationdroite.jpg) 327px 478px no-repeat;  }
.rightJeuConcours .innerRightJeu p.erreurMsg { color:red; font-size:11px; padding:20px 0 0 10px; }

.bgConfirm { background:url(images_JeuConcours/bgIllustrG-confirm.gif) 0px 0px no-repeat; }
.margeConfirm { padding-bottom:320px; }
.txtConfirm { color:#f3555c; font-size:14px; padding:0 0 20px 0; }
p.lienRetourConfirm a { color:#573419!important; font-size:14px; font-size:14px; background:url(images_JeuConcours/flecheVerte.gif) 2px 4px no-repeat; padding:0px 0 0 20px; text-decoration:none;}
p.lienRetourConfirm a:hover { color:#573419!important; font-size:14px; font-size:14px; background:url(images_JeuConcours/flecheVerte.gif) 2px 4px no-repeat; padding:0px 0 0 20px; text-decoration:underline;}

/* === page : radio === */

.rightpartRadio { color:#3c2004; font-size:12px; padding:0px 0 0 15px; }
.rightpartRadio p { margin:0px 0 9px 0; line-height:13px; }
.rightpartRadio p img { margin-top:2px;}

td.radioBrebis { background:#ae8aae url(images_Radio/bgRadioGauche.gif) 0px 0px no-repeat; width:457px; height:430px; vertical-align:top; }
td.radioBrebis p.rb-ttrtopRight { font:bold 20px Arial; color:#fff; text-transform:uppercase; margin:22px 0 0 0; padding:0 13px 0 0; text-align:right; }
td.radioBrebis p.rb-ttrtopRight span { font:bold 28px Arial; color:#fff; text-transform:uppercase; }
td.radioBrebis p.rb-traitBlanc { text-align:right; margin:0px 0 0 0; }
td.radioBrebis p.ecoutezExpert { font:bold 15px Arial; color:#fff; text-transform:uppercase; margin:13px 0 25px 0; padding:0 0 0 20px; line-height:25px; }
td.radioBrebis p.creationRadio { font:normal 15px Arial; color:#fff; text-transform:uppercase; margin:0px 0 86px 0; padding:0 13px 0 0px; text-align:right; }
td.radioBrebis p.interview { font:normal 11px Arial; color:#fff; text-transform:uppercase; margin:0px 0 50px 0; padding:0 13px 0 161px; line-height:18px; }
td.radioBrebisLink { width:457px; height:27px; display:block; line-height:0px; font-size:0px; *padding-top:-1px; }
td.radioBrebisLink a { background:url(images_Radio/radiobrebis.gif) 0px 0px no-repeat; width:457px; height:27px; display:block; }
td.radioBrebisLink a:hover { background:url(images_Radio/radiobrebis.gif) 0px -27px no-repeat; height:27px; }

/* === résultats Jeu Pur Brébis === */

.resultat-gauche { float:left; width:448px; }

.bonnesReponses { padding:0 0 0 20px; }
.bonnesReponses h2 { font-size:18px; color:#F3555C; padding:15px 0 20px 0;  }
.bonnesReponses li { font-size:14px; color:#573419; padding:0 0 18px 0; }
.bonnesReponses li p { font-size:14px; color:#573419; background:url(images_JeuConcours/flecheViolette.gif) 2px 5px no-repeat; padding:2px 0 4px 20px; }
.bonnesReponses li p.consulterReglement { color:#3F2007; font-size:12px; padding:16px 0 12px 0; background:none!important; }
.bonnesReponses li p.consulterReglement a { color:#3F2007; font-size:12px; text-decoration:underline; }

.resultat-droite { float:left; width:426px!important; }
.innerResultatDroite { padding:0 0 30px 31px!important; }
.bgResultat { background:url(images_JeuConcours/bgListeGagnants.gif) 0px 0px no-repeat; }

.resultatConcours { width:416px; height:229px; background:url(images_JeuConcours/bgIllustrResultat.gif) 0px 0px no-repeat; padding:44px 30px 0 32px; _padding:44px 0px 0 32px; }
.resultatConcours p { color:#EDB429; padding:130px 9px 0 0; text-align:right; line-height:normal; line-height/*\**/:normal\9; *line-height:10px; _line-height:10px; }
.rightJeuConcours .innerRightJeu h2.resultat { font-size:14px; color:#F3555C; padding:15px 0 20px 0; *padding:13px 0 17px 0; }
.rightJeuConcours .innerRightJeu ul.listeResultat li { color:#573419; font-size:14px; background:url(images_JeuConcours/flecheVerte.gif) 2px 3px no-repeat; padding:0px 0 4px 20px; }

/* === Jeu Brebis2 : Mŕj 20110823 === */

.txtTopChampsJeuBrebis2 { color:#f98b01; padding:22px 0 22px 12px; font-size:14px; }
.rightJeuConcours .innerRightJeu p.lienIndiceJeuBrebis2 { *padding-top:3px; }
.rightJeuConcours .innerRightJeu p.lienIndiceJeuBrebis2 a { color:#0381d2!important; font-size:14px; background:url(images_JeuConcours/flecheOrange.gif) 2px 4px no-repeat; padding:0px 0 0 20px; text-decoration:underline; }
.rightJeuConcours .innerRightJeu p.champsObligJeuBrebis2 { color:#f98b01!important; font-size:12px; padding:30px 0 0 2px; }
input.btninputValider2 { width:76px; height:76px; background:url(images_JeuConcours/btnValiderJeu2.gif) left top no-repeat; margin:-15px 0 0 166px; cursor:pointer; }

.vignetteAmbassadeurs { width:416px; height:229px; background:url(images_JeuConcours/bgIllustrJeu2.jpg) 0px 0px no-repeat; padding:44px 30px 0 32px; }
.vignetteAmbassadeurs p.decouvrerInterview { width:277px; height:73px; color:#f98b01; padding:0 0 33px 0; _padding:0 0 20px 0; }
.vignetteAmbassadeurs p.gain4Sejours { width:270px; color:#0381d2; text-align:right; margin-left:135px; }

.txtConfirm2 { color:#f98b01; font-size:14px; padding:0 0 20px 0; }
p.lienRetourConfirm2 a { color:#0381d2!important; font-size:14px; background:url(images_JeuConcours/flecheOrange.gif) 2px 4px no-repeat; padding:0px 0 0 20px; text-decoration:none;}
p.lienRetourConfirm2 a:hover { color:#0381d2!important; font-size:14px; background:url(images_JeuConcours/flecheOrange.gif) 2px 4px no-repeat; padding:0px 0 0 20px; text-decoration:underline;}

td.ambassadeurLink { width:457px; height:27px; display:block; line-height:0px; font-size:0px; *padding-top:-1px; }
td.ambassadeurLink a { background:url(images_Ambassadeurs/ambassadeur.gif) 0px 0px no-repeat; width:457px; height:27px; display:block; }
td.ambassadeurLink a:hover { background:url(images_Ambassadeurs/ambassadeur.gif) 0px -27px no-repeat; height:27px; }

td.lesAmbassadeurs { background:#f98b01 url(images_Ambassadeurs/bgAmbassGauche.gif) 0px 0px no-repeat; width:457px; /*height:479px;*/ height:525px; /*height:535px;*/ vertical-align:top; }
td.lesAmbassadeurs p.rb-ttrtopRight { font:bold 20px Arial; color:#fff; text-transform:uppercase; margin:0px 0 0 0; padding:0 13px 0 0; text-align:right; }
td.lesAmbassadeurs p.rb-ttrtopRight span { font:bold 28px Arial; color:#fff; text-transform:uppercase; }
td.lesAmbassadeurs p.rb-traitBlanc { text-align:right; margin:0px 0 0 0; }
td.lesAmbassadeurs p.interviewAmbassadeurs { font:bold 15px Arial; color:#fff; text-transform:uppercase; margin:13px 0 25px 0; padding:0 0 0 20px; line-height:20px; }
td.lesAmbassadeurs p.interviewAmbassadeurs span { font:bold 20px Arial; }
td.lesAmbassadeurs p.conseils { font:bold 14px Arial; color:#fff; text-transform:uppercase; margin:0px 0 0px 0; padding:0 0 0 20px; line-height:22px; }
td.lesAmbassadeurs p.conseils span { font:bold 18px Arial; color:#fff; text-transform:uppercase; }
td.lesAmbassadeurs p.interview { font:normal 11px Arial; color:#fff; text-transform:uppercase; margin:0px 0 50px 0; padding:0 13px 0 161px; line-height:18px; }

.gabaritMenuAmbassadeur { position:relative; height:100%; }
.abusAlcool { position:absolute; right:-237px; bottom:-14px; *bottom:-2px; font-size:11px; color:#bdbdbd; font-style:italic; }

ul.listeAmbassadeurs { padding:12px 12px 0 60px; *padding:12px 12px 0 30px; list-style:none; }
ul.listeAmbassadeurs li { text-transform:uppercase; font-weight:bold; padding:0px 0 8px 0;  }
ul.listeAmbassadeurs li a { color:#fff; font-size:12px; padding:0 0 0 11px; background:url(images_Ambassadeurs/puceliensAmbass.gif) 0px 7px no-repeat; text-decoration:none; display:block;  }
ul.listeAmbassadeurs li a span { font-size:16px; }
ul.listeAmbassadeurs li a:hover, td.lesAmbassadeurs ul li a.active { color:#3c2004; background:url(images_Ambassadeurs/puceliensAmbass.gif) 0px -10px no-repeat; text-decoration:none; }

.rightpartAmbassadeurs { padding:0px 0 0 15px; }
.rightpartAmbassadeurs h2 { color:#f98b01; font-size:13px; text-transform:uppercase; padding:20px 0 10px 0; margin:0px; }
.rightpartAmbassadeurs h2 span { color:#f98b01; font-size:16px; }
.rightpartAmbassadeurs .intro { color:#966c42; font-size:12px; float:left; padding:0 15px 10px 0; margin:0px; width:228px; text-align:justify; line-height:14px; }
.rightpartAmbassadeurs .introLong { color:#966c42; font-size:12px; padding:0 15px 10px 0; margin:0px; text-align:justify; line-height:13px; }
.rightpartAmbassadeurs h3 { color:#3c2004; font-size:12px; background:url(images_Ambassadeurs/flecheOrange.gif) 2px 4px no-repeat; margin-bottom:0px; text-indent:20px; clear:both; }
.rightpartAmbassadeurs .lareponse { color:#3c2004; font-size:12px; line-height:15px; padding:0px 0px 0 0; /*padding:0px 9px 0 0;*/ margin:0px; text-align:justify; }
.rightpartAmbassadeurs .margereponse1 { padding-right:9px; }
.rightpartAmbassadeurs .suiteInterview { text-align:right; width:110px; float:right; margin:15px 6px 0 0; display:block; }
.rightpartAmbassadeurs .suiteInterview a { background:url(images_Ambassadeurs/flecheSuite.gif) 100% 50% no-repeat; color:#0381d2!important; padding:0 25px 0 0; font-size:12px; font-weight:bold; text-transform:uppercase; text-decoration:none; display:block;  }
.rightpartAmbassadeurs .suiteInterview a span { font-size:16px; }
.rightpartAmbassadeurs .retour { width:110px; margin:15px 0 0 0; display:block; }
.rightpartAmbassadeurs .retour a { background:url(images_Ambassadeurs/flecheRetour.gif) 0% 50% no-repeat; color:#0381d2!important; padding:0 0 0 25px; font-size:12px; font-weight:bold; text-transform:uppercase; text-decoration:none; display:block;  }
.rightpartAmbassadeurs .retour a span { font-size:16px; }

.nobgWrapper, .nobgFooter { background-image:none!important; }
.centrerPhoto { text-align:center; padding-top:15px; *padding-top:0px; }

#slideshow { /*margin:0 auto;*/ width:443px; height:325px; background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0; position:relative; z-index:10; }
#slideshow #slidesContainer { margin:0 auto; width:443px; height:325px; overflow:auto; /* affiche une scrollbar au cas ou */ position:relative; }
#slideshow #slidesContainer .slide { margin:0 auto; width:443px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */ height:325px; }

/*** Slideshow controls style rules. */
.control { display:block; width:39px; height:325px; text-indent:-10000px; position:absolute; cursor: pointer; }
#navDiapo {	display:block; width:20px; height:20px;	position:absolute; right:25px; bottom:10px;	cursor:pointer; }
#leftControl { top:220px; /*top:335px;*/ left:1px; width:100px; height:24px; background:transparent url(images_Ambassadeurs/retourInterview.gif) no-repeat 0 0; z-index:100; }
#leftControl:hover { background:transparent url(images_Ambassadeurs/retourInterview.gif) no-repeat 0 -42px; }
#rightControl { /*top:335px;*/ top:265px; right:1px; width:100px; height:24px; background:transparent url(images_Ambassadeurs/btn-suiteInterview.gif) no-repeat 0 0 ; }
#rightControl:hover { background:transparent url(images_Ambassadeurs/btn-suiteInterview.gif) no-repeat 0 -42px ; }
.alignTopRetour { top:148px!important; }
.alignBottomSuite { top:343px!important; }