/*
 *
 * PROPRIETES IMPORTANTE COMMUNES AU WYSIWYG
 * Propriétés importantes et récurrentes
 *
*/

*{ margin:0; padding:0; border:0; outline:0;font-family:Arial;  }
p,div{font-size:12px;}
html, body { margin:0px;background-color:#262624;color:white;font-family:Arial,Helvetica,sans-serif;font-size:0.8em;}

hr{ visibility:hidden; height:1px; line-height:1px;}
a { color:#F6B21F;}
a:hover{ color:white; text-decoration:none; }
h1,h2,h3,h4,h5{margin:0px; margin-bottom:8px;color:#F6B21F;clear:both;}
h1 { font-size:22px; }
h2 { font-size:15px;  background:url('../images/h2-titre-supersur.gif') no-repeat 0px 3px; padding-bottom:8px;}
h3 { margin-bottom:0px;padding-bottom:8px;}
h4 {  }
ul, li { list-style:none; }
li{ background:transparent url(../images/puce-supersur.gif) no-repeat scroll 0 5px; padding-left: 12px; line-height:16px; font-weight:normal;}
p{ padding-bottom:10px;line-height:18px;margin:5px 0 15px;}
.clear { clear:both; width:100%; height:0; line-height:0; }
.cache { display:none; }
.left { display:block; float:left; }
.right { display:block;float:right; }
.floatnone { float:none !important; }

.comm{display:none;color:#888; position:absolute; margin-top:-18px;margin-left:18px; background:#ffc; border:1px solid #fa5;padding:3px;}

input{border:1px double #bbb;}
input.error, textarea.error{border:2px solid #e00;}

label{display:block; text-align:left; padding-right:10px;}
/*
 *
 * MESSAGES DE CONFIRMATION
 * Propriétés des éléments de validation ou d'échec des formulaires
 *
*/
.comm_error { color:#c22; }
.avert_message, .error_message{padding:7px 15px; margin:7px auto; font-size:14px; font-weight:bold;width:500px;text-align:center;}
.avert_message { background:#afa; color:#262; border:3px solid #262;  }
.error_message {  background:#faa; color:#622; border:3px solid #622;}


/** Galerie automatise **/
.gallery{width:100%;margin-bottom:15px;overflow:hidden;}
.gallery li{float:left;margin-right:5px;}
.gallery img{border:0;}
/** Fin galerie */

/*
 *
 * PAGINATION
 * Propriétés du système de pagination présent sur le site
 *
*/
.pagination_number { width:100%; height:24px; }
.pagination { width:100%; height:24px; }
.pagination_nb { display:block; float:left; border:1px solid #c7c7c7; background:#FFF; width:18px; height:17px; margin-top:1px; padding-top:3px; text-align:center; margin-right:2px; }
.pagination_nb a { float:left; width:18px; height:20px; color:#0099FF; font-size:12px; font-weight:bold; }
/* .pagination_nb:hover { float:left; border:1px solid #FB3FB9; width:18px; height:17px; color:#FB3FB9; font-size:12px; font-weight:bold; }*/
.pagination_nb_actif a { float:left; background:#FFF; width:18px; height:17px; border:1px solid #0099FF; color:#0099FF; font-size:12px; font-weight:bold; padding-top:3px; text-align:center; margin-right:2px; margin-top:1px; }


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

#header{text-align:center;padding-top:32px;border-bottom:1px solid #F7B31F;height:105px;background:url(../images/header-bckg.png) repeat-x;}
#header a{display:block;}
#headerWrapper{ position:relative;overflow:hidden;width:990px; margin:0 auto;}
#logo{float:left;display:block; padding:5px 0; text-indent:-9000px; width:156px; height:155px; background:url('../images/supersur.png') no-repeat 0px 5px;}
#header h2{position:absolute; bottom:0px; left:170px; color:#f00; font-weight:bold; font-size:15px;background:none;padding:0;}

#mainMenu{width:410px; top:14px;position:relative;margin:0 auto;}
#mainMenu td{ text-align:center;}
#mainMenu ul{ overflow:hidden;background:url(../images/menu-bckg.png);height:40px;}
#mainMenu li{ text-align:center;float:left;line-height:40px;font-weight:bold; background:none; padding-left: 0;}
#mainMenu li.gauche{background:url(../images/menu-left-bckg.jpg);width:18px;height:40px;}
#mainMenu li.droite{background:url(../images/menu-right-bckg.png);width:20px;height:40px;float:right;}
#mainMenu a{ display:block;font-size:1em; color:#F7B31F; padding:0px 12px 0 12px;text-decoration:none;}
#mainMenu a:hover{color:white;}
#mainMenu a.active{text-decoration:underline;color:#FFFFFF;}
#mainMenu a.active:hover{text-decoration:underline;color:#F7B31F;}



/********** FOOTER ***********/
/********** FOOTER ***********/

#footer{height:100px;width:100%;}
#footerWrapper{ width:777px; margin:0 auto; height:44px;background:url(../images/footer-bckg.png) no-repeat;position:relative;}
.footerLeft{margin-left:67px;float:left;margin-top:7px;width:400px;}
.footerLeft li{float:left;background:none; padding-left: 0;height:10px;}
.footerLeft a{color:#fff; padding:0px 5px;}

#footer #bottomLine{ padding:5px; clear:none; margin-top:10px;text-align:center;}
#footer #bottomLine, #bottomLine a{color:#fff; font-weight:bold;font-size:13px;}
#medaillonFooter{background:url(../images/medaillon.png) no-repeat left;width:83px;height:84px;position:absolute;top:-17px;left:-18px;}
#footerRight{float:right;color:white;margin-top:7px;width:230px;margin-right:10px;text-align:right;font-size:x-small;}
#footerRight li{color:white;float:right;}
#footerRight li a{color:white;text-decoration:none;}
#footerRight li a:hover{text-decoration:underline;}

/************ CONTENU ************/
/************ CONTENU ************/
.gras{font-weight:bold;}
#global{background:url('../images/page-bckg.png') repeat-x;}
#main{}
#mainWrapper{padding:40px 20px 0;margin:0 auto;width:735px;overflow:hidden;border-left:1px solid #F6B21F;border-right:1px solid #F6B21F;background-color:#000000;}
#mainWrapper li{background:transparent url(../images/puce.png) no-repeat scroll 0 3px;list-style-image:none;list-style-type:none;list-style-position:outside;padding-left:15px;margin-bottom:4px;text-align:left;color:white;}
.focus{color:#F6B21F;}
.signature-site{font-size:22px;margin:0 3px;padding-bottom:20px;text-align:center;clear:left;}

.illustration img{background-color:#464441;border:1px solid #7F7F7F;margin:8px;padding:4px;}

/** Page d'accueil **/
/** Page d'accueil **/

#main .colonne1{float:left; margin:0px 0 20px 10px;width:470px;}
#main .colonne2{float:left; margin:0px 0 20px 20px; width:200px;}
#main .colonne2 .sep{height:1px; width:100%;border-top:1px solid #ccc; margin:15px 0;}

#mainImg{float:left; margin:0px 20px 10px 10px;width:470px;}
#mainBas{margin:0px 0px 0px 10px;}

#main .suite{float:right;font-weight:bold; color:#a00;padding-left:12px; background:url('../images/fleche.png') no-repeat 0px 5px; margin-top:4px;}

.linksBorder{display:block;background:url(../images/accueil-ins-btm-bckg.png) repeat-x;border-color:#747271;font-size:15px;padding:13px 0;text-align:center;border-width:1px 1px 4px;border-style:solid;}
#linksHome{float:left;width:230px;}

#AccueilAvantages{text-align:center;width:200px;font-size:13px;background-color:#43423F;
	background-color:#393734;border-left:1px solid #747271;border-right:1px solid #747271;border-top:1px solid #747271; /*border-bottom:3px solid #747271;*/margin-bottom:20px;}
#AccueilAvantages .corps{padding:10px;}
#AccueilAvantages .corps p{margin-bottom:0px;}
#AccueilAvantages .homeLinks{}
#AccueilAvantages ul{margin:20px 0 10px 30px;}
.orange{border:1px solid #FBAE18;margin-bottom:20px;background-color:#393734;text-align:center;overflow:hidden; }
.orange p{padding:10px;}

#memberAccess{border-bottom:3px solid #FBAE18;border-top:3px solid #FBAE18;width:224px;text-align:center;background-color:#393734;}
#memberAccess label{text-align:center;margin-bottom:2px;}
#memberAccess h3{margin-top:10px;}

#flash{margin:0 0 0 0px; float:left; padding-bottom:0px; border:#747271 solid 1px; border-bottom:#747271 solid 4px;}
#inscription #flash{position:absolute; top:7px; right:7px; *right:22px; border:#747271 solid 1px; border-bottom:#747271 solid 5px; }

#btnInscription{float:left;width:227px; height:86px;margin:5px 0 0 0px; background:url("../images/inscription.png"); display:block; text-decoration:none;}
#btnInscription:hover{background-position:0px 86px;}

#ajaxResCentres{width:200px;position:absolute;z-index:1;background:#333333; border:1px double #ccc;font-size:11px;display:none;}
#ajaxResCentres a{display:block;font-size:10px;line-height:17px;padding-left:5px;}
#ajaxResCentres a:hover{background-color:black;}

/******** Page de contenu ********/
/******** Page de contenu ********/

#contentPage{overflow:hidden;margin-bottom:20px;}

.sitemap1{font-size:16px; font-weight:bold; display:block;padding:7px 0 0 8px; color:#AA0000;}
.sitemap2{font-size:14px; font-weight:normal; display:block;padding:5px 0 0 25px; color:#333333;}

.centre{ float:left; width:250px; margin:0 10px 10px 0; background:#eef;padding:5px;}

.pagination{margin:7px 0;}
a.page{ margin:3px; text-align:center; background:#ddf;padding:5px 7px; line-height:20px; width:30px;}

.listingcentres{border-bottom:2px solid #F6B21F;font-size:12px;}
.listingcentres thead{
background:url(../images/recherche-head-bckg.png); color:black;height:20px;
}
.listingcentres thead td{padding:8px;}
.listingcentres tr.dark{background-color:#464441;}
.listingcentres td{padding:3px 8px;}
.listingcentres tr.light{background-color:#5F5F5F;}


#tableAvantages{}
#tableAvantages td{padding:5px 12px;}


/** Sous menu **/
#leftInside{width:170px;float:left;text-align:left;margin-left:10px;background:url('../images/pointille-rouge.gif') right repeat-y;}
#leftInside h1{text-align:left;font-size:14px;width:95%;padding-top:5px;border-bottom:1px double #CCCCCC;padding-bottom:7px;}
#leftInside a{color:#AA0000;background:transparent url(../images/fleche.png) no-repeat scroll 0 5px;padding-left:10px;margin-bottom:5px;font-weight:bold;font-size:13px;display:block;width:150px;padding-bottom:2px;}
#leftInside a.bordure{}
#leftInside a:hover{text-decoration:underline;}
#leftInside a.active{color:black;background:none;padding-left:0px;}

#rightInside{float:left;width:750px;margin-left:20px;}

/** FIN SOUS MENU **/


/**** CONTACT + NEWSLETTER****/
#contact textarea{border:1px double #BBBBBB;}
#contact{background-color:#464441;border-bottom:3px solid #7F7F7F;border-top:3px solid #7F7F7F;}
#contact .btnenvoyer{background:url(../images/btn-envoyer.png) no-repeat;width:143px;height:38px;cursor:pointer;margin-top:15px;cursor:pointer;border:0 none;}

#newsletter{border:1px dashed #AA0000;width:250px;padding:10px;}

#contact_form{margin-bottom:20px;padding:10px;width:500px;text-align:left; background:#464441; border-top:#7f7f7f solid 3px; }
#contact_form label, #contact_form input{margin:2px;}
#contact_form input{border:2px solid #7F7F7F;}
#contact_form input:focus{border:2px solid #F7B600;}
#contact_form H3{padding:6px 0 6px 10px;}

.BlocContact{border-bottom:3px solid #7F7F7F;border-top:3px solid #7F7F7F;padding:12px;margin:15px 0;background-color:#464441;}

/**** FIN CONTACT ****/

/*** AVANTAGES ***/
.avantages{margin-bottom:20px;overflow:hidden;}
.avantages h2{margin:0;}
.avantages img{float:left;margin-right:10px;}
/*** FIN AVANTAGES ***/


/*** INSCRIPTION ***/
#inscription .submit{background:#bfb; border:2px solid #060;cursor:pointer; font-size:15px; font-weight:bold; padding:12px; width:200px; margin:10px auto 0;}
select{border:1px solid #aaa;}
#inscription .pointillesRouges{background:url('../images/pointille-rouge.gif') repeat-y; height:400px; width:2px; margin:0px 20px 0 20px;  }
textarea{border:1px double #ccc;}
#inscription input{margin:3px 0;}



/** pass oublié ? **/

#passforgot{}
#passforgot input{padding:3px; font-size:15px;}
#passforgot .submit{background:#afa; border:2px solid #0a0;cursor:pointer; font-size:15px; font-weight:bold; padding:7px; width:200px; margin:10px auto 0;}


/** inscription **/

#formInscription{position:relative;background-color:#464441;border-bottom:3px solid #7F7F7F;border-top:3px solid #7F7F7F; padding:7px;}