@charset "utf-8";

/* 
*	@Description: Style commun	*
*	@Auteur: Neov				*
*	@Creation: 2008-08-11		*
*	@Modification: -			*
*/

/* ::: global ::: */

html { height:100%; width:100%; margin:0; padding:0; }
body { margin:0; padding:0; font:normal 10px 'Arial', Helvetica, sans-serif; color:#5f626a; background:url(../images/design/body-background.jpg) repeat; height:100%; }
body * { margin:0; padding:0; border:none; outline:none; line-height:100%; }

ul, li { list-style:none; }
a, a:hover, a:visited, a:link, a:active { text-decoration:none; color:black; cursor:pointer; }
img { font-size:1em; }
h1, h2, h3, h4, h5, h6 { font-size:1.1em; }
table { border-collapse:collapse; }
table th, table td { vertical-align:top; text-align:left; }

input, select, textarea { font:normal 1em 'Arial', Helvetica, sans-serif; outline:none; }
legend, caption { display:none; }
input.text { padding:2px 3px; }
input.checkbox,
input.radio { width:13px; height:13px; border:none; background:none; }
input { padding:2px 0 0 7px; }


select { padding:1px 2px; }
textarea { padding:2px 3px; resize:none; }

/* ::: clear fix ::: */

.clearfix:after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* ::: class global ::: */

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

.print-only,
.hidden { display:none; }
.invisible { visibility:hidden; }

.inline { display:inline; }
.block { display:block; }
#content-main * .invalid { border:1px solid #ff0000; }

/* ::: page layout ::: */

#inner-body { background:url(../images/design/inner-body-background.jpg) center top repeat-x; min-height:100%; min-width:1010px; }
* html #inner-body { height:100%; }

/* :: header :: */

#top-menu { height:24px; padding:0 15px; }
#top-menu li { float:right; margin:5px 0 0 20px; }
#top-menu li a { color:#00b09a; display:block; line-height:125%; }
#top-menu.nlog li a { padding:1px 0 0; vertical-align:middle; }
#top-menu li a.active { font-weight:bold; font-size:1.1em; color:#0d7a6c; padding:0; }

#header-wrapper { /*background:url(../images/design/header-background.gif) right 59px no-repeat;*/ height:258px; width:100%;  }
/* .flash-header { width:647px; height:197px; position:absolute; z-index:10; } */
.flash-header { width:647px; height:217px; position:absolute; z-index:10; }

#header { width:1000px; height:258px; margin:0 auto; position:relative; z-index:2; }
#logo { position:absolute; top:0; left:0; z-index:13; }
/*#logo a { display:block; width:355px; height:265px; }*/
#header-content { margin:0 0 0 287px; /*height:100%; */padding:62px 0 0; }
#header-top { height:29px; /*padding:33px 0 0;*/ top:33px; position:absolute; z-index:10; background: url(../images/design/top-header-background.jpg) center bottom repeat-x; }
#header-top li { float:left; }
#header-top li a { text-transform:uppercase; display:block; height:20px; padding:9px 0 0; margin:0 30px 0 0; color:#656565; }
#header-top li a span.left, #header-top li a span.right { display:none; }
* html #header-top li a { float:left; display:inline-block; }
#header-top li.last a { margin:0; }
#header-top li a.first { padding-left:20px; }
#header-top li a.active { font-weight:bold; font-size:1.2em; height:29px; padding:0; }
#header-top li a.active span.left { display:block; float:left; width:6px; height:29px; background:url(../images/bouton/hm-left-bg.gif) left top no-repeat; }
#header-top li a.active span.text { display:block; float:left; height:21px; padding:8px 5px 0; background:url(../images/bouton/hm-main-bg.gif) left top repeat-x; }
#header-top li a.active span.right { display:block; float:left; width:7px; height:29px; background:url(../images/bouton/hm-right-bg.gif) left top no-repeat; }

#pagination { position:absolute; background:url(../images/design/bg-pagination.gif) center top no-repeat; padding:0 0 0 8px; width:69px; height:26px; top:228px; left:320px; z-index:5; }
#pagination a { margin:0 4px 0 0; display:block; float:left; }

.pagination a { float:left; margin:5px 20px 0 0; display:block; }
.pagination a .text { font-size:1.2em; font-weight:bold; color:#838383; }
.pagination a.active { height:24px; margin:0 20px 0 0; }
.pagination a.active span { display:block; float:left; height:24px; }
.pagination a.active .left { background:url(../images/bouton/bt-arrondi-left.gif) right center no-repeat; width:11px; }
.pagination a.active .right { background:url(../images/bouton/bt-arrondi-right.gif) left center no-repeat; width:11px; }
.pagination a.active .text { background:url(../images/bouton/bt-arrondi-center.gif) center center repeat-x; padding:6px 0 0; height:18px; line-height:100%; text-align:center; color:black; }

#header-main { height:170px; background:white url(../images/design/header-main-background.gif) center top repeat-x; padding:0 180px 0 69px; }
#header-main h2 { font-size:1.8em; font-weight:bold; border-bottom:1px solid #e9e9e9; padding:30px 0 5px; margin:0 0 10px 5px; color:#242424; }
#header-main p { font-size:1.2em; color:#5f626a; padding:0 40px 0 0; line-height:125%; margin:0 0 15px 5px; }
#header-main p big { font-size:1.25em; }
#header-main ul li { float:left; margin:0 10px 0 0; }
#header-main ul li a { display:block; }
#header-main #carte-fab { position:absolute; right:-25px; top:59px; display:block; }
#header-main #carte-plan { position:absolute; right:0; top:59px; display:block; background:url(../images/design/header-left-bg.jpg) top right no-repeat; width:190px; height:173px; }

#header-main #carte-plan div { margin-top:30px; width:184px; height:107px; }


#header-main.log { padding-right:180px; }
#header-main.log h2 { font-weight:normal; }
#header-main.log p { padding:0 10px 0 0; }
#header-main.log p big { font-weight:bold; font-size:1.2em; }

/* :: content :: */

#content-wrapper { width:1000px; margin:0 auto; }
#content-inner-wrapper { width:850px; margin:20px 0 0 150px; padding:11px 0 0; position:relative; background:url(../images/design/content-top-bg.jpg) center top no-repeat; }
#content-inner { background:url(../images/design/content-inner-background.png) repeat-y; height:100%; padding:0 0 50px; }
#content-main { background:url(../images/design/content-main-background.jpg) center top no-repeat; position:relative; }

.column-wrapper { margin:0; padding:0; }
.column-wrapper .column-left { float:left; }
.column-wrapper .column-right { }

#main-column { margin:0 24px 0 34px; background:url(../images/design/main-column-bg.gif) 590px top repeat-y; }
#main-column .column-left { width:560px;  }
#main-column .column-right { float:left; width:175px; padding:5px 0 0 52px; background:url(../images/design/cl-right-bg.gif) 30px top no-repeat; overflow:hidden; }

#main-column h1 { font-size:3em; color:#242424; margin:10px 0 40px; }
#main-column h1 span { color:#969696; font-size:0.7em; font-weight:normal; }
#main-column h2 { font-size:2em; font-weight:normal; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:15px 0 3px; }
#main-column h2 span { float:left; margin:8px 10px 0 0; }
#main-column h2 img { float:left; }
#main-column h2 a { float:right; font-size:0.6em; font-weight:bold; background:url(../images/design/puce/puce-rond-fleche.gif) left center no-repeat; height:13px; padding:2px 0 0 20px; margin:12px 0 0; }

#main-column h1.general { border-bottom:1px solid #dfdfdf; margin-bottom:0; padding:0 0 15px; }
#main-column h1.general img { vertical-align:middle; margin-left:10px; }

/* :: fonctionnalite :: */

#fonct-inscription { width:117px; height:110px; background:url(../images/design/fonct-inscription-bg.gif) left top no-repeat; position:absolute; left:-130px; top:100px; }
#fonct-inscription a { width:110px; height:28px; display:block; margin:40px 0 0 4px; }
* html #fonct-inscription a { margin-top:40px; }
#fonct-inscription a img { width:110px; height:28px; display:block; }

#fonct-log { width:117px; height:110px; position:absolute; left:-130px; top:20px; }
#fonct-log h6 { font-size:1.6em; color:#007aa1; line-height:100%; padding:0 0 10px; }
#fonct-log h6 span { color:#98fff0; font-size:0.9em; font-weight:normal; }
#fonct-log p { color:#2e6a9a; font-size:1.3em; padding:0 0 3px; }
#fonct-log p span { font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; }

/* :: footer :: */

#footer { background:url(../images/design/footer-background.png) center top no-repeat; width:850px; margin:0 0 0 150px; height:37px; }
#footer ul { margin:0 34px; padding:10px 0 0; border-top:1px solid #e9e9e9; }
#footer ul li { float:left; padding:0 10px; background:url(../images/design/footer-list-background.gif) right center no-repeat; position:relative; }
#footer ul li.first { padding-left:0; }
#footer ul li.last { padding-right:0; background:none; }
#footer ul li a { color:#8b8b8b; }
#footer ul li a img { float:left; margin:-1px 5px 0 0; }

/* ::: bloc ::: */

/* :: test :: */

.test-bloc { padding:20px 0 0; margin:0 0 20px; }
.test-bloc .test-left { width:370px; }
.test-bloc .thumb { float:right; background-position:3px 2px; }
.test-bloc h3 { font-size:1.2em; padding:0 0 5px; color:#242424; }
.test-bloc .date { text-transform:uppercase; padding:0 0 12px 2px; margin:0 0 5px; border-bottom:1px solid #dfdfdf; }
.test-bloc .desc, .test-left p { font-size:1.2em; line-height:145%; padding:0 0 8px; }

.test-bloc .link { padding:0 0 12px; border-bottom:1px solid #dfdfdf; }
.test-bloc .link a { font-weight:bold; font-size:1.1em; color:#a2a2a2; margin:0 15px 0 0; }
.test-bloc .link a.inscription { color:#393939; margin-right:0; }
.test-bloc .link a.close { color:#a6cdd8; margin-right:0; }
.test-bloc .link a.pre { color:#5c81b0; background:url(../images/design/puce/puce-fleche.gif) left 3px no-repeat; padding:0 0 0 12px; margin-right:0; }
.test-bloc.last { border-bottom:1px solid #dfdfdf; margin-bottom:50px; padding:20px 0 0; /*padding:0 0 7px;*/ }
.test-bloc.last .link { border:none; }


/* :: rendez vous :: */

.rdv-zone { padding:0 0 10px; border-bottom:1px solid #dfdfdf; margin:0 0 50px; }
.rdv-bloc { margin:10px 0 0; }
.rdv-bloc .rdv-left { background:#f6f6f6; border-top:1px solid #ffd4f4; width:370px; float:left; }
.rdv-bloc .rdv-right { float:right; width:166px; padding:0 12px; font-size:1.1em; font-weight:bold; }
.rdv-bloc .date { width:76px; float:left; text-align:center; text-transform:uppercase; padding:18px 0; font-size:0.9em; line-height:125%; }
.rdv-bloc .date big { display:block; font-size:35px; font-weight:bold; }
.rdv-bloc h3 { color:#ff2ac9; font-size:1.4em; padding:10px 0 3px; border-bottom:1px solid #dfdfdf; margin:0 10px 0 76px; }
.rdv-bloc .desc { font-size:1.1em; line-height:145%; /*border-bottom:1px solid #dfdfdf;*/ padding:5px 0; margin:0 10px 0 76px; }
.rdv-bloc .lieu { border-top:1px solid #DFDFDF; text-transform:uppercase; text-align:right; margin:0 10px 0 76px; padding:5px 0; }
.rdv-bloc .rdv-right a { color:#a2a2a2; display:block; margin:0 0 3px; }
.rdv-bloc .rdv-right a.inscription { color:#393939; }
.rdv-bloc .rdv-right a.close { color:#a6cdd8; }
.rdv-bloc .rdv-right a.pre {background:transparent url(../images/design/puce/puce-fleche.gif) no-repeat scroll left 3px;color:#5C81B0;margin-right:0pt;padding:0pt 0pt 0pt 12px;}
.rdv-bloc .rdv-right a.close { color:#a6cdd8; }
.test-information .clearfix a.pre {background:transparent url(../images/design/puce/puce-fleche.gif) no-repeat scroll left 3px;color:#5C81B0;margin-right:0pt;padding:0pt 0pt 0pt 12px;}

.test-left .link span.pre {background:transparent url(../images/design/puce/puce-fleche.gif) no-repeat scroll left 3px;color:#5C81B0;margin-right:0pt;padding:0pt 0pt 0pt 12px;font-size:1.1em;font-weight:bold;}
.test-information .clearfix span.pre {background:transparent url(../images/design/puce/puce-fleche.gif) no-repeat scroll left 3px;color:#5C81B0;margin-right:0pt;padding:0pt 0pt 0pt 12px;font-size:1.1em;font-weight:bold;}
.test-left .link span.close { color:#4682B3;font-size:1.1em;font-weight:bold; }
.close { color:#4682B3; /*#a6cdd8;*/ font-size:1.1em;font-weight:bold; }
.rdv-bloc .rdv-right span.pre {background:transparent url(../images/design/puce/puce-fleche.gif) no-repeat scroll left 3px;color:#5C81B0;margin-right:0pt;padding:0pt 0pt 0pt 12px;}
.rdv-bloc .rdv-right span.close { color:#a6cdd8; }

/* :: et vous :: */

.et-vous-bloc { padding:0 0 10px; margin:10px 0 50px; border-bottom:1px solid #dfdfdf; }
.et-vous-bloc .et-vous-left { width:370px; float:left; }
.et-vous-bloc .et-vous-right { float:left; width:179px; padding:0 0 0 10px; }
.et-vous-arr { width:369px; }
.et-vous-arr .ev-top { background:url(../images/design/et-vous-top.gif) center top no-repeat; height:8px; font-size:0; }
.et-vous-arr .ev-center { background:url(../images/design/et-vous-center.gif) center top repeat-y; padding:10px 20px 7px; }
.et-vous-arr .ev-bottom { background:url(../images/design/et-vous-bottom.gif) center top no-repeat; height:25px; }
.et-vous-arr .ev-center h3 { font:bold italic 2.2em 'Georgia', Times New Roman, Times, serif; color:#393939; margin:0 0 10px; }
.et-vous-arr .ev-center p { font:italic 1.3em 'Georgia', Times New Roman, Times, serif; color:#3a3c41; line-height:125%; padding:0 0 15px; }
.et-vous-bloc a.rep { font-weight:bold; font-size:1.1em; }
.et-vous-bloc .et-vous-right .aussi { text-transform:uppercase; color:#5f626a; padding:0 0 5px; }
.et-vous-bloc .et-vous-right h3 { font:italic bold 1.2em 'Georgia', Times New Roman, Times, serif; padding:0 0 5px; color:#242424 }
.et-vous-bloc .et-vous-right .desc { font-size:1.15em; color:#5f626a; line-height:145%; padding:0 0 8px; }
.et-vous-bloc .et-vous-right p { font-size:1.15em; color:#5f626a; line-height:145%; padding:0 0 8px; }
/* :: on en parle :: */

.forum-bloc { margin:10px 0 0; border-bottom:1px solid #dfdfdf; }
.forum-bloc .forum-list { }
.forum-list .forum-list-left { width:67px; height:42px; padding:4px 0 0 5px; float:left; text-transform:uppercase; color:white; line-height:100%; }
.forum-list .forum-list-left big { font-weight:bold; font-size:1.6em; line-height:100%; display:block; }
.forum-list .forum-list-left span { font-size:0.9em; line-height:100%; }
.forum-list.bleuf .forum-list-left { background:url(../images/design/message-bg-bleuf.gif) left top no-repeat; }
.forum-list.bleu .forum-list-left { background:url(../images/design/message-bg-bleu.gif) left top no-repeat; }
.forum-list.rose .forum-list-left { background:url(../images/design/message-bg-rose.gif) left top no-repeat; }
.forum-list.vert .forum-list-left { background:url(../images/design/message-bg-vert.gif) left top no-repeat; }
.forum-list .forum-list-right { margin:0 0 2px 72px; border-bottom:1px solid #dfdfdf; padding:8px 0 8px; }
.forum-list.last { border:none; padding:0; margin:0; }
.forum-list.last .forum-list-right { border-bottom:none; }
.forum-list .forum-list-right h3 { font-size:1.4em; color:#242424; padding:0 0 5px; }
.forum-list .forum-list-right h3 a { color:#242424; }
.forum-list .forum-list-right p { text-align:right; text-transform:uppercase; }
.forum-list .forum-list-right p span.id { color:#393939; }
.forum-list .forum-list-right p span.sep { font-size:0.9em; }

/* ::: contenu de droite ::: */

.column-right h5.bn { font-size:1.5em; color:#242424; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; padding:15px 0 8px; margin:0 0 10px; }
.column-right h5.bn span { color:#4682b3; }
.column-right h5.bleu { font-size:1.5em; color:#35cfb8; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; padding:15px 0 8px; margin:0 0 10px; }
.column-right a.pfl { background:url(../images/design/puce/puce-rond-fleche.gif) no-repeat scroll left center; font-size:1.2em; font-weight:bold; height:13px; padding:2px 0 0 20px; }
.column-right p.nrml { font-size:1.2em; color:#8a8c92; margin:0 0 10px; }

/* :: identification :: */

.non-logge { padding:0 10px 50px 7px; }
.column-right .non-logge h5 { border-top:none; }
.non-logge form { border-bottom:1px solid #dfdfdf; padding:0 0 5px; }
.non-logge form p { padding:0 0 5px; }
.non-logge form p span { display:block; padding:0 0 3px; }
.non-logge form p span a { font:italic 1.2em 'Georgia', Times New Roman, Times, serif; color:black; }
/*****.non-logge form p label { text-transform:uppercase; font-size:1em; color:#a2a2a2; }*/
.non-logge form p label { font-size:1.1em; color:#a2a2a2; }
.non-logge form p input { vertical-align:middle; }
.non-logge form p input.text { border:1px solid #e1e1e1; width:150px; font-size:1.1em; font-style:italic; font-family:'Georgia',Times New Roman,Times,serif; }
.non-logge form p input#log-pass { width:125px; }
.non-logge .rejoindre p { font-weight:bold; font-size:1.1em; color:#393939; line-height:125%; padding:10px 0 0; }
.non-logge .rejoindre p a { color:#a2a2a2; }

/* :: loggé :: */

.logge { padding:0 10px 50px 7px; }
.column-right .logge h5 { border-top:none; }
.logge .det-log { padding:0 0 3px; }
.logge .det-log .nom-log { font-weight:bold; font-size:1.4em; color:#242424; }
.logge .det-log .bc { float:right; width:52px; }
.logge .det-log .bc img { display:block;}
.logge .actu-info { border-bottom:1px solid #dfdfdf; padding:0 0 8px; }
.logge .actu-info a { font-weight:bold; font-size:1.1em; }
.logge .det-info { padding:3px 0 0; }
.logge .det-info p { line-height:100%; padding:2px 0; font-size:1.1em; color:#5f626a; }
.logge .det-info p span { color:#a2a2a2; font-size:0.9em; text-transform:uppercase; /*vertical-align:middle;*/ }
.logge .det-info p img { vertical-align:middle;  }
.logge .tips { font:italic 1.2em 'Georgia', Times New Roman, Times, serif; padding:10px 0 20px; color:#a2a2a2; }
.logge ul { border-top:1px solid #dfdfdf; }
.logge ul li { display:block; float:left; width:100%; border-bottom:1px solid #dfdfdf; padding:2px 0; }
.logge ul li a { font-size:1.1em; font-weight:bold; color:#393939; }
.logge ul li a.gris { color:#a2a2a2; }

/* :: sondage express :: */

.sondage-express { padding:0 10px 50px 7px; }
.sondage-express h6 { font:italic bold 1.2em 'Georgia', Times New Roman, Times, serif; padding:0 0 10px; }
.sondage-express fieldset p { padding:0 0 10px; }
.sondage-express fieldset p input { float:left; margin:2px 3px 0 0; }
.sondage-express fieldset p label { font:italic 1.3em 'Georgia', Times New Roman, Times, serif; color:#3a3c41; float:left; width:89%; }
.sondage-express .link { border-top:1px solid #dfdfdf; padding:5px 0 0; font-size:1.1em; font-weight:bold; }
.sondage-express .link a { color:#a3a3a3; }
.sondage-express .link #sondage-voter { float:right; color:#393939; }

/* :: quiz :: */
.quiz { padding:0 10px 50px 7px; }
.quiz p {font-size:1.2em; line-height:145%;}
.quiz .bc { float:right; width:50px; }
.quiz .bc img { display:block; }

/* :: aide :: */

.aide { padding:0 10px 50px 7px; }

/* :: newsletter :: */

.news { margin:0 0 0; }
.news .news-top { background:url(../images/design/bloc-news-top.gif) center bottom no-repeat; width:175px; height:10px; font-size:1px; }
.news .news-bottom { background:url(../images/design/bloc-news-bottom.gif) center top no-repeat; width:175px; height:10px; font-size:1px; }
.news .news-inner { background:url(../images/design/bloc-news-main.gif) center top repeat-y; width:145px; padding:0 15px 5px; }
.column-right .news h5 { margin:0; border-bottom:1px solid white; border-top:none; }
.news .news-inner p { padding-top:10px; line-height:125%; }
.news .news-inner .thumb { float:right; margin:18px 0 0 0; }

/* :: indentation :: */

.top-indent { padding-top:240px; }

/* :: bloc arrondi :: */

.bc-top { height:3px; font-size:0; }
.bc-bottom span, .bc-top span { display:block; }
.bc-top-left { float:left; width:3px; height:3px; }
.bc-top-right { float:right; width:3px; height:3px; }
.bc-content { padding:0 3px; }
.bc-bottom { height:3px; font-size:0; }
.bc-bottom-left { float:left; width:3px; height:3px; }
.bc-bottom-right { float:right; width:3px; height:3px; }

.bc.gris .bc-top { background:url(../images/design/bloc-arrondi/bc-gris-top.gif) center top repeat-x; }
.bc.gris .bc-top-left { background:url(../images/design/bloc-arrondi/bc-gris-tl.gif) left top no-repeat; }
.bc.gris .bc-top-right { background:url(../images/design/bloc-arrondi/bc-gris-tr.gif) left top no-repeat; }
.bc.gris .bc-content { background:url(../images/design/bloc-arrondi/bc-gris-main.gif) right top repeat-y; border-left:1px solid #ccc; }
.bc.gris .bc-bottom { background:url(../images/design/bloc-arrondi/bc-gris-bottom.gif) center top repeat-x; }
.bc.gris .bc-bottom-left { background:url(../images/design/bloc-arrondi/bc-gris-bl.gif) left top no-repeat; }
.bc.gris .bc-bottom-right { background:url(../images/design/bloc-arrondi/bc-gris-br.gif) left top no-repeat; }

.bloc-arr-bleu {}
.bab-top { height:7px; background:#b2dbe7; font-size:0; }
.bab-top .bab-top-left { background:url(../images/design/bloc-arrondi/bloc-arr-bleu-tl.gif) left top no-repeat; display:block; height:7px; width:6px; float:left; }
.bab-top .bab-top-right  { background:url(../images/design/bloc-arrondi/bloc-arr-bleu-tr.gif) right top no-repeat; display:block; height:7px; width:10px; float:right; }
.bab-main { background:#b2dbe7 url(../images/design/bloc-arrondi/bloc-arr-bleu-main.gif) right center repeat-y; }
.bab-bottom { height:9px; background:url(../images/design/bloc-arrondi/bloc-arr-bleu-bm.gif) center top repeat-x; position:relative; }
.bab-bottom .bab-bottom-left { background:url(../images/design/bloc-arrondi/bloc-arr-bleu-bl.gif) left top no-repeat; display:block; height:9px; width:6px; float:left; }
.bab-bottom .bab-bottom-right { background:url(../images/design/bloc-arrondi/bloc-arr-bleu-br.gif) left top no-repeat; display:block; height:9px; width:10px; float:right; }
.bab-bottom .bad-extr { background:url(../images/design/bloc-arrondi/bloc-bleu-extr.gif) left top no-repeat; display:block; width:16px; height:20px; position:absolute; left:12px; top:4px; }

/* ::: bouton ::: */

.btn-arrondi { height:24px; display:block; }
.btn-arrondi span { display:block; float:left; height:24px; }
.btn-arrondi .left { background:url(../images/bouton/bt-arrondi-left.gif) right center no-repeat; width:11px; }
.btn-arrondi .right { background:url(../images/bouton/bt-arrondi-right.gif) left center no-repeat; width:11px; }
.btn-arrondi .text { background:url(../images/bouton/bt-arrondi-center.gif) center center repeat-x; font-size:1.2em; font-weight:bold; padding:6px 0 0; height:18px; line-height:100%; text-align:center; }

/* ::: tabs ::: */

.top-tab { border-bottom:1px solid #dfdfdf; padding:8px 0 8px; }
.top-tab a { float:left; margin:0 30px 0 0; }
.top-tab a.inactive { height:18px; padding:6px 0 0; font-size:1.2em; font-weight:bold; color:#838383; }
.top-tab .text { width:90px; }

/* ::: popup ::: */
.popover { width:435px; height:227px; padding:90px 35px 0 88px; background:url(../images/design/bg-popover.png) center top no-repeat; position:absolute; top:0; left:50%; z-index:6; display:none; }
* html .popover { background:url(../images/design/bg-popover.gif) center top no-repeat; }
.popover .top { position:relative; }
.popover .top a { position:absolute; right:0; top:0; }
* html .popover .top a { right:35px; }
.popover h2 { font-size:3em; color:#242424; padding:0 0 8px; line-height:100%; }
.popover p { font:italic 11px 'Georgia', Times New Roman, Times, serif; color:#393939; padding:0 0 20px; line-height:100%; border-bottom:1px solid #dfdfdf; }
.popover p.message { padding:0 0 9px; }
.popover form { padding:15px 0 0; }
.popover form p { color:#a2a2a2; font:normal 10px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 10px; border:none; }
.popover form p label { display:block; float:left; width:237px; padding:3px 0 0; }
.popover form p input { border:1px solid #dfdfdf; width:189px; float:left; font-size:1.2em; font-family:'Georgia', Times New Roman, Times, serif; font-style:italic; }
.popover form p.valider { border-top:1px solid #dfdfdf; padding:10px 0 0; margin:0 0 0 237px; }
.popover form p.valider_oubli { border-top:1px solid #dfdfdf; padding:10px 0 0; margin:0 0 0 237px; }
.popover form p.valider_change { border-top:1px solid #dfdfdf; padding:10px 0 0; margin:0 0 0 237px; }
.popover form p.valider a { background:url(../images/design/puce/puce-rond-fleche.gif) no-repeat scroll left center; font-size:12px; font-weight:bold; height:13px; padding:2px 0 0 20px; text-transform:none; }
.popover form p.valider_oubli a { background:url(../images/design/puce/puce-rond-fleche.gif) no-repeat scroll left center; font-size:12px; font-weight:bold; height:13px; padding:2px 0 0 20px; text-transform:none; }
.popover form p.valider_change a { background:url(../images/design/puce/puce-rond-fleche.gif) no-repeat scroll left center; font-size:12px; font-weight:bold; height:13px; padding:2px 0 0 20px; text-transform:none; }
.popover p.lien-foot { padding:7px 0 0; line-height:100%; border:none; border-top:1px solid #dfdfdf; margin:10px 0 0; text-align:right; }
.popover p.lien-foot a { font:bold 1.1em arial; color:#A2A2A2; margin:0 0 0 15px; }
.popover p.errorMessage { padding:5px 0 0; border:none; display:none; }


/* ::: masque ::: */
#masque { display:none; position:absolute; top:0; left:0; background:#99d9dc; z-index:5; cursor:wait; }

.popover form p input.invalid { border:1px solid #ff0000; }

/* ::: attente ::: */

.dWait #main-column { background:none; }
.dWait #main-column h1 { font-size:3em; color:#242424; padding:10px 0 35px; border-bottom:1px solid #dfdfdf; margin:0; }
.dWait #main-column p.ouverture { font-size:2em; padding:25px 0 10px; border-bottom:1px solid #dfdfdf; margin:0 0 400px; }

/* QUESTION :: Images Zoom */

.zoom { position:absolute; top:0; left:0; z-index:6; display:none; }
.zoom p { position:relative; }
.zoom p a { position: absolute; right:1px; top:-17px; color:white; background: red ; border:1px solid white; line-height:100%; display:block; padding:0 3px 2px; margin:0; }