
* {font-family:Arial, Helvetica, sans-serif}

body, html {margin:0; padding:0}
body {background: #20055b repeat-x}

#footer, #footer * {font-size:10px; color:#fff; margin:0}
#footer {text-align:center; padding-bottom:20px !important}
#footer a:hover {color:#C2CF02}

#accueil {width:812px; height:591px; background:url(images/accueil00.jpg); margin:0 auto}
#accueil a {display:block; position:absolute}
#accueil #haut {width:638px; height:182px; margin:4px 0 0 160px}

#accueil #video {position:absolute; margin:200px 0 0 172px; cursor:pointer; z-index:0}

#accueil #forum {width:300px; height:72px; margin:493px 0 0 260px; backg round:url(images/forum.gif)}
/*#accueil #forum:hover {color:#E2007A; background:url(images/forum_up.gif)}*/

#accueil #cadeaux {width:130px; height:130px; margin:150px 0 0 600px}

#accueil #cadeaux2 {width:160px; height:60px; margin:440px 0 0 620px}

#accueil #cadeaux, #accueil #cadeaux * {color:#E2007A; font-size:12px; font-weight:bold; text-decoration:none; text-align:left; line-height:20px}

#accueil #blog {width:118px; height:44px; background:url(images/blog.gif); margin:471px 0 0 100px}
/*#accueil #blog:hover {background:url(images/blog_up.gif)}*/

#accueil #inscription {width:330px; height:80px; margin:400px 0 0 270px; backg round:url(images/inscris.gif)}
#accueil #inscription:hover {back ground:url(images/inscris_up.gif); co lor:#C2CF02}
#accueil #inscription, #accueil #inscription * {color:#E3067C; font-size:34px; font-weight:bold; text-decoration:none; text-align:center; line-height:83px}

#accueil #conditions {display:block; position:absolute; margin:570px 0 0 260px; font-size:11px; color:#000; text-decoration:none; display:inline !important}
#accueil #engagement {display:block; position:absolute; margin:532px 0 0 280px; font-size:11px; color:#858585}

#accueil #etudiants {width:180px; height:170px; margin:0px 0 0 0px; backgro und:url(images/etudiants.gif)}
#accueil #etudiants:hover {backg round:url(images/etudiants_up.gif)}

#accueil #logo {width:335px; height:90px; margin:353px 0 0 255px; backg round:url(images/logo.gif)}
#accueil #logo, #accueil #logo * {color:#E3067C; font-size:36px; font-weight:bold; text-decoration:none; text-align:center; line-height:83px}

#haut_forum {
	width:815px; 
	margin:0 auto;
	background-image:url(images/haut_img_forum.gif);
	height:340px;
	background-repeat:no-repeat;
}

#centre {width:815px; margin:0 auto}

body.inscription #centre {width:812px; height:592px; margin:0 auto; background:url(images/fond_inscription.jpg)}
body.credits #centre {width:812px; height:592px; margin:0 auto; background:url(images/fond_credits.jpg)}
body.contact #centre {width:812px; height:592px; margin:0 auto; background:url(images/fond_contact.jpg)}
body.gagnants #centre {width:812px; height:592px; margin:0 auto; background:url(images/fond_gagnants.jpg)}
body.merci #centre {width:812px; height:592px; margin:0 auto; background:url(images/fond_merci.jpg)}
body.reglement #centre {background:url(images/haut_reglement.gif) no-repeat 0px 0; padding-top:88px; width:812px}
body.mentions #centre {background:url(images/fond_mentions.gif) no-repeat 1px 0; padding-top:88px; height:739px}
body.forum #centre {background:url(images/ctnu_img_forum.gif); background-repeat: repeat-y; padding-top:45px; height:100% !important;}
body.bravo #centre {width:812px; height:592px; margin:0 auto; background:url(images/fond_validation.jpg)}
body.poser_question #centre {width:812px; height:591px; margin:0 auto; background:url(images/fond_poser_question.jpg)}

#pied_fond{
	
	width:815px; 
	margin:0 auto;
	background-image:url(images/pied_forum.gif);
	height:133px;
	background-repeat:no-repeat;
	margin-top:-5px;
}

#reglement {background:url(images/reglement.gif) repeat-x; padding:0 35px; height:1653px}

#reglement a {color:#000}
#reglement a:hover {color:#E2007A}
#reglement h2 {color:#E2007A; background:url(images/puce_reglement.gif) no-repeat 0 4px; padding-left:20px; font-size:12px; line-height:24px}

#reglement p {color:#fff; padding-left:18px; font-size:12px; text-align:justify}


#mentions {padding:0 35px; he ight:1827px}

