@charset "utf-8";
body {padding:0px;margin:0px;background:#FFFFFF url(../_img/page.png) repeat-x 0px 0px; font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,p,form,ul{ padding:0px; margin:0px;}
h1{ float:left;}
h2{ font-size:0.7em;}
input{ background:#FFFFFF; border:invert none; }
select{ font-size:0.7em; color:#636363;  border:1px solid #cccccc;}
a{ color:#000000;}
a:hover{ color:#666666;}
ul{ list-style:none;}
textarea{ font-family:Arial, Helvetica, sans-serif;}
/** **/
#cont{width:952px; margin:0px auto; background:url(../_img/bg_cont.png) no-repeat 0px 32px;}
#contPop{width:640px; margin:0px auto; background:url(../_img/bg_cont.png) no-repeat 0px 32px;}
/** **/
#login{width:236px; height:56px; padding:8px; float:right; margin:33px 7px 0px 0px; background:url(../_img/bg_login.png) no-repeat 0px 0px;}
#login #erreurLog{color:#CC0000; font-size:0.7em; width:130px; float:right; text-align:right; }
#login #deconnexion{color:#000000; font-size:0.7em; width:130px; float:right; text-align:right; }
#login label{ font-size:0.65em;}
#login .champs{ float:left; width:100px;}
#login p{ font-size:0.7em; color:#000000;}
#login input.texte{ font-size:0.7em;  width:90px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; }
#login input.texteErreur{ font-size:0.7em;  width:90px; border-top:1px solid #CC0000; border-left:1px solid #CC0000; color:#000000; background:#ffb2b6; }
#oubli{ font-size:0.7em; margin-top:5px; color:#000000;}
#oubli a{ color:#000000;}
#oubli a:hover{ color:#666666;}
/** **/
#illuFlash{ float:left; width:444px; margin-left:5px;}
#zoneCont{ float:right; width:491px; margin-right:5px; background:url(../_img/bg_coldHome.gif) no-repeat 0px 0px;}
*HTML #illuFlash{ margin-left:3px;}
*HTML #zoneCont{margin-right:3px;}
/** **/
.clr{ clear:both; font-size:1px; line-height:1px; height:1px;}
.hidden{ display:none;}
/** **/
.txtGras{ font-weight:bold;}
.centrer{ text-align:center;}
.gauche{ text-align:left;}
.gris{ color:#636363;}
.noir{ color:#000000;}
.decale{ margin-left:15px;}
.big{ font-size:1.4em; padding-right:15px;}
.jaune{ color:#ff9107;}
/** **/
input.ok{ background:url(../_img/bg_ok.gif) no-repeat 2px 1px; width:30px; height:17px; font-size:0.7em; color:#FFFFFF; float:left; margin-top:1.4em; text-align:center; padding-right:5px; cursor:pointer;}
*HTML input.ok{ background:url(../_img/bg_ok.gif) no-repeat -1px -1px; width:30px; height:17px; font-size:0.7em; color:#FFFFFF; float:left; margin-top:1.3em; text-align:center; padding-right:5px; cursor:pointer;}
*+HTML input.ok{ background:url(../_img/bg_ok.gif) no-repeat -2px -1px; width:30px; height:17px; font-size:0.7em; color:#FFFFFF; float:left; margin-top:1.3em; text-align:center; padding-right:5px; cursor:pointer;}
/** **/
ul#etapes { margin:20px auto 10px auto; width:auto; width:440px;}
*HTML ul#etapes { margin:20px auto 10px auto; width:auto; width:450px;}
*+HTML ul#etapes { margin:20px auto 10px auto; width:auto; width:440px;}
ul#etapes li{ width:106px; height:172px; float:left; margin:0px 2px; text-align:center;}
ul#etapes li#etape1{ background:url(../_img/bg_etape1.gif) no-repeat 0px 0px;}
ul#etapes li#etape2{ background:url(../_img/bg_etape2.gif) no-repeat 0px 0px;}
ul#etapes li#etape3{ background:url(../_img/bg_etape3.gif) no-repeat 0px 0px;}
ul#etapes li#etape4{ background:url(../_img/bg_etape4.gif) no-repeat 0px 0px;}
ul#etapes li p{ padding:120px 5px 0px 5px; font-size:0.75em;}
/** **/
#abonnes, #bloc1{ width:439px; background:url(../_img/bg_abonnes.gif) no-repeat 2px 100%; margin:0px auto 0px auto;}
*HTML #abonnes, *HTML #bloc1{ width:439px; background:url(../_img/bg_abonnes.gif) no-repeat 2px 100%; margin:0px auto 0px auto;}
*+HTML #abonnes, *+HTML #bloc1{ width:439px; background:url(../_img/bg_abonnes.gif) no-repeat 2px 100%; margin:0px auto 0px auto;}
#abonnes p, #bloc1 p{ padding:5px 10px 5px 10px; font-size:0.7em; color:#636363;}
#abonnes .champs{ float:left; width:100px;}
#abonnes .champs2{ float:left; width:200px;}
#abonnes label{ font-size:0.65em;}
#bloc1 label{ font-size:0.7em;}
#abonnes input.texte{ font-size:0.7em;  width:90px; border:2px solid #CCCCCC; }
#abonnes input.texte2, #bloc1 input.texte2{ font-size:0.7em;  width:190px; border:2px solid #CCCCCC; }
#bloc1 input.texte2erreur{ font-size:0.7em;  width:240px; border:1px solid #CC0000; color:#000000; background:#ffb2b6; }
#erreur{ color:#CC0000; font-size:0.7em; font-weight:bold; margin:10px 0px 5px 0px;}

input.valider{ background:url(../_img/bg_valider.gif) no-repeat 2px 1px; width:75px; height:24px; font-size:0.75em; color:#FFFFFF; float:left; margin-top:1em; text-align:center; padding-right:5px; cursor:pointer; font-weight:bold; text-transform:uppercase;}
*HTML input.valider{ background:url(../_img/bg_valider.gif) no-repeat -1px -1px; width:75px; height:24px; font-size:0.75em; color:#FFFFFF; float:left; margin-top:1em; text-align:center; padding-right:5px; cursor:pointer;}
*+HTML input.valider{ background:url(../_img/bg_valider.gif) no-repeat -2px -1px; width:75px; height:24px; font-size:0.75em; color:#FFFFFF; float:left; margin-top:1em; text-align:center; padding-right:5px; cursor:pointer;}

input.valider2{ background:url(../_img/bg_valider.gif) no-repeat 2px 1px; width:75px; height:24px; font-size:0.7em; color:#FFFFFF; margin-top:1em; text-align:center; padding-right:5px; cursor:pointer; font-weight:bold; text-transform:uppercase;}
*HTML input.valider2{ background:url(../_img/bg_valider.gif) no-repeat -1px -1px; width:75px; height:24px; font-size:0.7em; color:#FFFFFF;  margin-top:1em; text-align:center; padding-right:5px; cursor:pointer;}
*+HTML input.valider2{ background:url(../_img/bg_valider.gif) no-repeat -2px -1px; width:75px; height:24px; font-size:0.7em; color:#FFFFFF; margin-top:1em; text-align:center; padding-right:5px; cursor:pointer;}

/** **/
#colUnique{ background:#FFFFFF url(../_img/bg_page1c.gif) no-repeat 0px 0px; width:940px; margin:0px auto;}
#colUnique2{ background:#FFFFFF url(../_img/bg_page1c2.gif) no-repeat 0px 0px; width:940px; margin:0px auto; height:450px;}
#header{ width:938px; height:50px; margin:0px auto; background:url(../_img/sep1.gif) no-repeat 0px 100%;}
#header h2{ font-size:1.3em; padding:10px 0px 0px 10px; font-weight:normal;}
#nav{ width:938px;  margin:0px auto; border-bottom:1px solid #d1d1d1; height:35px;}
#nav li{ float:left; margin-left:7px; line-height:35px; height:35px; display:block;}
#nav li a{ line-height:35px; height:35px; display:block; width:auto; text-decoration:none;}
#nav li#nav1on{ background:url(../_img/onglets/onglets1-on.gif) no-repeat 0px 100%; width:243px;}
#nav li#nav1off{ background:url(../_img/onglets/onglets1-off.gif) no-repeat 0px 100%; width:243px;}
#nav li#nav1aoff{ background:url(../_img/onglets/onglets1a-off.gif) no-repeat 0px 100%; width:232px;}
#nav li#nav1aon{ background:url(../_img/onglets/onglets1a-on.gif) no-repeat 0px 100%; width:232px;}
#nav li#nav2off{ background:url(../_img/onglets/onglets2-off.gif) no-repeat 0px 100%; width:383px;}
#nav li#nav2on{ background:url(../_img/onglets/onglets2-on.gif) no-repeat 0px 100%; width:383px;}
#nav li#nav2bon{ background:url(../_img/onglets/onglets2b-on.gif) no-repeat 0px 100%; width:383px;}
#nav li#nav2aoff{ background:url(../_img/onglets/onglets2a-off.gif) no-repeat 0px 100%; width:224px;}
#nav li#nav2aon{ background:url(../_img/onglets/onglets2a-on.gif) no-repeat 0px 100%; width:224px;}
#nav li#nav3off{ background:url(../_img/onglets/onglets3-off.gif) no-repeat 0px 100%; width:282px;}
#nav li#nav3on{ background:url(../_img/onglets/onglets3-on.gif) no-repeat 0px 100%; width:282px;}
#nav li#nav4off{ background:url(../_img/onglets/onglets4-off.gif) no-repeat 0px 100%; width:151px;}
#nav li#nav4on{ background:url(../_img/onglets/onglets4-on.gif) no-repeat 0px 100%; width:151px;}

.bloc{ width:918px;  margin:0px auto; background:url(../_img/sep2.gif) no-repeat 0px -2px; padding:10px;}
.bloc2{ width:938px;  margin:0px auto; background:background:url(../_img/sep2.gif) no-repeat 0px -2px; padding:10px 0px 0px 0px;}
.bloc2 table{ background:#e8e8e8;}
.bloc2 th{ background:#f7a923; font-size:0.7em; padding:5px 0px;}
.bloc2 td{ background:#ffffff; font-size:0.7em; padding:5px 10px;}
.bloc2 td.statut{ color:#636363;}
.bloc h3{ color:#f7a923; font-size:0.8em; margin-bottom:10px;}
.bloc label{ font-size:0.7em; color:#636363; display:block; float:left; width:180px; text-align:right; padding-right:10px;}
.bloc label.normal{ font-size:0.7em; color:#636363; display:block; float:none; width:70px; text-align:left; padding-right:10px;}
.bloc label.paiement{ font-size:0.7em; color:#f7a923; display:block; float:none; width:auto; text-align:center; margin:0px auto; padding: 20px; font-weight:bold;}
.bloc label.normal2{ font-size:0.7em; color:#636363; display:block; float:left; width:70px; text-align:left; padding-right:10px; padding-top:3px;}
.bloc input.texte2{ font-size:0.7em;  width:240px; border:1px solid #CCCCCC; }
.bloc input.texte2d{ font-size:0.7em;  width:240px; border:1px solid #CCCCCC; background:#ECECEC; color:#666666; }
.bloc textarea.texte2{ font-size:0.7em;  width:240px; border:1px solid #CCCCCC; }
.bloc textarea.texte2d{ font-size:0.7em;  width:240px; border:1px solid #CCCCCC; background:#ECECEC; color:#666666;  }
.bloc input.texte2erreur{ font-size:0.7em;  width:240px; border:1px solid #CC0000; color:#000000; background:#ffb2b6; }
.bloc p{ font-size:0.7em; color:#636363; margin-bottom:10px;}
.bloc a{ color:#636363;}
.bloc a:hover{ color:#000000;}
.floatLeft{float:left;}
.bloc label.erreur{color:#CC0000; font-size:0.7em; display:block; float:right; width:240px; text-align:left; }
ul li span.erreurpwd{color:#CC0000; font-size:0.7em; width:240px; text-align:left; }
.bloc label.erreurLabel{color:#CC0000;}
.bloc label#erreur{color:#CC0000; font-size:0.7em; display:block; width:auto; text-align:center; text-align:center; float:none; }
.bloc label.erreur0{color:#CC0000; font-size:0.7em; display:block; float:right; width:240px; text-align:left;display:none; }
.bloc label.entete{ font-size:0.7em; color:#636363; display:block; float:left; width:70px; text-align:center; padding-right:10px; }
.bloc #perso { float:left;  }
.bloc #important { float:right; width:250px; text-align:center; margin-right:30px; font-size:0.7em; color:#636363; padding-top:50px; }
.col1{ width:48%; float:left; margin-top:10px;}
.col2{ width:48%; float:right; margin-top:10px;}

input.abo{ background:url(../_img/bt_abon.gif) no-repeat 2px 1px; width:111px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;text-align:center; padding-right:0px; cursor:pointer; font-weight:bold;  text-transform:uppercase;}
input.button_valid{ background:url(../_img/bt_valider.jpg) no-repeat 2px 1px; width:120px; height:24px; font-size:0.8em; float:right; margin-top:4px; padding-bottom:4px; color:#FFFFFF; text-align:center !important; padding-right:0px; cursor:pointer; font-weight:bold;}
.tr_button input.button_valid{float: none !important;}
*HTML input.abo{ background:url(../_img/bt_abon.gif) no-repeat -1px -1px; width:111px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;  text-align:center; padding-right:0px; cursor:pointer;}
*+HTML input.abo{ background:url(../_img/bt_abon.gif) no-repeat -2px -1px; width:111px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;  text-align:center; padding-right:0px; cursor:pointer;}

input.modif{ background:url(../_img/bt_modif.gif) no-repeat 2px 1px; width:102px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;text-align:center; padding-right:0px; cursor:pointer; font-weight:bold;  text-transform:uppercase;}
input.modifmp{ background:url(../_img/bt_modifmp.gif) no-repeat 2px 1px; width:205px; height:24px; font-size:0.75em; color:#FFFFFF;font-weight:bold;  text-transform:uppercase;}
*HTML input.modif{ background:url(../_img/bt_modif.gif) no-repeat -1px -1px; width:102px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;  text-align:center; padding-right:0px; cursor:pointer;}
*+HTML input.modif{ background:url(../_img/bt_modif.gif) no-repeat -2px -1px; width:102px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;  text-align:center; padding-right:0px; cursor:pointer;}

input.confirmation{ background:url(../_img/bt_confirm.gif) no-repeat 2px 1px; width:252px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;text-align:center; padding-right:0px; cursor:pointer; font-weight:bold;  text-transform:uppercase;}
*HTML input.confirmation{ background:url(../_img/bt_confirm.gif) no-repeat -1px -1px; width:252px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;  text-align:center; padding-right:0px; cursor:pointer;}
*+HTML input.confirmation{ background:url(../_img/bt_confirm.gif) no-repeat -2px -1px; width:252px; height:24px; font-size:0.75em; color:#FFFFFF; float:left;  text-align:center; padding-right:0px; cursor:pointer;}

input.retour1{ background:url(../_img/bg_retour1.gif) no-repeat 2px 1px; width:247px; height:24px; font-size:0.75em; color:#FFFFFF; text-align:center; padding-right:0px; cursor:pointer; font-weight:bold; text-transform:uppercase;}
*HTML input.retour1{ background:url(../_img/bg_retour1.gif) no-repeat -1px -1px; width:247px; height:24px; font-size:0.75em; color:#FFFFFF;  text-align:center; padding-right:0px; cursor:pointer;}
*+HTML input.retour1{ background:url(../_img/bg_retour1.gif) no-repeat -2px -1px; width:247px; height:24px; font-size:0.75em; color:#FFFFFF;   text-align:center; padding-right:0px; cursor:pointer;}

input.retour2{ background:url(../_img/bg_retour2.gif) no-repeat 2px 2px; width:94px; height:24px; font-size:0.75em; color:#FFFFFF; text-align:center; padding-right:0px; cursor:pointer; font-weight:bold; text-transform:uppercase;}
*HTML input.retour2{ background:url(../_img/bg_retour2.gif) no-repeat -1px 0px; width:94px; height:24px; font-size:0.75em; color:#FFFFFF;  text-align:center; padding-right:0px; cursor:pointer;}
*+HTML input.retour2{ background:url(../_img/bg_retour2.gif) no-repeat -2px 0px; width:94px; height:24px; font-size:0.75em; color:#FFFFFF;   text-align:center; padding-right:0px; cursor:pointer;}

#illu{ float:left; margin-top:-10px;}
#blocDeco{  background:url(../_img/illu_comment.jpg) no-repeat 0px 100%;  margin-top:-10px;}
#blocComment{  background:url(../_img/bg_colg.png) no-repeat 0px 0px;  margin-top:-10px;}
#colg{ float:left; width:317px; text-align:center;}
#pub{ border:2px solid #f7aa26; width:250px; margin:20px auto;}
#illuTel{  width:250px; margin:30px auto;}
h3.titre{ font-size:1.1em; text-align:center; margin:20px 0px;}
.info{ padding-left:70px; margin-bottom:30px;}
.info#info1{ background:url(../_img/pic_1.gif) no-repeat 0px 0px;}
.info#info2{ background:url(../_img/pic_2.gif) no-repeat 0px 0px;}
.info#info3{ background:url(../_img/pic_3.gif) no-repeat 0px 0px;}
.info#info4{ background:url(../_img/pic_4.gif) no-repeat 0px 0px;}
.info ul{ list-style:square;}
.info li{ font-size:0.7em; color:#636363; margin:0px 0px 10px 15px;}

a.action{ color:#636363;}
a.action:hover{ color:#666666;}
a.haut{ display:block; font-size:0.7em; color:#000000; float:right; background:url(../_img/bt_haut.gif) no-repeat 0px 2px; padding-left:15px;}
a.haut:hover{ color:#666666; }

#bread{ float:right; background:url(../_img/bt_left.gif) no-repeat 0px 16px;font-size:0.75em; padding:15px 10px 0px 20px;}

p.info{ float:left;padding-left:100px; display:block; padding-top:5px; padding-right:10px;}
/** **/
#pop{ background:url(../_img/pop/bg_pop.gif) repeat-y 0px 0px; color:#636363; font-size:0.75em; padding:20px; display:block;}
#contPop h2{ font-size:1.1em; padding:5px 50px; display:block; color:#FFFFFF; font-weight:normal;}
#pop h3{ font-size:1em; padding:0px 30px 10px 30px;}
#pop p{ font-size:1em; padding:0px 30px 10px 30px;}
#pop a{color:#636363;}
#pop a:hover{color:#000000;}
#mentions{ height:400px; overflow:auto;text-align:justify;}
ul.logos li { padding:10px;}
/** **/
#footer{
	width:950px; height:77px;
	background:url(../_img/bg_footer.gif) no-repeat 0px 0px;
	text-align:center;
	padding-top:45px;
	color:#000000;
	font-size:0.7em;
	margin:0 auto;
}
/** **/

/*
made by Wesam Saif
http://www.nogray.com
support@nogray.com
*/

/* the main header table */
.ng-cal-header-table {
	border-collapse:collapse;
	background:#FFFFFF;
	margin:-2px 0px 0px 7px;
	width:180px; font-size:0.7em;
	}

/* the previous and next table cells */
.ng-cal-previous-td, .ng-cal-next-td {width:20px;
	height:20px;
	color:#FFF;
	border:0px solid #cccccc ;
	text-align:center;}
	.ng-cal-previous-td a, .ng-cal-next-td a {text-decoration:none;}

/* the calendar header table cell (the area where the month and year is displayed) */
.ng-cal-header-td {
	text-align:center;
	font-weight:bold;
	/*padding:3px;*/
	}

/* the main month table */
.ng-cal {
border:0px solid #cccccc;
	border-collapse:collapse;
	margin:0px 5px 0px 5px;
	background-color:#FFFFFF;
	clear:left;}
#ng-cal2 {
	background-color:#E4620D !important;
	margin-left:7px;
	position:relative;
	/*top:4px;*/
	width:100%;
}
.div_cal0{
	border-bottom: solid 1px #FFF;
	margin-bottom:5px;
}
.table-center{
	margin-bottom:5px;
	width:224px;
}
.table-center .hover-date:hover{
	background-color: #F60 !important;
	border: 1px solid #FFF;
	margin: 0 !important;
	color: #FFF;
	}
.table-center td{
	text-align: center !important;
}
	
.div_cal0 .tab_cal0{
	width:224px;
}
*html .ng-cal{
	margin:0px 5px 0px 5px;
}
*+html .ng-cal {
	margin:0px 5px 0px 5px;
}

.ng-cal * {}
.ng-cal td {padding:0px;border:solid #cccccc 0px; width:20px;  font-size:0.65em;}

/* the days name table cells */
.ng-cal .ng-days-name-td {background:#FFFFFF;
	border:0px solid #cccccc; font-weight:bold;}

/* the month name table cell */
.ng-month-name-th {background:#FFFFFF;
	font-weight:bold;
	font-size:1px;
	padding:3px;
	color:#000000;
	text-align:center;
	display:none;}

/* weekends, days off, dates off (holidayes) */
.ng-cal-header-td{
	padding-left: 20px;
}
.ng-weekend, .ng-dayOff, .ng-dateOff {color:#999999;
background:#efefef;
text-decoration:line-through;
}


/* out of range days (previous or next month) */
.ng-outOfRange {color:#999999;
	background:#efefef;
	text-decoration:line-through;}

/* the style for the table cell when the mouse is over it */
.ng-mouse-over {font-weight:bold;
	background:#faedd6;}
.ng-cal td  a{text-decoration:none;  display:block; height:1.4em;}
.ng-cal td  a:hover{ background:#faedd6;  display:block; height:1.4em; }

/* selected day */
.ng-selected-day {background:#ffbb45;
		font-weight:bold;}
.ng-cal td  a.ng-selected-day{background:#ffbb45;
		font-weight:bold;  display:block; height:1.4em;}



/* the close and clear buttons in the bottom of the calendar */
.ng-close-link, .ng-clear-link  {padding:3px;
	text-align:center;
	color:#666666;
	text-decoration:none;
	font-size:8pt;
	background:#000000;
	border:solid #cccccc 1px;
	float:right;
	margin-right:5px;}

.tdGris{background-color:#636363;}

*HTML #colg{background:url(../_img/bg_colg.png) no-repeat 0px 0px;}

Div.bloc2 span.infoMessage{color:#F7A923; font-weight:bold;}
span.msgSatisfaction,span.msgSatisfaction a{color:#FF6600;font-size:13px; font-weight:bold;}

/* the style for the day on next month */
.ng-day-nextmonth {
	color:#999999;
}
table #dada-border td{
	border-bottom: solid 1px #FFF !important;
}