/* FORMS */
input, select, textarea { color: #000000; font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; }
input, select, label { vertical-align: middle; color:#707173; font-family:Arial, Helvetica, sans-serif;}
.labelJP{color:#ffffff;}
.inputText { border: 1px solid #ced0d2; padding: 0 2px 1px 2px; }
select.inputText { padding: 0; }
.inputRadio, .inputImg { border: none; padding: 0; margin: 0; background-color: transparent; }
.inputImg { cursor: pointer; }

#SubscriptionForm{ position: relative; top: -10px; padding: 10px 0; width: 475px; overflow: hidden; }
#SubscriptionForm .error { color:#FF0000; }
#SubscriptionForm #ossatureInscr label.error {color:#FF0000;padding:0;text-align:left; margin-left:-200px; margin-top:-120px;}
#introInscrSubscription { background: #057674 url(../img/bg_introInscrPaiement.gif) left center repeat-x; color: White; padding: 10px; }
#introInscrSubscription  h2 { font-size: 1.2em; position: relative; font-weight:normal;color: White;}

.forms { padding: 10px 0; }
.forms p { padding: 0 0 10px 0 !important; clear: both; }
.forms label, .forms .label { float: left; font-weight: bold; width: 245px; padding: 0 10px 0 0; display: block; color: #269C9B; text-align: right; }
.forms label span, .forms .label span { float: none; font-weight: normal; display: inline; width: auto; color: #8E165B; padding: 0 0px 0 0; }
.forms .tx-srfreecap-pi2-cant-read { font-size:9px; }
.tx-srfreecap-pi2-image{ width:220px; }

.forms .inline { float: none; font-weight: normal; display: inline; width: auto; color: black; padding: 0 5px 0 0; }
.forms label span, .forms .label span { display: block; }
.forms .fValidator-msg { color: #FF0000; text-align: right; }
.forms .inputText { width: 210px; }
.forms input.validation-failed { background-color: #ffc0cb; }
.forms p.buttons { margin-left: 255px; clear: none; }

/* jolis boutons en png */

/*.imgBt { cursor: pointer; position: absolute; right: 0; z-index: 1; }
* html .imgBt { right: -5px; }
*:first-child+html .imgBt { right: -10px; }
#search .imgBt, #searchFooter .imgBt, #newsletter .imgBt { position: static; right: auto; }
* html #search .imgBt, * html #searchFooter .imgBt, * html #newsletter .imgBt { vertical-align: middle; }
.imgBt img { vertical-align: middle; }*/


/* STRUCTURE */
#prelude { position: absolute; left: -1000em; }
/*#container { width: 954px; margin: 0 auto; }*/

/* HEADER */

/* Logo */
#logo { float: left; margin: 0 0 0 15px; }
#logo img { display: block; }

/* formulaire recherche + zone de connexion */
#headerForms { float: right; width: 300px; margin: 0 15px 0 0; }
* html #headerForms { margin: 0 8px 0 0; }
#formSearch { background-color: #7cd0cc; padding: 6px 0; text-align: center; }
#formSearch p { position: relative; float: left; margin: 0 0 0 31px; }
* html #formSearch p { display: inline; }
*:first-child+html #formSearch p { display: inline; }
label.over-apply { position: absolute; top: 1px; left: 4px; }
* html label.over-apply { top: 3px; }
*:first-child+html label.over-apply { top: 3px; }
#formSearch #searchInput { width: 200px; margin: 0 4px 0 0; }
#log_res {  min-height: 110px; height: auto; margin-bottom:-10px; margin-left:20px; margin-top:5px; padding-top:-10px; //margin-left:25px; //margin-top:0px; //margin-bottom:5px;}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)

{
#log_res {  padding: 0px 0px 0px 30px;  min-height: 95px; height: auto; margin-bottom:-25px; margin-left:-15px; }

}


#log_res h2 { font-size: 11px; color: #269C9B; padding: 0 0 6px 0; }
#log_res p { padding: 3px 5px 0px 0px; }
#log_res a { color: #269C9B; padding-top:2px; }
#log_res .inputText { width: 200px; padding:1px;}
#log_res .mdpOubliLogout { margin-left:5px;}
#log_res .mdpOubliLogout { color: #269C9B; padding: 0 0 0 20px; background: transparent url(../img/bg_lien_mdp.gif) 5% 0% no-repeat; font-size:11px; }
#log_res .mdpOubliLogout:hover , .mdpOubliLogout li a:hover  { color: #8E165B; font-size:11px; }
#log_res .mdpOubli, .tx-rdloginbox-pi1 li a { color: #269C9B; padding:0 0 0 18px; background: transparent url(../img/bg_lien_mdp.gif) 2% 0% no-repeat; font-size:11px; margin-left:7px; }
#log_res .mdpOubli:hover, .tx-rdloginbox-pi1 li a:hover { color: #8E165B; }
.tx-rdloginbox-pi1 { color: #269C9B; }
.tx-rdloginbox-pi1 h3 { margin: 0 0 .5em -20px; }
.tx-rdloginbox-pi1 p { font-weight: bold; }
.tx-rdloginbox-pi1 p.logued { font-weight: bold; margin-left:-20px; }
.tx-rdloginbox-pi1 p.lienAbo {margin-left:-20px;}
.tx-rdloginbox-pi1 p.lienAbo a {color: #8E165B;}
.tx-rdloginbox-pi1 p.lienAbo a:hover{color: #000000;}
#formLogout { margin-left:-52px; margin-right:-25px; margin-top:-5px; padding-bottom:0px; height:auto; min-height:55px; //margin-bottom:-15px;//margin-top:7px; font-family:Arial,Helvetica,sans-serif;font-size:12px; }
#formLogout li { display:inline; font-size:9px; }

#log_res .PasswordError{color: red; margin-top:-3px; float: left; font-family:Arial,Helvetica,sans-serif;font-size:12px }
#log_res .loginError{color: red; margin-top:-40px;margin-left:-18px; float: left; font-family:Arial,Helvetica,sans-serif;font-size:12px; width:300px;text-align:center;}
#log_res .titreMtPasse{color: #269C9B; font-family:Arial,Helvetica,sans-serif;font-size:15px;margin-top:-15px;letter-spacing:-0.4px;margin-bottom:5px;font-weight:bolder;//margin-top:-25px;}


/* NAV DANS HEADER */
#navHeader { position: relative; float: left; z-index: 100; clear: both; width: 100%; }
#navHeader, #navHeader li { list-style: none; margin: 0; padding: 0; }
#navHeader li { position: relative; float: left; }
#navHeader li a { float: left; display: block; padding: 0; height: 23px; color: #439d9a; font: normal 14px/16px Helvetica,Arial,Verdana,sans-serif; text-align: center; cursor:pointer; }
#navHeader li a span { position: absolute; left: 0; top: 0; height: 23px; background: transparent top left no-repeat; }
#navHeader li#item1, #navHeader li#item1 a, #navHeader li#item1 a span { width: 72px; }
#navHeader li#item2, #navHeader li#item2 a, #navHeader li#item2 a span { width: 158px; }
#navHeader li#item3, #navHeader li#item3 a, #navHeader li#item3 a span { width: 132px; }
#navHeader li#item4, #navHeader li#item4 a, #navHeader li#item4 a span { width: 104px; }
#navHeader li#item1 a span { background-image: url(../img/nav_accueil.gif); }
#navHeader li#item2 a span { background-image: url(../img/nav_coaching.gif); }
#navHeader li#item3 a span { background-image: url(../img/nav_communaute.gif); }
#navHeader li#item4 a span { background-image: url(../img/nav_inscription.gif); }
#navHeader li:hover a, #navHeader li strong a { font-weight: bold; color: #8E165B; text-decoration: none; }
#navHeader li a:hover span, #navHeader li strong a span { background-position: 0 -23px; }

/* fil d'ariane */
#ariane { background-color: #439d9a; color: White; clear: both; padding: 5px 10px; }
#ariane a { color: White; }
#ariane a:hover { color: #8E165B; }


/* FORMULAIRE D'INSCRIPTION "en 2 clics" */
#formInscr { padding: 7px 12px 0px 12px; width: 276px; background: #2c7673 url(../img/bg_inscrHome.gif) top left repeat-x; position: relative; }
#formInscr p { padding: 0 0 12px 0; }
#formInscr label, #formInscr .label { color: white; display: block; padding: 0 0 2px 0; font-weight: bold; }
#formInscr .inlineForm label { display: inline; padding: 0; }
#formInscr .inputText { width: 186px; }
#formInscr #paspresseeInscr { margin: 0 0 0 52px; }
#formInscr #hommeInscr { margin: 0 0 0 5px; }
#formInscr .notaInscr { float: right; margin: -2.5em 0 0 0; }
#formInscr #btInscr { position: absolute; right: 9px; top: 84px; }

/* AUTO-PROMO */
.blocAutopromo { margin: 0 0 10px 0; }
.blocAutopromo img { display: block; }

/* PUBS */
#pubHeader { text-align: right; background-color: #7cd0cc; margin: 0 0 10px 0; }
#pubHeader .txtPub { float: right; }
* html #pubHeader .txtPub { margin: 0 0 0 -3px; }
#pubHeader img { vertical-align: top; }
#pubRightCol .txtPub { background-color: #dadada; display: block; padding: 0 2px; }
#pubRightCol img { display: block; }

/* BUZZ (tagcloud) */
#buzz { border: 1px solid #3fb3ac; clear: both; height: 66px; }
#buzz h2 { float: left; }
#buzz ul { padding: 0 10px; margin: 0 0 0 33px; }
#buzz li { display: inline; }
#buzz li a { color: #7cd0cc; padding: 0 1px 0 0; }
#buzz li a:hover { color: #269C9B; }
#buzz li a.lvl1 { font-size: 14px; }
#buzz li a.lvl2 { font-size: 17px; }
#buzz li a.lvl3 { font-size: 20px; }
#buzz li a.lvl4 { font-size: 24px; }

/* FAQ */
#newfaq {margin-bottom:20px; margin-top:350px;}
#newfaq .meaHomeCont { border-left: 1px solid #000; }
#newfaq .seeAll { text-align: right; background-color: #439d9a; color: White; padding: 0 5px 1px 0; position: relative; }
#newfaq .seeAll a { color: White; }
#newfaq .seeAll a:hover { color: Black; }
#newfaq .meaHome { padding: 10px 0 0 10px; }
#newfaq .lastMeaHome { margin: 10px 0 0 0; }
#newfaq .meaHome p, .blocsHome .meaHome h3 { margin: 0 0 0 80px; }

/* FOOTER */
#footerLinks { background-color: #439d9a; padding: 7px 22px; color: #269C9B; margin: 15px 0 10px 0; clear: both; }
* html #footerLinks { margin: 10px 0 10px 0; }
#footerLinks dt { font-weight: bold; text-transform: uppercase; float: left; margin: 0 6px 0 0; color: White; clear: both; }
#footerLinks a { color: White; }
#footerLinks a:hover { color: #000000; }
#copyright { margin: 0 0 15px 0; color: #269C9B; }
#copyright a { color: #269C9B; }
#copyright a:hover { color: #f35429; }


/* TYPOS ARTICLES */
.article p {text-align:justify;}
.article h1 { color: #8E165B; font-size: 2.2em; font-weight: normal; padding: 0 0 10px 0; }
.article h1 span { font-size: 16px; }
.article ol, .article ul, .article p, .article h2, .article h3, .article h4 { padding: 0 0 1em 0; }
.article h2, .article h3, .article h4 { color: #269C9B; }
.blocLibre .article h2, .blocLibre .article h3, .blocLibre .article h4 { color: #7cd0cc; }
.article h2 { font-size: 14px; margin-top:-15px; margin-bottom:5px;/*font-weight: normal;*/ }
.article h3 { font-size: 1.1em; }
.article h4, .article p, .article ul, .article ol { font-size: 0.8em; }
.blocLibre .article p { margin-top:-18px; }
.blocLibre .article p, .blocLibre .article ul, .blocLibre .article ol { font-size: 12px; margin-top:-12px; margin-left:7px; margin-top:-8px; margin-bottom:8px;  width:250px;}
.article ul h3, .article ul p, .article ul ul, .article ol ol, .blocLibre .article ul ul, .blocLibre .article ol ol { font-size: 1em; }
.article li { padding: 0 0 0 15px; background: transparent url(../img/puce_article.gif) left .3em no-repeat; }
.article strong, .article em { color: #8E165B; }
.article a { color: #269C9B; font-family: Arial, Helvetica, sans-serif; }
.article a:hover { text-decoration: none; color: #8E165B; }
.article .imgLeft { float: left; margin: 0 10px 0 0; }
.article .imgRight { float: right; margin: 0 0 0 10px; }

.article.restricted {padding:10px;}


.colDroit {border:solid #FFFFFF; border-left-width:8px; border-top:0px; border-bottom:20px; border-right:0;margin-top:2px;}


/* styles pour thickbox (dico) */
#popupThickbox { 
	padding: 0 20px 20px 20px;
	height: 337px;
	overflow: auto;
	}
#TB_title #tools li { padding: 0 0 0 10px; }



/* outils */
#tools { float: right; padding: 5px 0 0 0; }
#tools li { display: inline; }
#tools img { cursor: pointer; padding-left:2px;}

/* PLAN */
.level0 li { margin-bottom:5px; }
.level0 li a, .level1 li a, .level2 li a { font-size:11px; font-weight:bold; color:#8E165B; padding: 0 0 0 15px; background: transparent url(../img/puce_article.gif) left .3em no-repeat;}
.level0 li a:hover, .level1 li a:hover, .level2 li a:hover {color:#269C9B; }
.level1 li { margin-top:5px; }
.level2 { padding: 0 0 0 15px; margin-top:5px; }
.level2 li a { font-size:10px; font-weight:normal; background-image: url(../img/puce_article2.gif); }


.level1 li img, .level2 li img { float:right; margin-right:250px; }

.obligatory {color:#FF0000;}