*{margin:0; padding:0;}
html{height: 100%; overflow-y:scroll}
body{height: 100%;margin: 0;padding: 0px;font-family: verdana; color:black; font-size: 13px; background: url(images/bg.jpg) repeat; }/*008bce*/
a {text-decoration:none; color:#4e237f; font-family:verdana}
a:hover {text-decoration:underline; color:#4e237f;}
p {margin-bottom:20px; }
img {border:none}
h1 {color:#e6418e; font-weight:bold; }
.hr, .hr2 {font-size:1px; height:2px; border-bottom:2px solid #4e237f; margin:20px 50px; clear:both}
.hr3 {font-size:1px; height:2px; border-bottom:1px solid #4e237f; margin:20px 50px; clear:both}
.clear{clear:both}
.billeterie #formSondage select { text-align: left; }
/**********************************************/
/* ENTETE */
/**********************************************/
#conteneur{width:960px; margin: 0 auto; position:relative;}
/* ENTETE */
#entete { width:960px; height:239px; background: url(images/fond.jpg) no-repeat; }
/* MENU */
#menu { width:174px; height: 287px; z-index:50; position:absolute; top:236px; left:0px; background: url(images/fond_menu.jpg) no-repeat; }
#menuHaut { z-index:50; position:absolute; top:0px; left:-1px; width:100%;}
#menu ul, #menuHaut ul { list-style-type:none; }
#menu #menuUl {
position: absolute;
top: 22px;
left: 4px;
}
#menuHaut #menuHautUl {
position: absolute;
left: 83px;
}
#menu li{
margin-bottom: 27px;
}
#menuHaut li{
float: left;
}
#menuHaut li a{
display: block;
height: 36px;
width: 160px;
background:url(images/bandeauItems.png);
}
#menu li a{
display: block;
height: 36px;
width: 160px;
background:url(images/fond_menuItem.png);
}
#menu_inscrits { background-position: 0px -48px!important; }
#menu_association { background-position: 0px -96px!important; }
#menu_actuariat { background-position: 0px -144px!important; }
#menu_photos { background-position: 0px -192px!important; }
#menu_billeterie { background-position: -160px 0!important; }
#menu_soiree { background-position: -320px 0!important; width: 140px!important; }
#menu_partenaires { background-position: -462px 0!important; width: 180px!important; }
#menu_contacts { background-position: -640px 0!important; width: 150px!important; }
#menu_acces:hover { background-position: -160px 0px!important; }
#menu_inscrits:hover { background-position: -160px -48px!important; }
#menu_association:hover { background-position: -160px -96px!important; }
#menu_actuariat:hover { background-position: -160px -144px!important; }
#menu_photos:hover { background-position: -160px -192px!important; }
#menu_accueil:hover { background-position: 0px -40px!important; }
#menu_billeterie:hover { background-position: -160px -40px!important; }
#menu_soiree:hover { background-position: -320px -40px!important; }
#menu_partenaires:hover { background-position: -462px -40px!important; }
#menu_contacts:hover { background-position: -640px -40px!important; width: 150px!important; }
/*#menu a {width:199px; display:block; text-align:center; font-size:14px; padding:5px 0}
#menu a:hover {background:#000; text-decoration:none}
#menu a.active {background:#000; text-decoration:none; color:#4e237f; font-weight:bold}
#menu li {margin:0; padding:0; height:40px; cursor:pointer}
#menu li#menu_accueil {height:42px}
#menu li#menu_association {height:41px}*/
/*
#menu #menu_accueil a {background: url(images/menu_accueil.gif) no-repeat 0 0px; height:42px; width:199px; display:block}
#menu #menu_accueil a:hover {background: url(images/menu_accueil.gif) no-repeat 0 -42px; height:42px; width:199px; display:block}
#menu #menu_accueil_hover a {background: url(images/menu_accueil_active.gif) no-repeat; height:42px; width:199px; display:block}
#menu #menu_billeterie a {background: url(images/menu_billeterie.gif) no-repeat 0 0px; height:40px; width:199px; display:block}
#menu #menu_billeterie a:hover {background: url(images/menu_billeterie.gif) no-repeat 0 -40px; height:40px; width:199px; display:block}
#menu #menu_billeterie_hover a {background: url(images/menu_billeterie_active.gif) no-repeat; height:40px; width:199px; display:block}
#menu #menu_soiree a {background: url(images/menu_soiree.gif) no-repeat 0 0px; height:40px; width:199px; display:block}
#menu #menu_soiree a:hover {background: url(images/menu_soiree.gif) no-repeat 0 -40px; height:40px; width:199px; display:block}
#menu #menu_soiree_hover a {background: url(images/menu_soiree_active.gif) no-repeat; height:40px; width:199px; display:block}
#menu #menu_partenaires a {background: url(images/menu_partenaires.gif) no-repeat 0 0px; height:40px; width:199px; display:block}
#menu #menu_partenaires a:hover {background: url(images/menu_partenaires.gif) no-repeat 0 -40px; height:40px; width:199px; display:block}
#menu #menu_partenaires_hover a {background: url(images/menu_partenaires_active.gif) no-repeat; height:40px; width:199px; display:block}
#menu #menu_acces a {background: url(images/menu_acces.gif) no-repeat 0 0px; height:40px; width:199px; display:block}
#menu #menu_acces a:hover {background: url(images/menu_acces.gif) no-repeat 0 -40px; height:40px; width:199px; display:block}
#menu #menu_acces_hover a {background: url(images/menu_acces_active.gif) no-repeat; height:40px; width:199px; display:block}
#menu #menu_inscrits a {background: url(images/menu_inscrits.gif) no-repeat 0 0px; height:40px; width:199px; display:block}
#menu #menu_inscrits a:hover {background: url(images/menu_inscrits.gif) no-repeat 0 -40px; height:40px; width:199px; display:block}
#menu #menu_inscrits_hover a {background: url(images/menu_inscrits_active.gif) no-repeat; height:40px; width:199px; display:block}
#menu #menu_photos a {background: url(images/menu_photos.gif) no-repeat 0 0px; height:40px; width:199px; display:block}
#menu #menu_photos a:hover {background: url(images/menu_photos.gif) no-repeat 0 -40px; height:40px; width:199px; display:block}
#menu #menu_photos_hover a {background: url(images/menu_photos_active.gif) no-repeat; height:40px; width:199px; display:block}
#menu #menu_association a {background: url(images/menu_association.gif) no-repeat 0 0px; height:41px; width:199px; display:block}
#menu #menu_association a:hover {background: url(images/menu_association.gif) no-repeat 0 -41px; height:41px; width:199px; display:block}
#menu #menu_association_hover a {background: url(images/menu_association_active.gif) no-repeat; height:41px; width:199px; display:block}
#menu #menu_actuariat a {background: url(images/menu_actuariat.gif) no-repeat 0 0px; height:40px; width:199px; display:block}
#menu #menu_actuariat a:hover {background: url(images/menu_actuariat.gif) no-repeat 0 -40px; height:40px; width:199px; display:block}
#menu #menu_actuariat_hover a {background: url(images/menu_actuariat_active.gif) no-repeat; height:40px; width:199px; display:block}
#menu #menu_contacts a {background: url(images/menu_contacts.gif) no-repeat 0 0px; height:40px; width:199px; display:block}
#menu #menu_contacts a:hover {background: url(images/menu_contacts.gif) no-repeat 0 -40px; height:40px; width:199px; display:block}
#menu #menu_contacts_hover a {background: url(images/menu_contacts_active.gif) no-repeat; height:40px; width:199px; display:block}
*/
/* CONTENANT */
#contenant {width:735px; background:#ffffff url(images/fond.jpg) no-repeat 0px -239px; padding-left:225px; z-index:1; }
/**********************************************/
/* CONTENU */
/**********************************************/
#titre_fond { width:679px; height:67px; background: url(images/titre_fond.jpg) no-repeat;
-moz-box-shadow: 4px 4px 12px #aaa;
-webkit-box-shadow: 4px 4px 12px #aaa;
box-shadow: 4px 4px 12px #555;
}
#page{
background:#ffffff;
min-height:650px;
position:relative;
width:679px;
line-height: 26px;
-moz-box-shadow: 4px 4px 12px #aaa;
-webkit-box-shadow: 4px 4px 12px #aaa;
box-shadow: 4px 4px 12px #555;
}
#page ul {
margin-left: 30px;
}
#page h2 {
margin-bottom: 10px;
}
#contenu { padding:10px; text-align: justify;}
#contenu_sponsors {border:1px solid #171717; border-top:0; padding:15px; min-height:450px;}
#pied_contenu {border-bottom:1px solid #181818; margin-left:41px; width:700px}
/**********************************************/
/* ADMIN */
/**********************************************/
#titre_admin {background: url(images/titre_admin.jpg) no-repeat; width:781px; height:113px; opacity:0; filter:alpha(opacity=0);}
#accueil #admin {position:absolute; right:50px; top:100px}
#admin fieldset {position:absolute; left:220px; width:330px; padding:10px; border:1px solid #423e3f; float:left}
#admin fieldset legend {margin:10px 15px; padding:10px; color:#4e237f; font-size:14px}
#admin label {width:100px; float:left; margin:5px; text-align:right}
#admin input {width:206px; float:left; margin:5px}
#admin textarea {width:206px; height:100px; float:left; margin:5px}
#admin .boutons {text-align:center; margin:25px 0 15px 0}
#admin .bouton {width:70px; background-color:#423e3f; color:#fff; padding:2px 10px; font-weight:bold; border:0; cursor:pointer; float:none}
#admin .bouton:hover {color:#4e237f; text-decoration:none}
#admin #recap_commandes{width:660px; color:#000000; border:1px solid #ffffff; background-color:#ffffff; margin-top:20px}
#admin #recap_commandes thead tr td {font-weight:bold; padding:3px; text-align:center}
#admin #recap_commandes tr td {padding:3px;text-align:right}
#admin #msg {width:640px; font-size:12px; background-color:#cecece; border:1px solid #ffffff; color:#000000; padding:10px; text-align:center; margin:10px 0; font-weight:bold; color:green}
/**********************************************/
/* ACCUEIL */
/**********************************************/
#titre_accueil { background: url(images/titre_accueil.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
#accueil #affiche {position:absolute; right:50px; top:430px}
#accueil #diapo {}
#accueil #affiche {}
/**********************************************/
/* BILLETERIE */
/**********************************************/
#titre_billeterie {background: url(images/titre_billets.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
.billeterie fieldset {
border:1px solid #423E3F;
padding:10px;
padding-top:0px;
width:380px;
margin:0 auto;
}
.billeterie fieldset legend {padding:10px; color:#4e237f; font-size:14px}
.billeterie label { /*width:150px;float:left; */margin:5px; text-align:right}
.billeterie input {/*width:206px; float:left; */margin:5px}
.billeterie textarea {width:206px; height:100px; float:left; margin:5px}
.billeterie select { margin:5px; text-align:center;} /* float:left; */
.billeterie .boutons {text-align:center; margin:25px 0 15px 0}
.billeterie .bouton {width:150px; color:#4e237f; padding:2px 10px; font-weight:bold; border:0; cursor:pointer; float:none}
.billeterie .bouton:hover {color:#fff; background-color:#4e237f; text-decoration:none}
.billeterie #texte {float:left; text-align:center; width:266px; font-size:13px; margin-top:80px}
#logos_secure {text-align:center; margin-bottom:30px}
#bouton_cb .bouton {width:300px; background-color:#423e3f; color:#fff; padding:2px 10px; font-weight:bold; border:0; cursor:pointer; float:none}
#bouton_cb {text-align:center}
#erreur_cb {text-align:center; font-weight:bold; margin-top:50px}
#txt_prix {
font-size:14px;
margin:0 auto;
margin-top:20px;
text-align:center;
width:266px;
}
#txt_prix img.contour {border:1px solid #423e3f}
#prix {color:#4e237f; font-weight:bold}
/**********************************************/
/* SOIREE */
/**********************************************/
#titre_soiree { background: url(images/titre_soiree.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
#soiree #affiche {position:absolute; right:50px; top:100px}
/**********************************************/
/* ACCES */
/**********************************************/
#titre_acces {background: url(images/titre_acces.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
#acces #affiche {position:absolute; right:50px; top:100px}
/**********************************************/
/* LISTE DES INSCRITS */
/**********************************************/
#titre_inscrits {background: url(images/titre_inscrits.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
#inscrits #affiche {position:absolute; right:50px; top:100px}
#inscrits fieldset {width:380px; padding:10px; border:1px solid #423e3f; float:left; position:relative}
#inscrits fieldset legend {margin:10px 15px; padding:10px; color:#4e237f; font-size:14px}
#inscrits label {width:150px; float:left; margin:5px; text-align:right}
#inscrits input {width:206px; float:left; margin:5px}
#inscrits textarea {width:206px; height:50px; float:left; margin:5px 5px 50px 5px}
#inscrits select {width:206px; float:left; margin:5px 5px 120px 5px; text-align:left;}
#inscrits .boutons {text-align:center; margin:25px 0 15px 0}
#inscrits .bouton {width:60px; background-color:#423e3f; color:#fff; border:0; cursor:pointer; float:left}
#inscrits .bouton:hover {color:#4e237f; text-decoration:none}
#inscrits fieldset img {position:absolute; right:20px; bottom:10px}
#inscrits #recherche img {position:absolute; right:60px; top:10px}
#txt_inscrits {font-size:14px; float:left; text-align:center; width:246px; margin-top:30px; padding:10px}
#txt_inscrits img.contour {border:1px solid #423e3f}
#inscrits #liste_inscrits {width:660px; color:#000000; border:1px solid #ffffff; background-color:#ffffff; margin-top:20px}
#inscrits #liste_inscrits thead tr td {font-weight:bold; padding:3px; text-align:center}
#inscrits #liste_inscrits tr td {padding:3px;text-align:right}
#inscrits #msg {width:640px; font-size:12px; background-color:#cecece; border:1px solid #ffffff; color:#000000; padding:10px; text-align:center; margin:10px 0; font-weight:bold; color:green}
/**********************************************/
/* PARTENAIRES */
/**********************************************/
#titre_partenaires {background: url(images/titre_partenaires.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
#partenaires {height:400px}
#partenaires p {padding:0;}
#partenaires p a {font-weight:bold}
#listepartenaire {
height: 100px;
width: 400px;
margin: 0 auto;
}
.partenairesUl {
float: left;
width: 170px;
}
#partenaires .txt_sponsors {display:none; }
#partenaires .img_sponsors {position:absolute; cursor:pointer}
.partenaires .img_sponsors_mini, .partenaires .img_sponsors { margin-bottom:10px;}
#partenaires #spacer {top:0px; left:70px; width:180px; height:100px; float:left; margin:0 50px 40px 0px;}
#partenaires #div_invisible {top:0px; left:70px; position:absolute; width:180px; height:100px; z-index:10; display:none;}
#partenaires .retour {top:114px; left:70px; position:absolute; width:180px; z-index:5; display:none; text-align:center;}
#partenaires #optimind {top:50px; left:200px}
#partenaires #transamerica {top:50px; left:420px}
#partenaires #cnp {top:170px; left:110px}
#partenaires #hannover {top:170px; left:310px}
#partenaires #ccr {top:170px; left:510px;}
#partenaires #partnerre {top:290px; left:110px}
#partenaires #gaaps {top:290px; left:260px}
#partenaires #matmut {top:290px; left:420px;}
#partenaires #natixis {top:290px; left:570px}
#partenaires #non_fini {top:0px; position:absolute; left:250px; text-align:center}
/**********************************************/
/* PHOTOS */
/**********************************************/
#titre_photos {background: url(images/titre_photos.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
#listeGallery {
width: 500px;
margin: 0 auto;
}
#anneeGallery {
width: 440px;
margin: 0 auto;
}
.photosColonne {
float:left;
margin-bottom:30px;
margin-right:30px;
text-align:center;
width:200px;
}
.captionText { cursor:pointer!important; }
a.presentation { width:210px; color:#f4f4f4; margin:5px; text-decoration:none; text-align:center}
a.presentation span {margin: 5px 0; display:block}
a.presentation img {width:200px; height:133px;}
.photos a.mosaique {width:200px; padding:5px; color:#f4f4f4; float:left; margin:5px; text-decoration:none; text-align:center;}
.photos a.mosaique img {}
.photos .navigation {text-align:center; margin:15px 0; width:668px}
.photos .navigation a {margin:3px; color:#707070; font-weight:bold; font-size:12px;}
.photos .navigation a:hover {color:#4e237f;}
.photos .navigation a.active {color:#4e237f; text-decoration:underline}
.photos a div {cursor:pointer}
.photos .captionText tbody {cursor:pointer;}
.photos .captionText tbody tr td{text-decoration:none; height:40px}
#lightbox-overlay-text {text-align:right}
/* jCaption */
/**********************************************/
/* ASSOCIATION */
/**********************************************/
#titre_association {background: url(images/titre_association.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
#association img {float:left; width:283px; margin:0 20px 20px 0}
#association h2 {margin-bottom:15px; color:#4e237f; font-weight:normal; }
#association div.txt {margin-bottom:30px}
#association ul {list-style-type: square; margin:10px 0px 10px 40px}
#association li {margin:5px 0px}
/**********************************************/
/* ACTUARIAT */
/**********************************************/
#titre_actuariat {background: url(images/titre_actuariat.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
#actuariat h2 {margin-bottom:15px; color:#4e237f; font-weight:normal; }
#actuariat div.txt {margin-bottom:30px}
#actuariat ul {list-style-type: square; margin:10px 0px 10px 40px}
#actuariat li {margin:5px 0px}
.actuariat table .libelle { padding:20px; vertical-align: top; text-align:left; }
.actuariat table .libelle img { margin-bottom:10px; }
.actuariat table .description {padding:20px;}
/**********************************************/
/* CONTACTS */
/**********************************************/
#titre_contacts {background: url(images/titre_contact.jpg) no-repeat; width:679px; height:67px; opacity:0; filter:alpha(opacity=0); }
.contacts form {
height:456px;
margin:0 auto;
width:420px;
}
.contacts fieldset {width:395px; padding:10px; padding-top:0px; border:1px solid #423e3f; float:left}
.contacts fieldset legend {padding:10px; color:#4e237f; font-size:14px}
.contacts label { margin:5px; text-align:left}
.contacts input {width:206px; margin:5px}
.contacts textarea {width:206px; height:100px; margin:5px}
.contacts .boutons {text-align:center; margin:25px 0 15px 0}
.contacts .bouton {width:70px; background-color:#fff; color:#4e237f; padding:2px 10px; font-weight:bold; border:0; cursor:pointer; float:none}
.contacts .bouton:hover {background-color:#4e237f; color:#fff; text-decoration:none}
.contacts #coordonnees {
font-size:13px;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
text-align:center;
width:316px;
}
/**********************************************/
/* PIED DE PAGE */
/**********************************************/
#footer {
width: 960px;
height: 89px;
background: url(images/fond_footer.jpg) no-repeat;
font-size: 11px;
position: relative;
}
#footer a{
color: #ffffff;
}
.colonneFooter {
float:left;
margin-left:45px;
margin-top:10px;
width:150px;
line-height: 20px;
}
.colonneFooter ul {
list-style-type:none;
}
.colonneFooter ul li{
margin-bottom: 5px;
}
#createurSite {
position: absolute;
right: 10px;
top: 1px;
line-height: 27px;
text-align: right;
}
/* SPONSORS */
#sponsors {
height:328px;
overflow:hidden;
padding:10px;
position:absolute;
left:35px;
top:555px;
width:115px;
z-index:60;
}
#sponsors img {width:115px; margin-bottom:30px}
/**********************************************/
/* MAIL */
/**********************************************/
#mail {width:600px; margin:5px auto; background-color:#000; border:2px solid #423e3f}
#mail div p label {width:250px; text-align:right; float:left; margin:10px 0}
#mail div p span {width:250px; float:left; margin:10px 0;}
#mail img {border:0; border-bottom:2px solid #423e3f}