#mentions a {color:#000}
#mentions a:hover {color:#E2007A}
#mentions h2 {color:#E2007A; background:url(images/puce_reglement.gif) no-repeat 0 4px; padding-left:20px; font-size:12px; line-height:24px}

#mentions p {color:#fff; padding-left:18px; font-size:12px; text-align:justify; background:url(images/puce_reglement.gif) no-repeat 0 2px; margin:16px 0}





#reglement #lien_accueil {display:block; width:140px; height:60px; position:absolute; margin:-75px 0 0 630px}
.forum #lien_accueil {display:block; width:150px; height:60px; position:absolute; margin:25px 0 0 650px}
.mentions #lien_accueil {display:block; width:140px; height:60px; position:absolute; margin:-80px 0 0 630px}


form#inscription  {position:absolute; margin:110px 0 0 210px; width:545px; height:410px; padding:0 0 0 20px}
form#inscription * {margin:0; font-size:13px}
form#inscription p {color:#fff}
form#inscription p span {color:#606060; font-weight:bold}
form#inscription h2 {color:#E2007A; font-size:14px; margin:10px 0 0 0}

form#inscription #email, form#inscription #adresse , form#inscription #tel  {width:298px; height:19px; line-height:19px; background:url(images/email.gif) no-repeat; border:0; padding:1px 10px}

form#inscription #prenom, form#inscription #nom {width:106px; height:21px; line-height:21px; background:url(images/nom.gif) no-repeat; border:0; padding:1px 10px}

form#inscription #prenom {margin-right:1px}
form#inscription #code_postal {margin-right:1px}
form#inscription #niveau {width:126px}
form#inscription #code_postal {width:105px; height:17px; line-height:21px; background:url(images/code_postal.gif) no-repeat; border:0; padding:2px 10px}

form#inscription #ville, form#inscription #universite {width:168px; height:18px; line-height:22px; background:url(images/ville.gif) no-repeat; border:0; padding:2px 10px}

form#inscription p.input {margin:5px 0}
form#inscription input, form#inscription select {color:#6C6C6C}

form#inscription p.rdv {color:#333333}
form#inscription p.rdv label {color:#fff}

form#inscription p.rdv span {display:block; font-weight:normal; margin-left:134px; color:#333333}

form#inscription #submit {width:187px; height:47px; background:url(images/valide.gif); border:0; margin:6px 0 0 132px; cursor:pointer}

#centre #forum {width:160px; height:50px; margin:196px 0 0 179px; position:absolute; display:block}
#centre #forum:hover {color:#E2007A}
#centre #forum:hover span {color:#858585}
#centre #forum, #accueil #forum * {color:#858585; font-size:11px; font-weight:bold; text-decoration:none; text-align:center}
#centre #forum span {color:#E2007A}

#centre #blog {width:160px; height:50px; margin:342px 0 0 144px; position:absolute; display:block}

#centre #blog:hover {color:#E3067C}
#centre #blog, #accueil #blog * {color:#606060; font-size:13px; font-weight:bold; font-style:italic; text-decoration:none; text-align:center}

#centre #etudiants {width:170px; height:170px; margin:0px 0 0 0px; position:absolute; display:block}

#centre #logo {width:115px; height:81px; margin:505px 0 0 700px; position:absolute; display:block}

#credits {position:absolute; margin:120px 0 0 210px; width:355px; height:250px; padding:0 0 0 20px}



#credits h2 {color:#6A6A6A; font-size:20px; margin-bottom:0; background:url(images/puce_reglement.gif) no-repeat 0px 5px; padding-left:20px}
#credits p, #credits p * {font-size:14px; color:#fff}
#credits p {margin:0 0 0 20px}
.credits #logo {margin:505px 0 0 700px !important}

#inscris {width:330px; height:80px; position:absolute; display:block; margin:370px 0 0 310px}
#inscris2 {width:330px; height:80px; position:absolute; display:block; margin:460px 0 0 310px}

#contact {position:absolute; margin:110px 0 0 190px; width:355px; height:250px; padding:0 0 0 20px}
#contact h2 {color:#6A6A6A; font-size:20px; background:url(images/puce_reglement.gif) no-repeat 0px 5px; padding-left:20px}
#contact p, #contact p * {font-size:14px; color:#fff}
#contact p {margin:10px 0 0 20px}
.contact #logo {margin:505px 0 0 700px !important}

.bravo #logo {margin:505px 0 0 700px !important}

form#bravo  {position:absolute; margin:95px 0 0 230px; width:380px; padding:0 0 0 20px}
form#bravo * {margin:0}
form#bravo p {color:#fff; font-size:14px; margin:0 0 4px 0}
form#bravo p span {color:#E2007A}
form#bravo h2 {color:#E2007A; font-size:14px; margin:10px 0 0 0}

