body {
margin:0;
padding:0;
width:800px;
overflow-x:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
background:#5f005f;
color:#fff;
}
body#accueil {
background:#5f005f url(../img/jeu/fdAccueil.jpg) 0 0 no-repeat;
color:#000;
}
/* RTE + generiques */
.align-justify {text-align:justify;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-left {text-align:left;}
.clear {
clear:both;
width:99%;
height:0;
overflow:hidden;
}
.yellow {
color:#ffe60f;
}
#accueil #contenu {
padding:80px 0 0 190px;
}
#contenu .accueil {
padding:0 0 0 15px;
height:271px;/*351-80*/
}
#contenu .accueil h1 {
width:370px;
margin:0 0 15px;
padding:0;
font-size:2.35em;
}
#contenu .accueil p {
margin:0 0 15px;
padding:0 40px 0 0;
font-size:1.3em;
}
#contenu .accueil p a {
font-size:0.8em;
display:inline-block;
height:21px;
padding:2px 0 0 23px;
background:url(../img/jeu/fdLienAccueil.png) 0 0 no-repeat;
color:#000;
}
/* Boutons accueil */
ul#boutons {
margin:0;
padding:0;
list-style:none;
height:126px;
}
ul#boutons li {
margin:0;
padding:0;
float:left;
height:86px;
}
ul#boutons li a {
display:block;
color:#000;
text-decoration:none;
font-weight:bold;
font-size:1.15em;
}
ul#boutons li a:hover {
color:#5f005f;
}
ul#boutons li.envoyer a {
background:url(../img/jeu/fdBouton1.png) 0 0 no-repeat;
padding:36px 0 0 103px;
width:188px;/*291-103*/
height:50px;/*86-36*/
}
ul#boutons li.voir {
padding:0 0 0 12px;
}
ul#boutons li.voir a {
background:url(../img/jeu/fdBouton2.png) 0 0 no-repeat;
padding:36px 5px 0 95px;
width:183px;/*283-95-5*/
height:50px;/*86-36*/
}
#footerAccueil {
color:#ffe60f;
padding:10px 44px;
}
#footerAccueil h2 {
font-weight:normal;
text-decoration:underline;
font-size:1em;
margin:0;
padding:0 0 10px;
}
#footerAccueil p {
margin:0;
padding:0 0 5px;
font-size:0.9em;
}

/* PAGES INTERNES */
h1#bando {
margin:0;
padding:35px 225px 0 275px;
height:93px;/*128-35*/
color:#000;
font-size:2.35em;
background:url(../img/jeu/fdBando.png) 0 0 no-repeat;
}
/* Onglets */
ul#onglets {
margin:0;
padding:0 0 0 100px;
list-style:none;
height:32px;
background:#ffe60f;
text-align:center;
color:#000;
}
ul#onglets li {
display:block;
width:200px;
height:32px;
float:left;
}
ul#onglets li a {
display:block;
width:200px;
padding:6px 0 0;
height:26px;/*32-6*/
background:url(../img/jeu/onglet.png) 0 0 no-repeat;
color:#000;
text-decoration:none;
font-size:1.3em;
}
ul#onglets li a:hover {
font-weight:bold;
}
ul#onglets li h2 {
width:200px;
margin:0;
padding:6px 0 0;
font-size:1.3em;
height:26px;/*32-6*/
background:url(../img/jeu/ongletAct.png) 0 0 no-repeat;
}
/* Contenu pages internes */
#contenuInt {
margin:10px 44px;
width:712px;/*800-88*/
}
#contenuInt h3 {
margin:0;
padding:0 0 12px;
font-size:1.15em;
font-weight:normal;
}
#contenuInt p {
margin:0;
padding:0 0 8px;
}
form.jeu {
margin:0;
padding:0;
position:relative;
}
form.jeu a {
color:#ffe60f;
}
form.jeu h4 {
color:#ffe60f;
font-size:1.1em;
margin:0;
padding:0 0 10px;
}
#contenuInt form.jeu p {
padding:0 0 4px;
}
form.jeu p.req {
position:absolute;
font-size:0.9em;
right:0;
}
form.jeu label,
form.jeu input,
form.jeu select {
vertical-align:middle;
}
form.jeu label {
display:inline-block;
}
form.jeu label.lbG {
width:85px;
}
form.jeu label.lbD {
padding-left:15px;
width:130px;/*145-15*/
}
form.jeu label.lbG2 {
width:230px;
}
form.jeu input,
form.jeu select {
color:#000;
border:1px solid #000;
width:150px;
font-size:1em;
}
form.jeu input.file {
width:auto;
}
form.jeu input.submit,
form.jeu input.chk {
border:0;
width:auto;
margin:0 3px 0 0;
}
form.jeu img#savoirITE {
float:right;
margin:0 20px 0 0;
}
form.jeu span.aucasou {
font-size:0.8em;
}
form.jeu input.submit {
border:0;
width:auto;
margin:5px 0;
}
#contenuInt form.jeu p.capG {
display:inline-block;
vertical-align:middle;
width:450px;
}
form.jeu .captcha input {
width:80px;
}
form.jeu .captcha img {
vertical-align:middle;
width:100px;
height:36px;
}
div.infosLib {
font-size:0.9em;
}
#contenuInt div.infosLib h3 {
color:#ffe60f;
padding:0 0 6px;
font-weight:bold;
}
#contenuInt div.infosLib p {
margin:0;
padding:0 0 2px;
}
/* GALERIE */
div.gauche,
form.droite {
float:left;
width:356px;
}
div.gauche h4 {
color:#ffe60f;
font-size:1.1em;
margin:0;
padding:0 0 13px;
}
form.droite {
margin:0;
padding:0;
text-align:right;
}
form.droite label {
color:#ffe60f;
font-weight:bold;
font-size:1.1em;
display:inline-block;
margin:0;
padding:0 3px 0 0;
}
form.droite select {
border:1px solid #000;
}
ul#galerie {
margin:15px 0 0;
padding:0;
list-style:none;
}
ul#galerie li {
margin:0 4px 8px;
background:#b797bc url(../img/jeu/basLiGal.png) 0 100% no-repeat;
padding:0 0 10px;
display:block;
float:left;
width:227px;
color:#000;
}
ul#galerie li div.bg {
background:url(../img/jeu/hautLiGal.png) 0 0 no-repeat;
padding:10px 0 0;
}
ul#galerie li div.img {
margin:0 6px 10px 5px;
position:relative;
}
ul#galerie li div.img img {
border:1px solid #ffe60f;
}
ul#galerie li div.img img.zoom {
border:0;
position:absolute;
top:94px;
left:192px;
}
#contenuInt ul#galerie li p {
margin:0 6px;
padding:0;
}
#contenuInt ul#galerie li a.votez {
display:block;
width:113px;
margin:20px auto 3px;
cursor:pointer;
}
#contenuInt ul#galerie li a.amis {
display:block;
text-align:center;
color:#000;
text-decoration:none;
}
#contenuInt ul#galerie li a.amis:hover {
text-decoration:underline;
}
ul.browse {
margin:7px 0 50px;
padding:0;
list-style:none;
text-align:center;
}
ul.browse li {
display:inline-block;
width:235px;
}
ul.browse li.prec {
text-align:right;
}
ul.browse li.suiv {
text-align:left;
}
ul.browse li a {
color:#ffe60f;
text-decoration:underline;
}
ul.browse li a:hover {
text-decoration:none;
}
/* PAGE MERCI */
.merci {
font-size:1.15em;
padding:5px 0;
}

