@charset "utf-8";

@import "reset.css";
@import "couleur.css";
@import "betweenus.css";

/*------------------------------------------------------------------
[Sommaire]

1. BODY HEADER FOOTER HOME NAV
2. INSCRIPTION
3. NEWS
4. ANNU
5. MEMBRE
6. EVENTS
7. BOUTIQUE
18. Fil ARIANNE
19. TYPO
20. TEMP
21. TAUX COMPLETUDE
22. INTERSTITIEL
23. CONCOURS
24. BETWEEN US
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. BODY HEADER FOOTER]
*/
body { background-color: #FFFFFF; margin: 0px; padding: 0 0 25px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width:100%; color:#000000; height:100%;}
a{text-decoration: none; color:#000000; }
/*
a:link { color: #000000; text-decoration: none; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline; color: #000000; }
a:active { text-decoration: underline; color: #000000; }
*/

.boutAide{ margin:0 8px;}
.space-5{ width:5px; height:5px;}
.space-10{ width:10px; height:10px;}
.bulleaide{ background-color:#666666; border:2px solid #CCCCCC; padding:4px; color:#ffffff; max-width:200px; }

/* ==== TETE =========================================================== */
#tete{ width:100%;}
#tete .bande-rouge{ background-color:#bd1b1f; height:21px; background-image: url(../media/interface/tete-logo-byc-02.gif); background-repeat: no-repeat; background-position: left top; color:#FFFFFF;}
#tete img{ margin:0 3px 0 3px; }
#tete a{ color:#ffffff; text-decoration:underline; }
#tete a:hover{ color:#000000; }

/* ==== PIED =========================================================== */
#pied{ background-color:#000000; padding:0 0 20px 0; }
#pied table{ width:700px; color:#b52420; }
#pied a{ color:#6e6463; text-decoration:none; }
#pied a:hover{ color:#ffffff; }

/* ==== NAVIGATION HOME =========================================================== */
.nav-home{ padding:0 10px 10px 10px; width:148px; background: #b52420 url(../media/interface/nav-fond.gif) repeat left top; }
.nav-home ul{ margin:0px; padding:0px; list-style:none; }
.nav-home ul li{ margin:0; padding:0; display:inline;}
.nav-home a{ text-decoration:none; color:#000000; font-weight:bold; font-size:12px; display:block; background-image: url(../media/interface/puce-off.gif); background-repeat: no-repeat; background-position:0 4px; margin:8px 0; padding:2px 0 2px 18px; }
.nav-home a i{ font-weight:normal; font-style:normal; font-size:11px; }
.nav-home a:hover , .nav-home a.on{ color:#ffffff; background-image: url(../media/interface/puce-on.gif); }
.nav-home .connexion{ width:125px; position:absolute; margin:15px 0 0 -145px;  padding:0px; color:#999999; }
.nav-home .connexion label{ display:block; margin-bottom:5px; }
.nav-home .connexion .champ{ width:120px; border:1px solid #000000; background-color:#333333; font-size:11px; padding:1px; margin:0; color:#ffffff; }
.nav-home .connexion .valide{ width:124px; border:1px solid #666666; background-color:#000000; font-size:11px; color:#ffffff; cursor:pointer; }
.nav-home .connexion .sep-horiz{ border-bottom:1px dashed #666666; margin:8px 0; width:124px; height:1px; }
.nav-home .connexion a{ background:none; color:#666666; font-size:10px; margin:3px 0 0 0; padding:0;}
.nav-home .connexion a:hover{ background:none;color:#FFFFFF; }
.nav-home .connexion #zonepass{ display:block; margin:6px 0 0 0; }

.nav-home .carte-membre{ width:200px; height:125px; position:absolute; margin-left:-40px; margin-top:0; z-index:1;}

/* ==== NAVIGATION INTERIEUR =========================================================== */
.nav-interieur{background-image: url(../media/interface/nav-fond.gif); background-repeat: repeat; background-position: 0 0; padding:3px; margin:0 0 20px 140px; }
.nav-interieur a{ text-decoration:none; color:#000000; font-weight:bold; font-size:11px; background-image: url(../media/interface/puce-off.gif); background-repeat: no-repeat; background-position:0 2px; padding:1px 2px 1px 15px; margin:0 3px 0 3px; display:block; }
.nav-interieur a:hover , .nav-interieur a.on{ color:#ffffff; background-image: url(../media/interface/puce-on.gif); }

/* ==== CONTENU =========================================================== */
#contenu{ background-color:#000000; min-height:400px;}
#contenu-blanc{ background-color:#ffffff; min-height:400px;}
#contenu .sep-horiz-b{ background-color:#CCCCCC; height:1px; margin:10px 0; }


/*------------------------------------------------------------------
[2. INSCRIPTION]
*/
/* ==== NAVIGATION INSCRIPTION =========================================================== */
.nav-inscription{ background-color: #000; background-repeat: repeat; background-position: 0 0; padding:0px; margin:0 0 20px 0; font-weight:bold; font-size:11px; color:#828282; }
.nav-inscription td{padding-right:25px;}
.nav-inscription_on{color:#b52420;}


.ligne-sep-inscription{ border-bottom:1px solid #CCCCCC; margin:2px 0 2px 0; }
input, select{ vertical-align:middle; }

/* ==== INSCRIPTION1 =========================================================== */
#inscription1{width:690px; height:380px; margin:5px; color:#FFFFFF;}

#inscription1 p{ margin:10px 0 0 0; font-size:12px; }
#inscription1 b{ font-size:13px; color:#b52420; }
#inscription1 i{ color:#999999; }

/* ==== FORM INSCRIPTION 2-3-4-5 =========================================================== */
#inscription2{width:690px; min-height:410px; margin:5px; color:#000000;}
#inscription2 .ligne-sep { background-color:#F5F5F5}
#inscription2 .sep-horiz{ height:1px; background-color:#CCCCCC; margin:5px 0; }
#inscription2 .ligne-doublesep-inscription2 { background-color:#FFF; height:1px;}
#inscription2 .ligne-doublesep-inscription3 { background-color:#FFF; height:1px;}
#inscription2 .ligne-doublesep-inscription4 { background-color:#FFF; height:8px;}
#inscription2 .ligne-doublesep-inscription5 { background-color:#FFF; height:6px;}
/*#inscription2 label { font-size: 12px; }*/
#inscription2 .Champ { color:#000; font-size: 12px; border:1px solid #CCC;}
#inscription2 .ChampTypeNom { color:#000; font-size: 12px; width:150px; border:1px solid #CCC;}
#inscription2 .ChampTypeCP { color:#000; font-size: 12px; width:50px; border:1px solid #CCC;}
#inscription2 .ChampTypeTel { color:#000; font-size: 12px; width:100px; border:1px solid #CCC;}
#inscription2 .ChampTypeAdresse { color:#000; font-size: 12px; width:450px; border:1px solid #CCC;}
#inscription2 .ChampTypeRadio{}
#inscription2 .ChampTypeCheckbox{}
#inscription2 .ChampTypeSelectJJ{ color:#000; font-size: 12px; width:50px; border:1px solid #CCC;}
#inscription2 .ChampTypeSelectMM{ color:#000; font-size: 12px; width:50px; border:1px solid #CCC;}
#inscription2 .ChampTypeSelectAAAA{ color:#000; font-size: 12px; width:80px; border:1px solid #CCC;}
#inscription2 .ChampTypeSelect{ color:#000; font-size: 12px; border:1px solid #CCC;}
#inscription2 .ChampTypeSelectOption{color:#b52420; font-weight: bold;} /*utilisation dans zone navi*/

/*------------------------------------------------------------------
[3. NEWS]
*/
/* ==== Page News A la Une =========================================================== */
#news1 {width:922px; min-height:426px; height:auto; margin:0; padding:0; color:#000000;}
#news1 #LienArchive { margin:15px 0 10px; padding:0; font-style: italic; }
#news1 #flash1 { width:260px; height:388px; margin:0; padding:0; border:none; }
#news1 .news-header { background-image: url(../media/news/header.gif); background-repeat: no-repeat; background-position: 0 0; height:64px; width:652px;}
#news1 #alauneGauche { }
#news1 #alauneDroite1 {width:318px;}
#news1 #alauneDroite1 img {margin:0 8px 8px 0; float:left; display:inline; /*fix IE 6*/}
#news1 #alauneDroite2 {width:318px; border-top:solid 1px #e1d9cf;  border-bottom:solid 1px #e1d9cf; margin:8px 0; padding:8px 0;}
#news1 #alauneDroite2 img {margin:0 0 8px 8px; float:right; display:inline; /*fix IE 6*/}
#news1 #alauneDroite3 {width:318px;}
#news1 #alauneDroite3 img {margin:0 8px 8px 0; float:left; display:inline; /*fix IE 6*/}

/* ==== Page News-details =========================================================== */
#news1 #news-retour { margin:25px 0 0 10px; float:left; display:inline; /*fix IE 6*/ }
#news1 #news-date{ margin:25px 0 0 550px; }
#news1 #news-details-titre{ margin:10px 0; }
#news1 #news-DetailsGauche{}
#news1 #news-lien-image{text-align:right; margin:5px 0;}
#news1 #news-InfoDate{ margin:10px 0; border-top:solid 1px #e1d9cf; border-bottom:solid 1px #e1d9cf; padding: 5px 0; }
#news1 #news-fichier{ margin:10px 0; }
#news1 #news-fichier img{ margin:0px 5px 0px 2px; float:left; display:inline; /*fix IE 6*/ }
#news1 #news-DetailsDroite{width:318px;}
#news1 #news-DetailsDroite a:link, #news1 #news-DetailsDroite a:visited{ color:#b52420; text-decoration:underline; } /*lien dans le corsp d'une news */
#news1 #news-DetailsDroite a:hover, #news1 #news-DetailsDroite a:active{ color:#b52420; text-decoration:underline; } /*lien dans le corsp d'une news */

/* ==== Page News-archives =========================================================== */
#news1 #news-form-archives{ margin:0 0 0 0; }
#news1 #news-form-archives label { color:#b52420; font-size: 12px; }
#news1 #news-form-archives .ChampTypeMM { color:#000; font-size: 12px; width:45px; border:1px solid #CCC; }
#news1 #news-form-archives .ChampTypeAAAA { color:#000; font-size: 12px; width:60px; border:1px solid #CCC; }
#news1 #news-form-archives .ChampTypeNom { color:#000; font-size: 12px; width:100px; border:1px solid #CCC; }
#news1 .reponse-recherche { margin:4px 0 4px 0; min-height:83px; border-bottom:solid 1px #e1d9cf; width:636px;}
#news1 .reponse-recherche img{ margin:0 8px 8px 0; float:left; display:inline; /*fix IE 6*/}
#news1 .pages{ border-left:solid 1px #e1d9cf;  border-right:solid 1px #e1d9cf; }


/*------------------------------------------------------------------
[4. ANNU]
*/
/* ==== Page annuaire2 =========================================================== */
#fil-arianne-annuaire {width:930px; margin:0; padding:0; color:#FFF;}
#annuaire {width:930px; min-height:426px; height:auto; margin:0; padding:0; color:#FFF;}
#annuaire .annuaire-lien-blog a { display:block; color:#FFFFFF; text-decoration:none; width:240px; }
#annuaire .annuaire-lien-blog a:hover { color:#CCCCCC; }
#annuaire-form { width:656px; margin:0; padding:18px 12px 0 12px; background-color:#303030; color:#606060;}*
#annuaire-form form{margin:10px 0 0 0;}
#annuaire-form .ChampPays { color:#a6a6a6; font-size: 12px; background-color:#4d4d4d; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #d4d0c8; border-bottom:1px solid #d4d0c8;}
#annuaire-form .ChampModeles{ color:#a6a6a6; font-size: 12px; background-color:#4d4d4d; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #d4d0c8; border-bottom:1px solid #d4d0c8;}
#annuaire-form .ChampTexte{ color:#a6a6a6; font-size: 12px; background-color:#4d4d4d; border-left:1px solid #808080; border-top:1px solid #808080; border-right:1px solid #d4d0c8; border-bottom:1px solid #d4d0c8;}
#annuaire-form .valider{ color:#FFF; font-size: 9px;  border:1px solid #5b5a5a; background: url(../media/annuaire/fond-submit.gif) repeat-x center;  }
#annuaire-content { width:656px; min-height:426px; height:auto; margin:0; padding:8px 12px 12px 12px; background-color:#303030;}
/* === listing membres =========================================================== */
#annuaire-content .tableau-membres {}
#annuaire-content .tableau-membres-tetiere{ border-bottom:solid 1px #FFFFFF; color:#FFFFFF; font-size: 12px; font-weight: bold; background-color:#303030; text-align:center; line-height: 30px; }
#annuaire-content .tableau-membres-ligne1{ background-color:#222222; text-align:center; }
#annuaire-content .tableau-membres-ligne2{background-color:#303030;text-align:center; }
#annuaire-content .tableau-membres-ligne1 td, #annuaire-content .tableau-membres-ligne2 td{ border-right:solid 1px #4e4e4e; }
#annuaire-content .tableau-membres-ligne1 .noborder, #annuaire-content .tableau-membres-ligne2 .noborder{ border:none; }
#annuaire-content .tableau-membres-ligne1 a,#annuaire-content .tableau-membres-ligne2 a { display:block; color:#FFFFFF; cursor:pointer; }
#annuaire-content a b{ display:block; color:#b52420; font-size:15px; font-weight:bold; text-transform:uppercase; }
#annuaire-content a:hover  { color:#b52420; text-decoration:none; }
#annuaire-content tr.tableau-membres-ligne-sep1{ background: #222222 url(../media/annuaire/sep-ligne1.gif) repeat-x; }
#annuaire-content tr.tableau-membres-ligne-sep2{ background: #222222 url(../media/annuaire/sep-ligne2.gif) repeat-x; }
#annuaire-content #nbpagesmembres{ color:#FFF; font-size: 12px; margin-top: 20px; }
#annuaire-content #nbpagesmembres a{color:#ffffff; text-decoration:none; }
#annuaire-content #nbpagesmembres a:hover{ text-decoration:underline; } 
/* === news droite =========================================================== */
#annuaire-col-droite{width:240px; margin:0; padding:0; }
#annuaire-col-droite a{color:#000000;}
#annuaire-col-droite #membresUne{background-color:#fef5e8; color:#000; padding: 0 12px 12px 12px; margin-bottom:10px;}
#annuaire-col-droite #membresUne p.text-rouge-Ar12{ margin:3px 0 8px 0; display: block; }
#annuaire-col-droite #membresUne img.photomembre{margin:0 8px 8px 0; float:left; display:inline; /*fix IE 6*/}

/*------------------------------------------------------------------
[5. MEMBRE]
*/
/* ==== PROFIL PRIVATE =========================================================== */
.profil-contenu{ background-color:#FFFFFF; padding:10px 0 60px 0; background-image: url(../media/interface/profil-vague.gif); background-repeat: repeat-x; background-position: center bottom; }
.profil-sepvert{ background-image: url(../media/interface/profil-sepvert.gif); background-repeat: repeat-y; background-position: left top; width: 22px; }
.profil-sephoriz{ background-image: url(../media/interface/profil-sephoriz.gif); background-repeat: repeat-x; background-position: left top; height: 22px; }
.profil-img-membre{ border-right:7px solid #bd1b1f; }
.profil-img-bateau{ border-left:7px solid #bd1b1f; margin-bottom:5px; }
.profil-ariane{ border-bottom:1px solid #CCCCCC; width:664px; margin-bottom:10px; padding:2px; text-align:right; color:#bd1b1f; }
.profil-ariane a, .profil-ariane b{ color:#000000; text-decoration:none; }
.profil-ariane a:hover{ text-decoration:underline; }
.profil-nom{ margin:0 0 4px 0; color:#000000; font-size:11px; font-weight:bold; }
.profil-nom b{ color:#bd1b1f; font-size:16px; }
.profil-presentation{ margin:0; color:#000000; font-size:11px; }
.profil-plus, .profil-moins{ margin:2px 0 0 0; font-size:11px; padding:0 0 0 15px; background-repeat: no-repeat; background-position: left center; }
.profil-plus { background-image: url(../media/interface/profil-plus.gif); }
.profil-moins { background-image: url(../media/interface/profil-moins.gif); }
.profil-nav-horiz{ margin:10px 0 0 0; }
.profil-nav-horiz a{ display:block; background-color:#bd1b1f; width:216px; padding:4px 2px; font-weight:bold; text-decoration:none; color:#000000; text-align:center; }
.profil-nav-horiz a:hover, .profil-nav-horiz .on{ color:#FFFFFF; }
.profil-nav-horiz-alt{ margin:10px 0 0 0; }
.profil-nav-horiz-alt a{ display:block; background-color:#bd1b1f; width:auto; padding:4px 2px; text-decoration:none; color:#000000; text-align:center; font-weight:bold; }
.profil-nav-horiz-alt a:hover, .profil-nav-horiz-alt .on{ background-color:#FFFFFF; color:#bd1b1f; border:2px solid #bd1b1f; padding:2px 0px; }
.profil-titre-carnet{ font-size:12px; color:#666666; margin:20px 0 5px 0; }
.profil-contact a{ display:block; padding:44px 6px 0 6px; font-size:12px; text-decoration:none; color:#000000; background-image: url(../media/interface/profil-contact.gif); background-repeat: no-repeat; background-position: left top; width: 228px; height:33px; margin-top:20px; }
.profil-contact a:hover{ color:#FFFFFF; }
.profil-contact #zonemessage { display:none; background-color:#bd1b1f; padding:4px; font-weight:bold; color:#FFFFFF; border-top-width: 1px; border-top-style: dotted; border-top-color: #690f0d; }
.profil-contact #zonemessage .champ{ border:0px solid #FFFFFF; font-size:11px; width:230px; height:150px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
.profil-contact #zonemessage .valide{ background-color:#c75955; border:1px solid #7a0900; font-size:11px; color:#FFFFFF; width:232px; padding:2px 0; margin-top:2px; background-image: url(../media/interface/fond-bout-rouge.gif); background-repeat: repeat-x; cursor:pointer; }
.profil-lien-blog a { display:block;color:#000000; text-decoration:none; width:240px; }
.profil-lien-blog a:hover { color:#666666; }
.profil-humeur{ margin:0 0 4px 0; font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight:bold; font-style: italic; color: #666666; }

.pictoswin{ font-size:10px; color:#a57842; padding:0 10px 0 0; }
.pictoswin img{ margin:5px 5px 0 0; }

#membre .nav{ padding:10px; width:148px; background: #b52420 url(../media/interface/nav-fond.gif) repeat left top; }
#membre .nav h1{ font-size:15px; color:#FFFFFF; }
#membre h1{ font-size:16px; color:#c5121f; margin-bottom:5px; text-transform:uppercase; }
#membre h2{ font-size:13px; color:#FFFFFF; }
#membre h3{ font-size:13px; color:#FFFFFF; background-color:#999999; padding:2px; margin-bottom:4px; }
#membre .nav a{ text-decoration:none; color:#000000; font-weight:bold; font-size:11px; display:block; background-image: url(../media/interface/puce-off.gif); background-repeat: no-repeat; background-position:0 4px; margin:4px 0; padding:2px 0 2px 18px; }
#membre .nav a i{ font-weight:normal; font-style:normal; font-size:11px; }
#membre .nav a:hover , #membre .nav a.on{ color:#ffffff; background-image: url(../media/interface/puce-on.gif); }
#membre .contenu{width:690px; min-height:430px; background-color:#FFFFFF; padding:10px; }
#membre fieldset label{ display:block; float:left; width:300px; }
#membre fieldset{ padding:6px 4px; }
#membre legend{ margin-bottom:2px; }
#membre b{ color:#c5121f; text-transform:uppercase; }
#membre input { color:#000; font-size: 12px; }
#membre .champ{border:1px solid #999999; }

/* ==== CARNET BORD =========================================================== */
.carnetdebord-tete{ background-color:#CCCCCC; background-image: url(../media/interface/profil-vague-low.gif); background-repeat: repeat-x; background-position: left top; font-size:15px; color:#666666; font-weight:bold; padding:10px 10px 5px 40px; margin-top:15px; text-transform:uppercase; }
.carnetdebord{ width:644px; padding:8px; border-top-width: 0px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; }
.carnetdebord-membre{ width:670px; }
.carnetdebord a, .carnetdebord-membre a{ text-decoration:underline; }
.carnetdebord h1, .carnetdebord-membre h1{ color:#bd1b1f; font-size:16px; margin:3px 0 0 0; }
.carnetdebord .date,.carnetdebord-membre .date{ font-size:12px; font-weight:bold; }
.carnetdebord .picto,.carnetdebord-membre .picto { background-image: url(../media/interface/carnetdebord.jpg); background-repeat: no-repeat; background-position: left top; height: 40px; width: 60px; margin:0 5px 0 0; }
.carnetdebord .sep-horiz,.carnetdebord-membre .sep-horiz{ border-bottom:4px solid #cccccc; margin:10px 0; }
.carnetdebord p,.carnetdebord-membre p{ color:#333333; margin:10px 0; line-height:16px; }
.carnetdebord .publie,.carnetdebord-membre .publie{ border-top:1px dashed #cccccc; text-align:right; margin-top:4px; padding-top:2px; color:#666666; }
.carnetdebord .publie a,.carnetdebord-membre .publie a{ color:#333333; font-weight:bold; }
.carnetdebord .nbpages,.carnetdebord-membre .nbpages{ color:#999999; font-size: 12px; margin:5px; }
.carnetdebord .nbpages a,.carnetdebord-membre .nbpages a{ color:#000000; text-decoration:none; }
.carnetdebord .nbpages a:hover,.carnetdebord-membre .nbpages a:hover{ text-decoration:underline; }
.carnetdebord .categorie,.carnetdebord-membre .categorie{ padding:0 0 5px 0; text-align:right; border-bottom:3px solid #bd1b1f; }
.carnetdebord .categorie select,.carnetdebord-membre .categorie select{ border:1px solid #999999; font-size:11px; }
.carnetdebord .categorie label,.carnetdebord-membre .categorie label{ font-weight:bold; }
.carnetdebord .images a,.carnetdebord-membre .images a{ display:block; font-size:10px; padding:5px; border:1px solid transparent; text-decoration:none; color:#333333; }
.carnetdebord .images a:hover,.carnetdebord-membre .images a:hover{ border:1px dashed #999999; }


/* ==== SECTIONS PRIVATE =========================================================== */
.sections-home { width:210px; color:#d30005; font-size:12px; padding:0 10px 0 0; }
.sections-home b { color:#ffffff; }
.sections-int-sepvert { width:10px; height:10px; }
.sections-int-backnav { background-image: url(../media/interface/sections-int-fondnav.jpg); background-repeat: no-repeat; background-position: right top; }
.sections-int-news { width:150px; padding:30px 10px 10px 10px; min-height:385px; background-color:#fef5e8; background-image: url(../media/interface/sections-int-news.gif); background-repeat: no-repeat; background-position: left top; }
.sections-int-nav { width:132px; padding:30px 10px 0 28px; text-align:left; }
.sections-int-nav .titre { color:#FFFFFF; font-size:14px; text-transform:uppercase; font-weight:bold; margin:0 0 20px 0; }
.sections-int-nav a{ color:#000000; text-decoration:none; display:block; margin-top:2px; }
.sections-int-nav a:hover, .sections-int-nav a.on{ color:#ffffff; }
.sections-int-nav .sep-horiz{ border-bottom:1px dotted #000000; margin:10px 0; width:120px; height:1px; }
.sections-int-data{ background-repeat: no-repeat; background-position: right top; min-height:365px; padding:20px; }
.sections-int-data .titre{ font-size:24px; color:#c5121f; font-weight:bold; letter-spacing:2px; }
.sections-int-data .soustitre{ font-size:12px; color:#000000; width:320px; margin-bottom:15px; }
.sections-int-data .fichiers a{ display:block; font-size:10px; padding:5px; border:1px solid transparent; text-decoration:none; color:#333333; width:100px; }
.sections-int-data .fichiers a:hover{ border:1px dashed #999999; }
.sections-ariane{ height:20px; text-align:right; color:#bd1b1f; }
.sections-ariane a, .sections-ariane b{ color:#ffffff; text-decoration:none; }
.sections-ariane a:hover{ text-decoration:underline; }
.sections-int-news a.news-a{ color:#c5121f; text-decoration:none; }
.sections-int-news a.news-b{ color:#000000; text-decoration:none; display:block; margin-top:5px; }
.sections-int-news a.news-a:hover, .sections-int-news a.news-b:hover{ color:#333333; }

/*------------------------------------------------------------------
[6. EVENTS]
*/
/* ==== VIP =========================================================== */
#vip { width:810px; height:386px; overflow:hidden; background: url(../media/interface/vip-fond.gif) repeat-x fixed left top; }
#vip .element { width:670px; }
#vip .fleche { width:30px; height:326px; float:left; }
#vip .fiche { width:580px; height:326px; float:left; }
#vip .titre { min-height:37px; background: url(../media/interface/vip-picto-enveloppe.gif) no-repeat left center; padding:8px 0 0 60px; margin:10px 0 10px 0; font-weight:bold; }
#vip .titre b { font-size:14px; color:#FFFFFF; }
#vip .sep { background-color:#aa181c; height:2px; margin:10px 0 10px 0; }
#vip .space { width:10px; height:10px; }
#vip .informations b { font-weight:normal; color:#FFFFFF; }
#vip .pdf { float:right; min-height:30px; background: url(../media/interface/vip-pdf.gif) no-repeat left center; padding:0 0 0 35px; }
#vip .pdf a { color:#000000; text-decoration:none; }
#vip .pdf a:hover { color:#ffffff; }
#vip .visuel { margin:0 10px 0 0; }
#vip .presentation p { color:#FFFFFF; margin:0 0 5px 0; }
#vip .presentation a { display:block; width:235px; height:27px; background: url(../media/interface/vip-bouton-rouge.gif) no-repeat left top; color:#FFFFFF; font-weight:bold; text-align:center; line-height:27px; text-transform:uppercase; text-decoration:none; margin:10px 0 0 0; }
#vip .presentation a:hover { color:#000000; }
#vip .demande { width:770px; height:346px; margin:20px; background-color:#ffffff; }
#vip form { margin:0; padding:0; }
#vip form input { vertical-align:middle; }
#vip form .champ { border:1px solid #999999; padding:2px; margin:0; font-size:12px; color:#333333; }
#vip form b { color:#bd1b1f; }
#vip h1 { font-size:13px; padding:0; margin:0; }
#vip .sep-vert { background: url(../media/interface/vip-sepvert.gif) repeat-y left top; width: 22px; }
#vip .valide { width:195px; height:27px; background: url(../media/interface/vip-bouton-gris.gif) no-repeat left top; color:#ffffff; font-weight:bold; text-align:center; font-size:11px; text-transform:none; border:none; cursor:pointer; text-decoration:none; }
#vip .retour { color:#000000; text-decoration:none; font-weight:bold; }
#vip .retour:hover { color:#bd1b1f; }
.vip-home-carte-left { background: url(../media/interface/vip-home-carte-left.gif) no-repeat right top; }
.vip-home-carte-left a { display:block; width:180px; color:#FFFFFF; text-decoration:none; top: 80px; float:right; position:relative; }
.vip-home-carte-left a:hover { color:#000000; }
.vip-home-carte-right { display:block; width:127px; height:386px; background: url(../media/interface/vip-home-carte-droite.gif) no-repeat left top; }
.vip-home-enveloppe { background: url(../media/interface/vip-home-enveloppe.jpg) no-repeat left top; }
.vip-home-enveloppe a { display:block; width:190px; text-align:center; font-weight:bold; color:#FFFFFF; text-decoration:none; left: 155px; top: 120px; position:relative; }
.vip-home-enveloppe a:hover { color:#000000; }



/*------------------------------------------------------------------
[7. BOUTIQUE]
*/
.boutique-intro1{ font-size:12px; color:#ffffff; }
.boutique-intro2{ font-size:12px; color:#d30005; }
.boutique-code{ font-size:12px; color:#FFFFFF; }
.boutique-lien a{ font-size:13px; font-weight:bold; color:#FFFFFF; }
.boutique-lien a:hover{ color:#bd1b1f; text-decoration:none; }
.boutique-explicit{ font-size:11px; color:#a3a59a; }
.boutique-legal{ font-size:10px; color:#d30005; }



.temp { background-image: url(../media/interface/temp.gif); background-repeat: repeat; }
.temp-white { background-image: url(../media/interface/temp-white.gif); background-repeat: repeat; border:1px solid #999999; text-align:center; color:#666666; text-transform:uppercase; }
.clr { clear:both; }
.erreur{ background-color:#FFB3B5; padding:2px; }






/*------------------------------------------------------------------
[18. Fil ARIANNE]
*/
#fil-arianne{color:#b52420}
#fil-arianne a:link, #fil-arianne a:visited{color:#FFF; text-decoration:none; } 
#fil-arianne a:hover, #fil-arianne a:active{color:#b52420; text-decoration:underline;} 

/*------------------------------------------------------------------
[19. TYPO]
*/
/* ==== 11px Standard ARIAL=========================================================== */
.text-noir-Ar11{ color:#000; font-size: 11px;} /* default*/
.text-noir-Ar11B{ color:#000; font-size: 11px; font-weight: bold;}
.text-rouge-Ar11{ color:#b52420; font-size: 11px; }
.text-rouge-Ar11B{ color:#b52420; font-size: 11px; font-weight: bold;}
.text-rouge-Ar11B a:link, .text-rouge-Ar11B a:visited{ color:#b52420; text-decoration:none; } /*news lien vers fichier (pdf,...) dans une news */
.text-rouge-Ar11B a:hover, .text-rouge-Ar11B a:active{ color:#b52420; text-decoration:underline;} /*news lien vers fichier (pdf,...) dans une news */
.text-blanc-Ar11{ color:#FFFFFF; font-size: 11px;}
.text-blanc-Ar11B{ color:#FFFFFF; font-size: 11px; font-weight: bold;}
.text-blanc-Ar11B a:link, .text-blanc-Ar11B a:visited{ color:#FFF; text-decoration:none; } /*news lien vers les archives ou lin vers A la Une */
.text-blanc-Ar11B a:hover, .text-blanc-Ar11B a:active{ color:#FFF; text-decoration:underline;} /*news lien vers fichier (pdf,...) dans une news */
.text-marron-Ar11{ color:#7f7a74; font-size: 11px;}
.text-marron-Ar11 a:link, .text-marron-Ar11 a:visited{ color:#7f7a74; text-decoration:none; } /*news lien vers fichier (pdf,...) dans une news */
.text-marron-Ar11 a:hover, .text-marron-Ar11 a:active{ color:#7f7a74; text-decoration:underline;} /*news lien vers fichier (pdf,...) dans une news */

/* ==== 12px ARIAL=========================================================== */
.text-noir-Ar12{ color:#000; font-size: 12px; }
.text-noir-Ar12B{ color:#000; font-size: 12px; font-weight: bold; }
.text-rouge-Ar12{ color:#b52420; font-size: 12px; }
.text-rouge-Ar12 a:link, .text-rouge-Ar12 a:visited{ color:#b52420; text-decoration:none; } /*not used */
.text-rouge-Ar12 a:hover, .text-rouge-Ar12 a:active{ color:#b52420; text-decoration:underline;} 
.text-rouge-Ar12B{ color:#b52420; font-size: 12px; font-weight: bold; } /*news*/
.text-rouge-Ar12B a:link, .text-rouge-Ar12B a:visited{ color:#b52420; text-decoration:none; } /*news lien titre */
.text-rouge-Ar12B a:hover, .text-rouge-Ar12B a:active{ color:#b52420; text-decoration:underline;} /*news lien titre */
.text-blanc-Ar12{ color:#FFFFFF; font-size: 12px; }
.text-blanc-Ar12B{ color:#FFFFFF; font-size: 12px; font-weight: bold; }
.text-marron-Ar12{ color:#7f7a74; font-size: 12px;}

/* ==== 14px ARIAL=========================================================== */
.text-noir-Ar14{ color:#000; font-size: 14px; }
.text-noir-Ar14B{ color:#000; font-size: 14px; font-weight: bold; }
.text-rouge-Ar14{ color:#b52420; font-size: 14px; }
.text-rouge-Ar14 a:link, .text-rouge-Ar14 a:visited {color:#b52420; text-decoration:none;} /* lien nom dans liste resultat recherche annuaire */
.text-rouge-Ar14 a:hover, .text-rouge-Ar14 a:active {color:#b52420; text-decoration:underline;} /* lien nom dans liste resultat recherche annuaire */
.text-rouge-Ar14B{ color:#b52420; font-size: 14px; font-weight: bold; }
.text-blanc-Ar14{ color:#FFFFFF; font-size: 14px; }
.text-blanc-Ar14B{ color:#FFFFFF; font-size: 14px; font-weight: bold; }

/* ==== 16px ARIAL=========================================================== */
.text-noir-Ar16{ color:#000; font-size: 16px; }
.text-noir-Ar16B{ color:#000; font-size: 16px; font-weight: bold; }
.text-rouge-Ar16{ color:#b52420; font-size: 16px; }
.text-rouge-Ar16B{ color:#b52420; font-size: 16px; font-weight: bold; }
.text-blanc-Ar16{ color:#FFFFFF; font-size: 16px; }
.text-blanc-Ar16B{ color:#FFFFFF; font-size: 16px; font-weight: bold; }

/* ==== 11px TIMES=========================================================== */
.text-noir-Ti11{ color:#000; font-size: 11px; font-family: "Times New Roman", Times, serif; }
.text-noir-Ti11B{color:#000; font-size: 11px; font-family: "Times New Roman", Times, serif; font-weight: bold; }
.text-rouge-Ti11{ font-size: 11px; font-family: "Times New Roman", Times, serif;  color:#b52420;}
.text-rouge-Ti11B{ font-size: 11px; font-family: "Times New Roman", Times, serif; color:#b52420; font-weight: bold; }
.text-blanc-Ti11{ font-size: 11px; font-family: "Times New Roman", Times, serif; color:#FFFFFF;}
.text-blanc-Ti11B{ font-size: 11px; color:#FFFFFF; font-family: "Times New Roman", Times, serif; font-weight: bold; }

/* ==== 12px TIMES=========================================================== */
.text-noir-Ti12{ color:#000; font: 12px "Times New Roman", Times, serif; }
.text-noir-Ti12B{ color:#000; font: bold 12px "Times New Roman", Times, serif; }
.text-rouge-Ti12{ color:#b52420; font: 12px "Times New Roman", Times, serif; }
.text-rouge-Ti12B{ color:#b52420; font: bold 12px "Times New Roman", Times, serif; }
.text-blanc-Ti12{ color:#FFFFFF; font: 12px "Times New Roman", Times, serif; }
.text-blanc-Ti12B{ color:#FFFFFF; font: bold 12px "Times New Roman", Times, serif; }

/* ==== 14px TIMES=========================================================== */
.text-noir-Ti14{ color:#000; font: 14px "Times New Roman", Times, serif; }
.text-noir-Ti14B{ color:#000; font: bold 14px "Times New Roman", Times, serif; }
.text-noir-Ti14B a:link, .text-noir-Ti14B a:visited{ color:#000; text-decoration:none; } /*news lien retour*/
.text-noir-Ti14B a:hover, .text-noir-Ti14B a:active{ color:#000; text-decoration:underline;} /*news lien retour*/

.text-rouge-Ti14{ color:#b52420; font: 14px "Times New Roman", Times, serif; }
.text-rouge-Ti14B{ color:#b52420; font: bold 14px "Times New Roman", Times, serif; }
.text-blanc-Ti14{ color:#FFFFFF; font: 14px "Times New Roman", Times, serif; }
.text-blanc-Ti14B{ color:#FFFFFF; font: bold 14px "Times New Roman", Times, serif; }

/* ==== 16px TIMES=========================================================== */
.text-noir-Ti16{ color:#000; font: 16px "Times New Roman", Times, serif; }
.text-noir-Ti16B{ color:#000; font: bold 16px "Times New Roman", Times, serif; }
.text-rouge-Ti16{ color:#b52420; font: 16px "Times New Roman", Times, serif; }
.text-rouge-Ti16B{ color:#b52420; font: bold 16px "Times New Roman", Times, serif; }
.text-rouge-Ti16B a:link, .text-rouge-Ti16B a:visited{ color:#b52420; text-decoration:none; } /*news lien titre à la une*/
.text-rouge-Ti16B a:hover, .text-rouge-Ti16B a:active{ color:#b52420; text-decoration:underline;} /*news lien titre à la une*/
.text-blanc-Ti16{ color:#FFFFFF; font: 16px "Times New Roman", Times, serif; }
.text-blanc-Ti16B{ color:#FFFFFF; font: bold 16px "Times New Roman", Times, serif; }

/* ==== 20px TIMES=========================================================== */
.text-noir-Ti20{ color:#000; font: 20px "Times New Roman", Times, serif; }
.text-noir-Ti20B{ color:#000; font: bold 20px "Times New Roman", Times, serif; }
.text-rouge-Ti20{ color:#b52420; font: 20px "Times New Roman", Times, serif; }
.text-rouge-Ti20B{ color:#b52420; font: bold 20px "Times New Roman", Times, serif; }
.text-blanc-Ti20{ color:#FFFFFF; font: 20px "Times New Roman", Times, serif; }
.text-blanc-Ti20B{ color:#FFFFFF; font: bold 20px "Times New Roman", Times, serif; }

/*------------------------------------------------------------------
[20. TEMP]
*/
.temp{ background-image: url(../media/interface/temp.gif); background-repeat: repeat; }
.temp-white{ background-image: url(../media/interface/temp-white.gif); background-repeat: repeat; }
.temp-text-rouge{color:#b52420;}
.temp-text-blanc{color:#FFFFFF;}
.clr{ clear:both;}

/*------------------------------------------------------------------
[21. TAUX COMPLETUDE]
*/
#completude-pt{ cursor:pointer; }
#completude-pt .indicateur{ border:1px solid #ffffff; background-color:#ffffff; width:50px; height:10px; overflow:hidden; background-image: url(../media/completude/pt.jpg); background-repeat: no-repeat; }
#completude-gd{ text-align:center; margin-top:10px; color:#FFFFFF; text-align:center; }
#completude-gd .indicateur{ display:block; margin:2px auto; width:125px; }
#completude-gd strong{ font-weight:bold; font-size:13px; }
#layercompletudetop{ position:absolute; width:200px; right:30px; top:85px; color:#333333; display:none; background-color:#FFFFFF; border: 1px solid #747474; padding:6px; }
#layercompletudeleft{ position:absolute; width:200px; color:#333333; display:none; background-color:#FFFFFF; border: 1px solid #747474; padding:6px; margin-top:-120px; margin-left:150px; }


/*------------------------------------------------------------------
[22. INTERSTITIEL]
*/
#interstitiel{ position:absolute; left:0; right:0; width:100%; z-index:2; margin:0; text-align:center; }
#interstitiel a{color:#FFFFFF;}
#interstitiel .fenetre{width:700px; height:430px; margin:0 auto; overflow:hidden; }
#interstitiel .fenetre .fond-interstitiel-image{ background-image: url(../media/trame-concours.gif); background-repeat: repeat; background-position: 0px 0px; padding:6px; }

/*------------------------------------------------------------------
[23. CONCOURS]
*/
/*.propose-concours{ color:#995421; font-weight:bold; line-height:10px; display:block; background-color:#FFCC00; border:2px solid #FFCC00; text-align:left; background-image: url(../media/propose.gif); background-repeat: no-repeat; background-position: 4px center; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 22px; cursor:pointer; }*/
.propose-concours{ color:#996c34; font-weight:bold; font-size:12px; line-height:10px; background-color:#FFFFFF; display:block; text-align:center; cursor:pointer; padding: 3px; }
.propose-concours:hover{ color:#000000;}

.propose-concours-ok{ color:#996c34; font-weight:bold; line-height:10px; display:block; background-color:#ffffff; text-align:center; padding: 3px; }


/* CALENDRIER */
.ds_box { background-color: #FFF; border: 1px solid #000; position:absolute; z-index:auto; }
.ds_tbl { background-color: #FFF; }
.ds_head { background-color: #000000; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 2px; }
.ds_subhead { background-color: #CCC; color: #000; font-size: 11px; font-weight: bold; text-align: center; font-family: Arial, Helvetica, sans-serif; width: 20px; }
.ds_cell { background-color: #EEE; color: #000; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; padding: 2px; cursor: pointer; }
.ds_cell:hover { background-color: #cccccc; } /* This hover code won't work for IE */
.calbouton{ cursor:pointer; border:1px solid #666666; width:80px; background-image: url(../media/interface/calendrier.gif); background-repeat: no-repeat; background-position: right center; padding:2px; font-size:10px; height:16px; line-height:16px; }