/*CSS Document*/
html,body,ul,ol,li,p,form,table,tr,th,td,hr,img,a,h1,h2,h3,h4,br,div,input,textarea,select,option
{font-weight:normal;text-decoration:none;margin:0;padding:0;font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,sans-serif;font-size:11px;border:0;list-style:none;color:#404040;border-collapse:collapse}
body{background:#79c9d0 url(../img/css/illustration_fond3.jpg) no-repeat fixed bottom center}
input,textarea,select{padding:2px;border:1px solid #c1c0c0;font-size:11px;color:#000}
select,option{font-size:12px;color:#000;padding:0;width:auto}
.submit input{border:0}
#flashMessage{color:red;padding-top:9px}
.caseacocher,#inscription #colleft form input.caseacocher{border:0;width:auto;margin:0}
.radio,#inscription form input.radio{border:0;width:auto;margin:2px;vertical-align:middle}
.error{color:red}
.form-error{border:1px solid red}
.error-message{color:red}
.clear{clear:both}
#global{width:616px;margin:auto}
#header{width:616px}
.logo{margin:4px 10px 0 0;width:300px;float:left}
.logo img{vertical-align:bottom}
.logo strong{position:absolute;top:-1000px}
.onglets{color:#79c9d0;height:27px;padding:35px 10px 0 0;width:180px;float: left}
.onglets ul{text-align: left}
.onglets li{display:block;float:left;background:#79c9d0 url(../img/css/onglet_off.gif) bottom no-repeat;width:83px;height:27px;margin-right:3px}
.onglets li h2{font-size:13px;padding-top:8px;text-align:center}
.onglets a{display:block;height:27px}
.onglets a:hover, li.ON{background:#fff url(../img/css/onglet_on.gif) bottom no-repeat}
.perso{height:18px;width:572px;margin:0 21px;background:#fff}
.perso p{float:left}
.perso a{float:right;margin: 0 40px 0 0;background:url(../img/css/ico-deconnexion.gif) bottom right no-repeat;text-transform:uppercase;padding-right:20px}
.perso a:hover{text-decoration: underline}
.menu{float:left;width:572px;padding:0 21px;background:#fff;position:relative}
.menu img{display:block}
#navigation{background:#b2c37a;width:572px;background:url(../img/css/fond-menu.gif) left top repeat-x;height:29px}
#navigation ul{list-style:none}
#navigation li{display:block;float:left;width:auto !important;width:70px}
#navigation a{display:block;height:29px}
#navigation a:hover{background:url(../img/css/fond-menu_ON.gif) left top repeat-x}
#navigation a.on{background:url(../img/css/fond-menu_ON.gif) left top repeat-x}
#navigation a h5{margin:0;font-size:11px;color:#FFF;white-space:nowrap;padding-top:7px;padding-bottom:7px!important;padding-bottom:4px;padding-right:9px;padding-left:5px}
#navigation ul.menuMonprofil li{width:auto !important;width:85px}
#navigation .menuMonprofil h5{padding-top:7px;padding-bottom:7px!important;padding-bottom:4px;padding-right:15px;padding-left:18px}
#navigation .menuMonprofil a h5.invitations{padding-left:21px;padding-right:16px}
/*Offres Star*/
.MEAoffres{width:572px;padding:0 21px;background:#fff;position:relative}
.MEAoffres h3{color:#3dacb6;font-size:14px}
.MEAoffres h2{font-size:14px;color:#305053;background-color:#a6e3e7;padding:5px}
.animation{overflow: hidden;border:1px #CCC solid;width:570px;position:relative;height:144px}
.animation div.offre{display:none;position:absolute;top:0px;left:0px}
.offre img{padding:0px;margin:0px;display:block}
#wrapper{background:#FFF;padding-bottom:10px}
#wrapper .hautg,.hautd{height:11px;width:11px;background-repeat:no-repeat;font-size:1px}
#wrapper .hautg{background:url(../img/css/coin-blc-hg-fond-bleu.gif) top}
#wrapper .hautd{background:url(../img/css/coin-blc-hd-fond-bleu.gif) top;float:right}
/*ACCUEIL*/
.illusaccueil{background:#79c9d0 url(../img/css/illustration_fond2.jpg) no-repeat fixed bottom center}
#accueil #global{width:670px;margin:auto}
#headerAccueil{width:670px;margin:0 0 5px 0;text-align:center;vertical-align:bottom}
#headerAccueil h1.logo{float:none;text-align:center;width:auto}
#accueil .promesse{vertical-align:bottom;padding:5px 0 0 0;text-align:center}
#accueil .contenu{width:665px;padding:30px 0 15px 0;margin:auto}
#accueil .contenu .sousTitre{padding:0 0 0 20px}
#accueil .contenu .legende{font-size:10.5px;color:#4a4a4a;line-height:17px;padding:0 0 10px 20px}
#accueil .contenu form{padding:5px 20px 20px 20px}
#accueil .contenu form img{float:left}
#accueil .contenu form table{float:right}
#accueil .contenu form label{margin-right:5px}
#accueil .contenu .petit{font-size:10px;color:#4a125d}
#accueil .contenu .petit a{font-size:10px;color:#4a125d}
#accueil .contenu .petit a:hover{text-decoration:underline}
#accueil .contenu form input.grand{margin:5px 0;width:250px;height:18px}
#accueil .contenu .identification{float:left;width:330px;height:470px;background:#afdfe3;margin-top:5px}
#accueil .contenu .headeridentification{margin:0}
#accueil .contenu .headeridentification img{margin: 0;padding: 0}
#accueil .contenu .formulairedentification .btn{float:right;margin:10px 0 10px 0;}
#accueil .contenu .creationdecompte{float:right;width:330px;height:470px;background:#afdfe3;margin-top:5px}
#accueil .contenu .headercreationdecompte{margin:0}
#accueil .contenu .headercreationdecompte img{margin: 0;padding: 0}
#accueil .contenu .formulairecreationdecompte .btn{float:right;margin:0 0 10px 0;}
#accueil .contenu .formulairecreationdecompte input.grand{margin:3px 0;width:auto;height:17px}
#accueil .contenu .formulairecreationdecompte table.codeAcces{float:left}
#accueil .contenu .formulairecreationdecompte table.codeAcces input{float:left;width:200px}
#accueil #basdepage{width:665px;margin:auto}
#accueil #basdepage #footer, #accueil #basdepage #backlinks{width:665px;background:#afdfe3;text-align:center}
/*MAILING*/
#mailing img{margin:10px 0 10px 0}
#mailing #wrapper{padding-bottom:43px}
#desinscription form .btn input{border:0;width:auto;height:auto;border:1px solid red}
#desinscription form input{margin-top:10px;width:230px}
#desinscription form{font-size:12px;font-weight:bold;padding:30px 0 0 0}
.newsletters div.btn div.submit input{float:right}
.desinscription form .btn input.boutonValidez{background:url(../img/css/btn-valide.gif) no-repeat;width:85px;height:25px}
.desinscription form .btn input.boutonValidez:hover{background-position:0 -26px;cursor:pointer}
/*MOT DE PASSE*/
.motdepasse form{font-size:12px;font-weight:bold;padding:0}
.motdepasse form h2{font-size:14px;font-weight:bold;color:#732c8c;padding:30px 0 5px 0}
.motdepasse form .btn input, .motdepasse form .btn a{float:right;border:0;height:auto}
.motdepasse img.poussette{padding:0 0 0 50px;vertical-align:bottom}
img.poussetteombre{background:#FFF;margin:0 0 0 90px}
/*INSCRIPTION*/
#wrapper div.inscription form p{font-weight:bold;color:#f56246;font-size:12px;padding:10px 0 5px 0}
.inscription form a{font-weight:bold;color:#3c61a6;text-decoration:none;font-size:12px}
.inscription form a:hover{text-decoration:underline}
.inscription form label{width:200px;float:left;font-weight:bold}
.inscription form label.none{width:auto;float:none}
.inscription form input{margin:3px;width:200px}
.inscription form div.lsfaction input{margin:3px;width:auto}
.inscription form input.petit_input{width:70px}
.inscription form select{margin:3px;height:20px;width:auto}
.inscription form .petittexte{margin:0 0 10px 225px;font-size:10px}
.inscription .btn{width:auto;text-align:right;padding:10px 0 10px 0}
.inscription form .choix{margin:15px;font-size:10px;color:#686667}
.inscription form .choix input{margin:2px;padding:0px;width:auto;border:0}
.inscription form .choix2{background: url(../img/css/fond-privileges.gif) top left no-repeat;height:50px;font-size:10px;color:#686667;padding:55px 2px 0 30px}
.inscription form .choix2 input{margin:2px;padding:0px;width:auto;border:0}
.inscription form .radio,.lsfaction form input{width:auto;margin:0 5px 0 5px}
.inscription form th{text-align:left;padding-left:5px}
.inscription form .genre{padding:5px;display:inline;float: none}
.inscription form .genres .radio{width:auto;margin-left:18px}
.inscription a.btnaccederoffres{background: url(../img/css/btn-accede-aux-offres.gif) top left no-repeat;font-size:10px;color:#686667;padding:3px 2px 10px 150px}
.inscription a.btnaccederoffres:hover{background: url(../img/css/btn-accede-aux-offres.gif) 0 -26px no-repeat;cursor:pointer}
.inscription form label.coregistration{float:none}
.inscription #infos form label.non{font-weight:normal}
.inscription form .t3 img{margin:10px 10px 0 0}
/*MON COMPTE*/
.moncompte .btn{padding:10px 0 10px 0;float: right}
.moncompte #infos .gauche{float:left}
.moncompte #infos .droite{float:right}
.moncompte #infos h6{font-size:14px;font-weight:bold;color:#3e8ca2;padding:0;margin:10px 0 0 0}
.moncompte #infos label{display:block;padding-top:10px;padding-bottom:5px}
.moncompte #infos input{width:220px}
.moncompte #infos .choix{margin:15px 0;font-family:Arial,Helvetica,sans-serif;Line-height:13px;font-size:10px;color:#686667}
.moncompte #infos .choix input{margin:2px;padding:0px;width:auto;border:0}
.moncompte #infos .choix label{display:inline}
.moncompte #infos .choix label.sexe{display:block;font-weight:bold;font-size:11px;color:#000}
.moncompte #infos .choix span{color:#4097ba;font-size:14px;font-style:italic}
.moncompte #infos .invitation label{font-weight:bold}
.moncompte #infos .invitation .btn input{float:left;padding:0;margin:12px}
.moncompte #infos .invitation textarea{height:140px}
.moncompte #infos .invitation .champdetexte{margin:0 0 0 12px}
.moncompte #infos .tableauinvit{border-right:3px solid #EEEEEF;width:100%;padding:30px 30px 0 0px}
.moncompte #infos .tableauinvit th{font-weight:bold;text-align:left}
.moncompte #infos .tableauinvit td{text-align:center;font-size:12px;border-top:3px solid #EEEEEF;border-right:3px solid #EEEEEF}
.moncompte #infos .tableauinvit td.champ{text-align:left;padding-left:10px}
.moncompte #infos .tableauinvit input{width:160px}
.mespreferences{padding-top:10px;margin:0}
.mespreferences .serie{float:left;width:175px}
.desinscription label{font-weight:bold;font-size:12px;padding:10px 0 0 0}
.desinscription input{width:220px;padding:5px 0 2px 0}
/*OFFRES*/
#banniere li{float:left;background:#d5d4d4;margin-top:6px;margin-left:4px}
#banniere img{padding:4px 4px 2px 4px}
#banniere h2{padding:0 0 0 4px;font-family:"Trebuchet MS"}
#banniere h2.petite_anonce{width:126px;height:34px}
.legende{margin-top:10px}
#footer{width:616px;height:32px;background:#FFF;margin:4px 0 0 0;text-align:left}
#footer h3{padding:10px 0 10px 16px}
#footer h3 a{font-size:11px;color:#000}
#footer li{float:left}
#backlinks{width:616px;height:22px;background:#FFF;margin:2px 0 0 0;padding-bottom:5px}
#backlinks h4{padding:3px 0 3px 16px}
#backlinks h4 a{font-size:11px;color:#000;text-decoration: underline}
#backlinks li{float:left}
/*Le crocrodeal*/
#spacer{padding-top:50px}
#offres, #moncompte, #presentation, #motdepasse, #inscription, #validation, #coregistration{position: relative}
.headeridentification{position: relative}
.headercreationdecompte{position: relative}
.headercreationdecompte .crocrodeal_accueil{position:absolute;top: -25px;left: 220px}
.crocrodeal_anim{position:absolute;left: 460px;top: -56px}
div.menu .crocrodeal_anim{position:absolute;left:505px;top:-50px}
div.MEAoffres .crocrodeal_anim{position:absolute;left:505px;top:-40px}
#contenu{background:#EEEEEF;margin:0 21px;width:572px}
#contenu .hautgauche,.hautdroit,.basgauche,.basdroit{height:4px;width:4px;background-repeat:no-repeat;font-size:1px}
#contenu .hautgauche{background:url(../img/css/coin-gris-hg-fond-blanc.gif) top}
#contenu .hautdroit{background:url(../img/css/coin-gris-hd-fond-blanc.gif) top;float:right}
#contenu .basdroit{background:url(../img/css/coin-gris-bd-fond-blanc.gif) bottom;float:right}
#contenu .basgauche{background:url(../img/css/coin-gris-bg-fond-blanc.gif) bottom}
.indispensable{font-size:12px;background-color:#FFF;padding:10px 0 0 20px}
#contenu #infos{padding:0 15px 0px 15px}
#contenu h3{font-size:18px;margin-bottom:10px;padding-top:10px}
#contenu p{font-size:11px;line-height:18px;color:#000}
#contenu p strong{font-size:11px;;color:#000}
#contenu p a{font-size:11px;line-height:18px;color:#542066;font-weight:bold;text-decoration:none}
#contenu p.note{font-size:12px;padding-left:10px}
#contenu p a:hover{text-decoration:underline}
#contenu .btn input{padding:10px 0 10px 0;border:0}
div.btn div.connexion input{width:114px;height:26px;background:url(../img/css/btn-connexion.gif) 0 0}
div.btn div.connexion input:hover{background:url(../img/css/btn-connexion.gif) 0 -26px;cursor:pointer}
div.btn div.continuer input{width:114px;height:26px;background:url(../img/css/btn-continuer.gif) 0 0}
div.btn div.continuer input:hover{background:url(../img/css/btn-continuer.gif) 0 -26px;cursor:pointer}
div.btn input.valider{width:84px;height:26px;background:url(../img/css/btn-valide.gif) 0 0}
div.btn input.valider:hover{background:url(../img/css/btn-valide.gif) 0 -26px;cursor:pointer}
.moncompte #infos div.btn input.mettre_a_jour{width:171px;height:26px;background:url(../img/css/btn-maj-profil.gif) 0 0}
.moncompte #infos div.btn input.mettre_a_jour:hover{background:url(../img/css/btn-maj-profil.gif) 0 -26px;cursor:pointer}
.moncompte #infos div.btn input.new_motdepasse{width:257px;height:26px;background:url(../img/css/btn-nouveau-mdp.gif) 0 0}
.moncompte #infos div.btn input.new_motdepasse:hover{background:url(../img/css/btn-nouveau-mdp.gif) 0 -26px;cursor:pointer}
.moncompte #infos div.btn input.envoye_invitation{width:142px;height:26px;background:url(../img/css/btn-envoyer-l-invitation.gif) 0 0}
.moncompte #infos div.btn input.envoye_invitation:hover{background:url(../img/css/btn-envoyer-l-invitation.gif) 0 -26px;cursor:pointer}
.moncompte #infos div.btn input.new_motdepasse:hover{background:url(../img/css/btn-nouveau-mdp.gif) 0 -26px;cursor:pointer}
.motdepasse #infos div.btn input.valideemail{width:202px;height:26px;background:url(../img/css/btn-valide-email.gif) 0 0}
.motdepasse #infos div.btn input.valideemail:hover{background:url(../img/css/btn-valide-email.gif) 0 -26px;cursor:pointer}
.motdepasse #infos div.btn input.confirmermotdepass{width:257px;height:26px;background:url(../img/css/btn-nouveau-mdp.gif) 0 0}
.motdepasse #infos div.btn input.confirmermotdepass:hover{background:url(../img/css/btn-nouveau-mdp.gif) 0 -26px;cursor:pointer}
.motdepasse #infos div.btn a.connexion{width:114px;height:26px;background:url(../img/css/btn-connexion.gif) 0 0}
.motdepasse #infos div.btn a.connexion:hover{background:url(../img/css/btn-connexion.gif) 0 -26px;cursor:pointer}
/*INSTITUTIONNELLES*/
.presentation{padding-bottom:10px}
.presentation h3{font-weight:bold;font-size:16px;margin:10px 0px}
.presentation h4{font-weight:bold;font-size:13px;margin:10px 0px}
.presentation h5{font-size:12px;margin:10px 0px}
.presentation strong{font-size:12px;font-weight:bold}
.presentation ul{margin-left:10px;margin-bottom:10px}
.presentation p{font-size:12px;margin-bottom:10px}
.presentation p a{font-size:12px;margin-bottom:10px}
.presentation p i{font-weight:bold;font-style:oblique;color:#fc5a3b}