form#bravo input {width:81px; height:18px; line-height:18px; background:url(images/input.gif) no-repeat; border:0; padding:0px 10px; color:#E2007A; margin:0 6px 0 0}

form#bravo #facebook {margin-top:16px; display:block}
form#bravo #facebook img {border:0}
form#bravo #submit {width:187px; height:47px; background:url(images/valide.gif); border:0; margin:-70px 0 0 335px; cursor:pointer; float:left;}


#gagnants {position:absolute; margin:110px 0 0 220px; width:470px; height:210px; padding:0 0 0 20px}
#gagnants h2 {color:#6A6A6A; font-size:20px; background:url(images/puce_reglement.gif) no-repeat 0px 5px; padding-left:20px}
#gagnants p, #gagnants p * {font-size:14px; color:#fff}
#gagnants p {margin:10px 0 0 20px}
.contact #logo {margin:498px 0 0 735px !important}


#merci {position:absolute; margin:140px 0 0 200px; width:320px; height:410px; padding:0 0 0 20px}
#merci h2 {color:#6A6A6A; font-size:20px; background:url(images/puce_reglement.gif) no-repeat 0px 5px; padding-left:20px}
#merci p, #merci p * {font-size:14px; color:#fff}
#merci p {margin:10px 0 0 20px}
.contact #logo {margin:498px 0 0 735px !important}

#questions {padding-left:34px; margin-top:-150px !important;}

