@import url(https://fonts.googleapis.com/css?family=Oswald:300);

body{ background:url(../images/bg_journal.jpg) center top no-repeat #2d2d2d; font-family:"Times New Roman", Times, serif; font-size:11px; color:#000; }

.t15{ font-size:15px; }
.t16{ font-size:16px; font-weight:bold; }
.t18{ font-size:20px; font-weight:bold; }
.t20{ font-size:20px; }
.t22{ font-size:22px; font-weight:bold; }
.t24{ font-size:22px; color:#5e5e5e; }
.t32{ font-size:32px; font-weight:bold; }
.t40{ font-size:40px; font-weight:bold; text-transform:uppercase; }
.tNouvelle{ width:200px; min-height:85px; text-align:left; }
.tInfolettre{ text-align:center; font-size:30px; margin-top:30px; font-weight:bold; }
.l18{ line-height:18px; }

.h1Big{ font-size:61px; font-weight:normal; background:url(../images/bg_titre.gif) center top repeat-x; height:69px; }
	
p{ margin:15px 0; text-align:justify; }
a{ color:#000; }

/***HEADER*********************/

#header{ margin:0 auto; position:relative; width:1060px; height:248px; background:url(../images/bg_header.jpg) right top no-repeat; }
#header .connexion{ font-weight:bold; font-size:12px; text-decoration:none; position:absolute; top:10px; right:40px; color:#000; }
#header .connexion:hover{ text-decoration:underline; }
#header .langue{ position:absolute; top:28px; left:290px; font-size:12px; font-weight:bold; }
#header .langue a{ color:#000; text-decoration:none; }
#header .langue a:hover{ text-decoration:underline; }
#header .crieur{ font-weight:bold; font-size:24px; text-decoration:none; position:absolute; top:45px; left:290px; }
#header .date{ font-weight:bold; font-size:12px; text-decoration:none; position:absolute; top:50px; right:60px; }
#header .pppc{ font-weight:bold; font-size:12px; text-decoration:none; position:absolute; width:96px; height:47px; top:80px; right:56px; display:block; background:url(../images/pppc.png) 0 0 no-repeat; }


#header2015{ margin:0 auto; position:relative; width:1060px; height:248px; background:url(../images/bg_header2015.jpg) right top no-repeat; font-family: 'Oswald', sans-serif; font-size: 14px;}
#header2015 .connexion{ font-weight:bold; font-size:14px; text-decoration:none; position:absolute; top:28px; right:425px; color:#fff; }
#header2015 .langue{ position:absolute; top:28px; right:330px; font-size:14px; font-weight:bold; color: #ca9212; }
#header2015 .langue a{ color:#ca9212; text-decoration:none; }
#header2015 .facebook{ display:block; position:absolute; top: 20px; right: 380px;}
#header2015 .pppc{ font-weight:bold; font-size:12px; text-decoration:none; position:absolute; width:96px; height:47px; top:14px; right:220px; display:block; background:url(../images/pppc_2015.png) 0 0 no-repeat; }


#contactHeader{ position:absolute; font-family:Verdana, Geneva, sans-serif; bottom:30px; left:60px; text-align:center; width:948px; font-size:13px; }

#menu{ width:947px; padding:0; list-style:none; position:absolute; bottom:0; left:60px; background:#000; }
#menu li{ display:block; float:left; }
#menu li+li{ border-left:1px solid #fff; }
#menu li a{ padding:10px 0; background:#000; color:#fff; display:block; text-decoration:none; font-size:16px; font-weight:bold; text-align:center; }
#m1{ width:78px; }
#m2{ width:220px; }
#m3{ width:100px; }
#m4{ width:180px; }
#m5{ width:173px; }
#m6{ width:190px; }
/*#menu li+li a{ padding-left:12px; }*/
#menu li a:hover{ background:#ffd800; color:#000; }
#menu li a.cahier:hover{ background:#000; color:#ffd800; }


/*****PAGE*************************/

#page{ position:relative; width:1036px; min-height:500px; margin:0 auto; padding:12px 0; background:url(../images/bg_page.png) 0 0 repeat-y; }

#innerPage{ position:relative; width:940px; min-height:500px; border:4px solid #000; margin:0 48px; }

#contenu{ width:740px; padding:15px 10px 100px 10px; margin-bottom:30px; float:left; background:url(../images/bas.png) center bottom no-repeat; }

.contenu{ width:740px; }


/*****ACCUEIL*********************/
#contenuAccueil{ width:740px; padding:15px 10px 100px 10px; margin-bottom:30px; float:left; background:url(../images/bas.png) 180px bottom no-repeat; }
#accueil01{ position:relative; border:1px dashed #000; min-height:270px; margin-bottom:30px; }

#accueil01 > div{ padding:30px 10px 0 350px; }
#plus01{ padding-left:140px; text-align:right; }
#cadre{ position:absolute; left:5px; top:13px; }
#imageCadre{ position:absolute; left:23px; top:39px; }
#ciseaux{ position:absolute; bottom:-15px; left:0; }

#accueil02{ position:relative; border-right:2px solid #000; width:400px; background:url(../images/bg_groupement.png) 0 0 no-repeat; padding:135px 12px 2px 6px; }

#accueil03{ position:relative; border-right:2px solid #000; width:400px; background:url(../images/bg_nouvelles.png) 0 0 no-repeat; padding:67px 12px 20px 6px; }
#lienAccueil03{ background:url(../images/fleche.png) left center no-repeat; padding-left:15px; font-size:18px; font-weight:bold; width:140px; display:block;  text-decoration:none; margin-left:245px; }
#lienAccueil03 span{ background:#ffd800; padding:5px 0; margin-left:5px; text-align:center; display:block; }
#leinAccueil03:hover span{ background:#fff; }

#accueil04{ position:relative; border-right:2px solid #000; width:400px; background:url(../images/bg_cahier.png) 0 0 no-repeat; padding:0 12px 2px 6px; min-height:294px; }


.dateNouvelle{display:block; margin-top:20px; margin-bottom:40px; font-weight:bold; }

#outilCahier{ margin: 20px 0 20px 287px; width:114px; height:97px; background:url(../images/outilCahier.png) 0 0 no-repeat; }

#accueil04 .lien1{ background:#ffd800; color:#000; border:1px solid #000; border-radius:3px; display:block; width:98px; padding:5px 6px; text-decoration:none; text-align:center; margin:0 0 20px 287px; font-weight:bold; font-size:14px; line-height:14px; }

#accueil04 .lien2 { font-size:12px; color:#000000; margin:0 0 0px 287px;}

#accueil05{ background:url(../images/bg_slider.png) 0 0 no-repeat; padding:35px 0 10px 0; width:310px; }

#villes{position:relative; float:right; border-left:4px solid #000; /*border-bottom:4px solid #000;*/ width:176px; padding-top:287px; background:url(../images/nos_membres.png) 0 0 no-repeat; }

#villes ul{ padding:0; overflow:hidden; list-style:none; height:1200px; margin:0; width:176px; }
#villes li{ width:176px; height:30px; text-align:center; cursor:default; margin:0; }
#villes li span{ padding-top:4px; display:block; border-top:2px solid #c1c1c1; font-size:16px; font-weight:bold; }

#sliderInfolettre{ padding:0; overflow:hidden; list-style:none; height:340px; margin:0 auto; width:260px; }
#sliderInfolettre li{ width:260px; height:340px; display:block; text-align:center; cursor:default; margin:0; }

.bx-pager{ margin-top:30px; text-align:center; padding:0 40px; }
.pager-link{ display:block; background:url(../images/slider.png) 0 0 no-repeat; height:19px; width:18px; float:left; margin:0 8px; text-indent:-9999px; }
.pager-active{ background-position:0 -19px; }

.infolettreGris{ background:#c1c1c1; font-size:12px; font-weight:bold; padding:06px 2px; text-align:center; margin:0; }
.infolettreJaune{ background:#ffd800; font-size:12px; font-weight:bold; padding:06px 2px; text-align:center; margin:0; }

#accueil06{ padding:16px; border-top:2px solid #000; }

#basJaune{ border:2px solid #000; padding:6px 8px; margin:20px 0; font-size:32px; font-weight:bold; background:url(../images/mainBig.png) right center no-repeat #ffd800;  }
#basJaune span{ font-size:24px; color:#fff; font-weight:normal; background:#000; display:block; padding:3px 6px; margin-left:113px; margin-top:1px; width:420px; }

/******SERVICES***********************/

#contenuServices{ width:940px; padding:15px 0 100px 0; margin-bottom:30px; float:left; background:url(../images/bas.png) center bottom no-repeat; }
#contenuServices #accueil01{ margin-left:10px; }

#serviceInfo{ position:absolute; top:33px; right:15px; width:160px; font-size:16px; font-weight:bold; background:#ffd800; padding:12px 3px; text-align:center; text-transform:uppercase; margin:0;  }

#topServices{ background:url(../images/service.png) right bottom no-repeat; min-height:500px; border-bottom:5px solid #000; position:relative; }
#topServices .t1{ font-size:63px; position:absolute; bottom:89px; left:10px; letter-spacing:0.02em; }
#topServices .t2{ font-size:24px; color:#837f7f; position:absolute; bottom:65px; left:197px; letter-spacing:0.03em; }

.services01, .services02{ padding:0 20px 0 20px;  border-bottom:5px solid #000; }
.services01 .t1, .services02 .t1{ font-size:26px; font-weight:bold; } 
.services01 .t2, .services02 .t2{ font-size:36px; font-weight:bold; display:block; margin-top:4px; padding:3px 0 4px 0; text-align:center; }
.services01 .pTitre, .services02 .pTitre{ background:url(../images/bg_titre2.gif) center bottom repeat-x; padding-bottom:13px; }
.services01 p, .services02 p, .services03 p{ font-size:16px; }
#services011{ border-right:1px solid #000; padding-right:17px; padding-bottom:50px;  width:270px; float:left; }
#services012{ float:right; }
#services012 div{ width:270px; float:left; }
#services012 ul{ margin-top:15px; }
#services012 ul li{ font-size:16px; margin-bottom:8px; list-style-image:url(../images/puce.png); }

#services021{ border-right:1px solid #000; padding-right:17px; height:405px;  width:270px; float:left; }
#services022{ border-right:1px solid #000; padding-right:17px; padding-left:17px; height:405px;  width:270px; float:left; }
#services023{ padding-left:17px; height:405px;  width:290px; float:left; }

.services03{ padding:0 20px 0 445px;  border-bottom:5px solid #000; background:url(../images/bas_service.png) left bottom no-repeat; height:305px; position:relative; margin-bottom:20px; }
.services03 .bulle{ height:80px; width:150px; text-align:center; font-size:16px; top:16px; left:254px; position:absolute; }
.services03 .pTitre{ background:url(../images/bg_titre_noir.gif) center bottom repeat-x; padding-bottom:13px; margin-top:0; padding-top:20px; }
.services03 .t1{ font-size:26px; font-weight:bold; } 
.services03 .t2{ font-size:29px; font-weight:bold; display:block; margin-top:4px; padding:3px 0 4px 0; text-align:center; color:#fff; }
.services03 ul{ float:left; width:180px; font-size:16px; margin-left:50px; }
.services03 ul li{ margin-bottom:6px; list-style-image:url(../images/puce.png); }

/******AIDE ET INFORMATION*********/

#contenuAide{ width:920px; padding:15px 10px 100px 10px; margin-bottom:30px; float:left; background:url(../images/bas.png) center bottom no-repeat; }

.stitre1{ width:460px; font-size:16px; float:left;  margin-top:5px;  }
.stitre2{ width:440px; font-size:16px; border-left:2px solid #000; float:right; padding-left:15px; margin-top:5px; }

#pleinInfo{ position:absolute; top:33px; right:15px; width:160px; padding-bottom:320px; background:url(../images/pompe.png) center bottom no-repeat; }
#pleinInfo p{ font-size:16px; font-weight:bold; background:#ffd800; padding:6px 3px; text-align:center; text-transform:uppercase; margin:0; }

#imgAide{ padding:10px; border:1px solid #000; margin:8px 0; }

#contenuAide #accueil03{ position:relative; border-right:2px solid #000; width:440px; background:url(../images/bg_nouvelles2.png) 0 0 no-repeat; padding:67px 20px 20px 6px; }
#accueil03 p.t15{ line-height:18px; }

#sliderNouvelle{ padding:0; overflow:hidden; list-style:none; height:296px; margin:0; width:440px; }
#sliderNouvelle li{ width:438px; height:294px; display:block; text-align:center; cursor:default; margin:0; border:1px solid #000; }

#contenuAide .bx-pager{ margin-top:5px; text-align:center; float:right; padding:0; }
#contenuAide .pager-link{ display:block; background:url(../images/slider2.gif) 0 0 no-repeat; height:8px; width:8px; float:left; margin:0 3px; text-indent:-9999px; padding:0; }
#contenuAide .pager-active{ background-position:0 -8px; }

#outerArchives{ padding:10px 0; border:2px solid #000; border-right:none; border-left:none; margin-top:20px; }
#innerArchives{ padding:10px; background:#000; }
#innerArchives span{ color:#ffd800; font-size:30px; font-weight:bold; display:block; }
#innerArchives select{ color:#ffd800; margin-top:5px; padding:5px 3px; width:300px; color:#000; }

#aide01{ border:1px solid #000; margin-top:30px; }
#aide01 .titre{ background:#ffd800; font-size:30px; font-weight:bold; text-align:center; padding:4px 0; border-bottom:1px solid #000; margin:0; }
#aide01 ul{ list-style-image:url(../images/puce_jaune.gif); margin:20px 0 20px 30px; }
#aide01 ul li{ margin-bottom:4px; }
#aide01 div{ font-size:16px; font-weight:bold; padding:11px 110px 11px 4px; border-top:1px solid #000; margin:0; background:url(../images/main.gif) right center no-repeat #ffd800; line-height:24px; }
#aide01 div a{ font-size:22px; padding:1px 8px; color:#fff; text-decoration:none; background:#000; }

#aide02{ background:url(../images/top_calendrier.png) center top no-repeat; margin-top:10px; padding-bottom:1px; padding-top:100px; }
#topCalendrier{ background:#c1c1c1; border:2px solid #000; border-top:none; border-bottom:none; text-align:center; font-size:25px; font-weight:bold; height:60px; }
#topCalendrier span{ font-size:22px; }
#calendrier{ border:2px solid #000; background:url(../images/bg_calendrier.jpg) right bottom no-repeat; padding:35px 22px 100px 22px; }
#aide02 a{ background-color:#ffd800; color:#000; text-decoration:none; font-size:18px; font-weight:bold; padding-top:3px; padding-bottom:3px; display:block; width:60px; }
.bx-prev{ background:url(../images/fleche2.png) 5px center no-repeat; padding-left:20px; padding-right:2px; position:absolute; left:0; margin-top:50px; text-align:center; }
.bx-next{ background:url(../images/fleche.png) 65px center no-repeat; padding-right:20px; padding-left:2px; position:absolute; right:0; margin-top:50px; text-align:center; }
#calendrier span{  background:#ffd800; color:#000; font-size:22px; font-weight:bold; padding:2px 12px; }
#calendrier ul ul{ list-style-image:url(../images/puce_grise.gif); font-size:16px; line-height:20px; margin:20px 0 50px 17px; }
#calendrier ul ul li{ margin-bottom:17px; }

#aide03{ background:url(../images/bg_bas_aide.png) center top no-repeat; margin-bottom:60px; padding-bottom:1px; width:434px; }
#aide03 .titre{ font-size:27px; font-weight:bold; text-transform:uppercase; text-align:center; padding:50px 0 0 0; margin:0; }
#aide03 a{ background:#ffd800; color:#000; text-decoration:none; font-size:24px; font-weight:bold; padding:2px 12px; display:block; width:120px; margin:30px auto; }


/*******CONTACT*****************/

#contenuContact{ width:920px; padding:15px 10px 100px 10px; margin-bottom:30px; float:left; background:url(../images/bas.png) center bottom no-repeat; }

#contactInfo{ position:absolute; top:33px; right:15px; width:160px; padding-bottom:260px; background:url(../images/telephone.png) center bottom no-repeat; }
#contactInfo p{ font-size:18px; font-weight:bold; background:#f00; color:#fff; padding:6px 3px; text-align:center; text-transform:uppercase; margin:0; }

#contact01{ margin-top:30px; }
#contact01 ul{ /*list-style-image:url(../images/puce_rouge.gif); list-style-position:inside;*/ list-style:none; font-weight:bold; font-size:16px; float:right; margin:20px 0 0 0; }
#contact01 ul li{ margin-bottom:4px; padding-bottom:10px; padding-top:10px; float:left; width:168px; padding-left:12px; line-height:18px; display:block; background:url(../images/puce_rouge.gif) 0 16px no-repeat; }
#contact01 ul li+li{ padding-left:20px; border-left:1px solid #f00; background-position:8px 16px; }
#contact01 ul li span{ font-size:14px; }

#outerMap{ border:2px solid #000; padding:5px; margin:20px 0 30px 18px; width:879px; position:relative; }
#outerMap div{ border:2px solid #000; width:875px; }

#outerMap #bordureDecalee{ position:absolute; width:1px; height:480px; left:-18px; top:-60px; border:none; background:#000; }

.acc_trigger{ background:#bfbfbe; padding:5px 10px; position:relative; font-size:16px; margin-bottom:5px; height:22px; }
.acc_trigger span{ padding-left:30px; line-height:22px;  }
.acc_container{ background:#f1f1f1; padding:0; font-weight:bold;  margin-bottom:5px; }
.tPlus{ display:block; height:22px; width:22px; background:url(../images/bt_panneau.gif) 0 0 no-repeat; position:absolute; left:10px; top:5px; }
.active .tPlus{ background:url(../images/bt_panneau.gif) 0 -22px no-repeat; }

.acc_container table{ margin:0; }
.acc_container table td{ text-align:left; line-height:16px; padding-top:7px; padding-bottom:7px; }
.tdVide{ color:#f00; font-size:18px; width:890px; text-transform:uppercase; }
.tdVille{ color:#f00; font-size:18px; width:205px; text-transform:uppercase; }
.tdCompagnie{ color:#000; font-size:16px; width:269px; background:url(../images/puce_compagnie.gif) 0 11px no-repeat; padding-left:16px; }
.tdAdresse{ color:#000; font-size:16px; width:260px; }
.tdTel{ color:#000; font-size:16px; width:140px; }
.tdTel span{ color:#f00; }

.block{ position:relative; padding:15px; }
.navLettres{ position:absolute; top:-30px; right:15px; }
.btLettres{ display:block; float:right; background:#fff; color:#f00; font-size:18px; font-weight:bold; text-decoration:none; padding:4px 6px; margin-left:5px; }





#demandeInfo{ position:relative; border:1px solid #000; margin-top:40px; }
#corner01{ position:absolute; top:-7px; left:-6px; background:url(../images/corner01.png) 0 0 no-repeat; width:44px; height:40px; }
#corner02{ position:absolute; top:-6px; right:-7px; background:url(../images/corner02.png) 0 0 no-repeat; width:40px; height:44px; }
#corner03{ position:absolute; bottom:-7px; right:-6px; background:url(../images/corner03.png) 0 0 no-repeat; width:44px; height:40px; }
#corner04{ position:absolute; bottom:-6px; left:-7px; background:url(../images/corner04.png) 0 0 no-repeat; width:40px; height:44px; }

#demandeInfo h1{ text-align:center; font-weight:normal; border-bottom:2px solid #000; }
#demandeInfo form{ padding:0 0 0 13px; }
#demandeInfo .bloc1{ float:left; }
#demandeInfo .bloc2{ float:left; margin-left:30px; padding-bottom:13px; }
#demandeInfo .bloc3{ float:right; border-left:1px solid #000; width:280px; text-align:right; padding:10px 0 26px 0; }
#demandeInfo label{ font-size:12px; margin-top:13px; }
#demandeInfo .ch01{ width:200px; font-size:12px; padding:4px 3px; border:1px solid #000; display:block; margin-top:6px; }
#demandeInfo textarea{ width:350px; height:132px; resize:none; font-size:12px; padding:4px 3px; border:1px solid #000; display:block; margin-top:6px; }
#demandeInfo .bt{ float:right; }

#demandeInfo .nom{ background:#f00; color:#fff; font-size:30px; font-weight:bold; padding:0 5px; }
#demandeInfo .adresse1{ font-size:18px; text-align:right;  margin:4px 0; }
#demandeInfo .adresse2{ font-size:24px; font-weight:bold; margin-top:20px; text-align:right;  }
#demandeInfo .adresse2 span{ font-size:18px;  }
#demandeInfo a{ background:#bfbfbe; color:#000; text-decoration:none; text-transform:uppercase; font-size:14px; font-weight:bold; padding:0 5px; }


/***FORCE DES MEMBRES***************/

.h1Big span.stitre{ font-size:42px; background:#fff; float:right; margin-top:-7px; padding-left:6px; display:block; }
.h1Big p.t18{ width:434px; letter-spacing:normal; text-align:left; font-size:18px; }

#forceInfo{ position:absolute; top:33px; right:15px; width:160px; padding-bottom:325px; background:url(../images/force.png) center bottom no-repeat; text-transform:uppercase; font-size:15px; text-align:right; }
#forceInfo div{ background:#ffd800; padding:6px 7px; margin:0; }
#forceInfo p{ text-align:right; margin:0; }
#forceInfo span{ font-size:72px; float:left; margin-top:-70px; font-weight:bold; }

.texte2cols{ font-size:18px; }
.texte2cols p.p1{ float:left; width:434px; }
.texte2cols p.p2{ float:right; width:434px; margin-left:50px; }

#force03{ background:url(../images/bg_bas_aide.png) center top no-repeat; margin-top:30px; padding-bottom:1px; width:434px; }
#force03 .titre{ font-size:25px; font-weight:bold; text-transform:uppercase; text-align:center; padding:50px 0 0 0; margin:0; }
#force03 a{ background:#ffd800; color:#000; text-decoration:none; font-size:24px; font-weight:bold; padding:2px 12px; display:block; width:120px; margin:30px auto; }

#force02{ background:url(../images/top_temoignages.png) center top no-repeat; margin-top:10px; padding-bottom:1px; padding-top:94px; }
#topTemoignages{ background:#c1c1c1; border:2px solid #000; border-top:none; border-bottom:none; text-align:center; font-size:25px; font-weight:bold; margin-left:11px; width:407px; padding:7px 0; }
#topTemoignages span{ font-size:22px; }
#temoignages{ border:2px solid #000; padding:2px 22px 36px 22px; margin-left:11px; margin-right:12px; }
#force02 a{ background-color:#ffd800; color:#000; text-decoration:none; font-size:18px; font-weight:bold; padding-top:3px; padding-bottom:3px; display:block; width:60px; }
#temoignages span{  font-size:16px; font-weight:bold; margin:20px 0 30px 0; text-align:center; display:block; }
#temoignages p{  font-size:16px; font-style:italic; text-align:center;  }
#temoignages .bx-prev{ background:url(../images/fleche2.png) 5px center no-repeat #ffd800; padding-left:20px; padding-right:2px; position:absolute; left:0; margin-top:0; text-align:center; }
#temoignages .bx-next{ background:url(../images/fleche.png) 65px center no-repeat #ffd800; padding-right:20px; padding-left:2px; position:absolute; right:0; margin-top:0; text-align:center; }

#tele{ text-align:center; position:relative; height:430px; }
#loginTele{ position:absolute; color:#fff;  font-size: 15px;  padding: 60px;  position: absolute; text-align: left; }
#loginTele label{ font-weight:bold; }
#loginTele input[type=submit]{ color:#000; background:#ffd800; border:none; font-weight:bold; padding:2px; }

#force04{ background:#000; height:280px; margin:40px 0; }
#force04 div{ float:left; }
#force04 h2{ font-size:24px; fotn-weight:bold; color:#fff; width:400px; margin:40px 0 0 50px; text-transform:uppercase; }
#force04 span{ font-size:18px; font-weight:bold; display:block; padding:4px 6px 4px 50px; width:170px; background:#ffd800; margin:26px 0; }
#force04 p{ color:#fff; font-size:14px; font-weight:bold; width:225px; margin-left:50px; line-height:18px; }
#force04 img{ float:right; }

#force05{ padding:0 8px; font-size:16px; margin-top:45px; line-height:18px; }

#force06{ width:414px; font-size:16px; padding:0 10px; margin-top:45px; line-height:18px; }

.texte2cols ul{ float:left; width:180px; font-size:16px; margin-left:27px; }
.texte2cols ul li{ margin-bottom:6px; list-style-image:url(../images/puce.png); }


/***POP UP*********************/

#mask{ background-color: #000; height: 100%; width:100%;  opacity: 0.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; display:none; }
.popUp{ background:#313131; display:none; position:fixed; top:50%; left:50%; margin:-200px 0 0 -300px; font-size:12px; color:#000; }
.popUp div.inner{ position:relative; width:600px; height:450px; }
.topPopUp{ background:#ffd800; color:#000; font-size:20px; font-weight:bold; text-align:center; padding:8px 12px; }
.popUp img{ position:absolute; bottom:0; right:-115px; }
.popUp label{ font-size:15px; color:#fff; text-transform:uppercase; display:block; margin-bottom:4px; }
.popUp form{ padding:10px 40px; }
.popUp .champTexte{ padding:6px; width:230px; }
.popUp .btPopUp{ background:#fff; border:none; font-family:"Times New Roman", Times, serif; padding:5px; margin-top:5px; cursor:pointer; } 

#popUpConnexion{ background:#313131; display:none; position:fixed; top:50%; left:50%; margin:-70px 0 0 -150px; height:140px; width:300px; }
#popUpConnexion a{ float:left; display:block; padding:10px; background:#ffd800; font-size:14px; text-decoration:none; margin:30px 0 0 52px; font-weight:bold; }
#popUpConnexion a:hover{ background:#fff; }

#copyright{  background:url(../images/copyright.png) 0 0 no-repeat; width:17px; height:464px; text-indent:-9999em; position:absolute; bottom:50px; left:-25px; }