/* POPUP Form VOTE */
.formVote {
width:410px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.95em;
background:#fff;
}
.formVote .tx-srfreecap-pi2-cant-read,
.formVote .tx-srfreecap-pi2-cant-read a {
color:#000;
}
.formVote .tx-srfreecap-pi2-cant-read a {
text-decoration:underline;
}
.formVote p {
margin:0;
padding:0 0 5px;
}
.formVote h1,
.formInvit h1 {
margin:0;
padding:5px 0 10px;
font-size:1.5em;
}
.formVote p.req,
.formInvit p.req {
float:right;
}
.formVote p.close,
.formInvit p.close {
margin:0;
padding:0;
text-align:right;
}
.formVote p.close a,
.formInvit p.close a {
padding:0 10px 0 0;
font-size:0.9em;
color:#000;
text-decoration:underline;
background:url(../img/jeu/xClose.png) 100% 4px no-repeat;
}
.formVote p.close a:hover,
.formInvit p.close a:hover {
text-decoration:none;
}
.formVote .contenu {
width:390px;
margin:5px auto;
}
.formVote .img img {
display:block;
border:1px solid #ffe401;
margin:0 0 10px;
}
.formVote .form label,
.formInvit .form label {
vertical-align:middle;
display:inline-block;
font-size:1.1em;
}
.formVote .form label.lbMail {
width:80px;
}
.formVote .form input,
.formInvit .form input {
border:1px solid #7f7f7f;
font-size:1em;
vertical-align:middle;
width:80px;
}
.formVote .form input.mail {
width:150px;
}
.formVote .form img {
vertical-align:middle;
width:100px;
height:36px;
}
.formVote .form .divCaptcha {
display:inline;
}
.formVote .form input.submit,
.formInvit .form input.submit {
border:0;
width:auto;
display:block;
margin:10px auto;
cursor:pointer;
}
/* INVITATION */
.formInvit {
width:675px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:0.95em;
background:#fff;
}
.formInvit .contenu.invit {
width:660px;
margin:5px auto;
}
.formInvit h2 {
margin:0;
padding:10px 0;
font-size:1.2em;
color:#5f005f;
}
.formInvit .contenu.invit .form label {
padding:0 10px;
}
.formInvit .contenu.invit .form label.moi {
width:55px;
}
.formInvit .contenu.invit .form input {
width:140px;
}
.formInvit .contenu.invit .form input.submit {
width:auto;
margin:20px auto 0;
}
/* MERCI */
div.merci {
padding:20px 0;
font-size:1.2em;
}

/* ERREUR */
span.error {
font-weight:bold;
color:#f00;
}
p.error {
font-weight:bold;
color:#f00;
}

div#contenuInt p a{
color:#FFFFFF;
}

.imprimer_jeuxp{
margin-top:10px;
text-decoration:none;
margin-left:710px;
text-decoration:none;
color:#ffffff;
}
.imprimer_jeuxp a{ color:#ffffff;}
.formInvit .contenu.invit .form label {
padding:0 10px;
}

.logopjeux{
display:none;
}