.question {background:url(images/puce_forum.gif) #E2007A 5px 5px no-repeat; width:506px; margin-bottom:4px; cursor:pointer; padding:4px 6px 4px 20px; font-size:12px; color:#fff; font-weight:bold; text-align:justify}

.answer {border:1px solid #E2007A; width:500px; padding: 5px 10px 5px 20px; margin:5px 0}
.answer div {font-size:12px; color:#fff}

.forum #l1 {display:block; position:absolute; width:210px; margin:75px 0 0 572px; text-align:center; font-size:13px; color:#fff}
.forum #l2 {display:block; position:absolute; width:180px; margin:1px 0 0 590px; text-align:center; font-size:13px; color:#fff}
.forum #l3 {display:block; position:absolute; width:210px; margin:35px 0 0 572px; text-align:center; font-size:13px; color:#fff}



#form_question {position:absolute; margin:85px 0 0 220px; width:355px; height:280px; padding:0 0 0 10px}
#form_question * {margin:0; font-size:13px}
#form_question p {color:#fff; margin:16px 0}
#form_question p span {color:#606060; font-weight:bold}
#form_question h2 {color:#E2007A; font-size:14px; margin:10px 0 0 0}
#form_question textarea {width:298px; height:130px; border:0; padding:1px 10px}

#form_question input {width:298px; height:17px; line-height:19px; background:url(images/email.gif) no-repeat; border:0; padding:1px 10px}
#form_question  #submit {width:187px; height:47px; background:url(images/valide.gif); border:0; margin:0px 0 0 350px; cursor:pointer}


/* Positionnement Liens pages rubriques */
/*.poser_question #centre #blog {margin:342px 0 0 142px}
.poser_question #centre #forum {margin:196px 0 0 177px}
.poser_question #centre #etudiants {margin:19px 0 0 181px}
.poser_question #centre #logo {margin:498px 0 0 737px}

.gagnants #centre #blog {margin:342px 0 0 146px}
.gagnants #centre #forum {margin:196px 0 0 181px}
.gagnants #centre #etudiants {margin:19px 0 0 185px}
.gagnants #centre #logo {margin:498px 0 0 741px}

.merci #centre #blog {margin:342px 0 0 146px}
.merci #centre #forum {margin:196px 0 0 181px}
.merci #centre #etudiants {margin:19px 0 0 185px}
.merci #centre #logo {margin:498px 0 0 741px}

.inscription #centre #blog {margin:342px 0 0 152px}
.inscription #centre #forum {margin:196px 0 0 187px}
.inscription #centre #etudiants {margin:19px 0 0 191px}
.inscription #centre #logo {margin:498px 0 0 747px}

.credits #centre #blog {margin:342px 0 0 143px}
.credits #centre #forum {margin:196px 0 0 178px}
.credits #centre #etudiants {margin:19px 0 0 182px}
.credits #centre #logo {margin:498px 0 0 738px}

.contact #centre #blog {margin:342px 0 0 143px}
.contact #centre #forum {margin:196px 0 0 178px}
.contact #centre #etudiants {margin:19px 0 0 182px}
.contact #centre #logo {margin:498px 0 0 738px}

.bravo #centre #blog {margin:342px 0 0 143px}
.bravo #centre #forum {margin:196px 0 0 178px}
.bravo #centre #etudiants {margin:19px 0 0 182px}
.bravo #centre #logo {margin:498px 0 0 738px}*/

/* Fin Positionnement Liens pages rubriques */


#lien_question {padding:90px 0 34px 34px; display:block; width:538px; b order: #000 solid 1px; }
#lien_question img {border:0;}



.petit {font-size:11px; color:#fff; font-weight:normal}
p.intro {fon t-weight:bold; text-align:justify}


.obligatoire {color:#E2007A !important}
.ok {color:#6C6C6C !important}

#retour {position:absolute; margin:14px 0 0  176px}
#retour img {border:0}


#TB_ajaxContent {width:555px !important; height:566px !important; z-index:3}
#TB_ajaxContent p {mar gin:0 0 8px 0 !important; padding:0 !important}
#TB_ajaxContent * {font-size:12px; color:#fff; text-align:justify; z-index:3}
#TB_ajaxContent #div1 {width:200px; height:250px; margin:100px 0 0 308px; position:absolute}
#TB_ajaxContent .vert, #TB_ajaxContent .vert a {color:#035B24 !important}
#TB_ajaxContent .fuschia, #TB_ajaxContent .fuschia a {color:#D20071 !important}



#TB_ajaxContent #div2 {width:555px; height:250px; margin:425px 0 0 0; position:absolute; text-align:center}
#TB_ajaxContent #div2 * {font-size:18px; text-align:center}
#TB_ajaxContent #div2 p {margin:0 0 4px 0}

#TB_window  {width:auto !important}

#fond_popup2 {width:555Px; height:566px; background:url(images/popup2.gif) no-repeat}
#fond_popup1 {width:555Px; height:566px; background:url(images/popup1.gif) no-repeat}


#TB_ajaxContent #div3 {width:313px; height:250px; margin:235px 0 0 120px; position:absolute}

#TB_ajaxContent #div3 p {font-size:15px; color:#fff; text-align:justify}
#TB_ajaxContent #div3 ul * {font-size:14px; color:#E2007A}
#TB_ajaxContent .ul1 {float:left; margin:10px 30px 0 60px}
#TB_ajaxContent .ul2 {margin:18px 0 0 0}

#TB_ajaxContent .p1 {position:absolute !important; margin:505px 0 0 !important; font-size:12px; width:555px !important; text-align:center; color:#000  !important}

#TB_ajaxContent #abs {position:absolute}

#TB_ajaxContent #plus {display:block; position:absolute; width:170px; height:90px; margin:268px 0 0 100px; background:url(bidon.gif)}
#TB_ajaxContent #mailto {display:block; position:absolute; width:200px; height:20px; margin:400px 0 0 312px; background:url(bidon.gif)}

#TB_ImageOff img {border:0 !important}

/*
#fondation {position:absolute; margin:2px 0 0 -405px}
#fondation * {border:0}

#facebooklogo {position:absolute; margin:0px 0 0 315px}
#facebooklogo * {border:0}

#youtubelogo {position:absolute; margin:0px 0 0 352px}
#youtubelogo * {border:0}
*/
#fondation {position:relative; margin:0px 0 0 0;}
#fondation * {border:0}
#footer {margin-top:2px}

#facebooklogo {position:relative; margin:0px 0 0 740px;  vertical-align:top;}
#facebooklogo * {border:0}

#youtubelogo {position:relative; margin:0px 0 0 0px; vertical-align:top;}
#youtubelogo * {border:0}

#footer p.bas1 {
margin-top:-40px;
}
/**/
.cfrm { display: none; }

.quicksearch {
margin-left:0px;
margin-bottom:10px;
}

.qs_label {
font-weight:bold;
font-size:13px;
}

.rd {
	margin-left:178px !important;
}

.rd1 {
	margin-left:178px !important;
}
/**/
body.inscriptv #centre {
background:url(images/fond_inscription0.jpg) !important;
}
/**/


#TB_ajaxContent #lien_fondation {display:block; position:absolute; width:100px; height:100px; margin:124px 0 0 46px; background:url(bidon.gif)}

.flash {
height:379px;
width:273px;
margin-top:212px;

}

#form_question p.remont {
margin-top:-60px;
}

.credits2#credits  {position:absolute; margin:120px 0 0 510px; width:355px; height:250px; padding:0 0 0 20px}

form#inscription #p1 {
margin-left:30px;
}

form#inscription #p2 {
margin-left:30px;
}

p.btval {
	margin-top:-130px !important;
	margin-left:210px  !important;
}

span.title1 {
color:#20055a;
font-size:14px;
font-weight:bold;
}

span.title2 {
color:#ffffff;
font-size:19px;
fo nt-weight:bold;
line-height:30px;
}



#pag {
padding-left:40px;
width:506px;
font-weight:bold;
font-size:11px;
text-align:center;
height:20px;
}

.qp_counter {
padding:0 10px 0 10px;
}
