/**********************************************************************************************/
/*   GENERAL
/**********************************************************************************************/

* { padding: 0; margin: 0; }

body { font: 11px Verdana, Arial, Helvetica, "sans-serif"; color: #666;  background: url(../img/bg_body.gif) repeat-x #808b96; text-align: center; }

td { font: 11px Verdana, Arial, Helvetica, "sans-serif"; color: #666; }

a img { border: 0; }
a { text-decoration: none; outline: none; font-weight: 700; color: #ff8a00; }
a:hover, a:focus, a:active { color: #0099cc; }

.left { float : left; }
.right { float : right; }

img.left {	margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display : block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; }

h1 { color: #ff8a00; font-family: Arial, Verdana, Helvetica, "sans-serif"; font-size: 18px; }
h2 { color: #0099cc; font-family: Arial, Verdana, Helvetica, "sans-serif"; font-size: 14px; }
h3 { color: #0099CC; }
.sep { background: url(../img/points.gif) repeat-x; line-height: 1px; font-size: 1px; height: 1px; }


/********************************/
/*   GLOBAL
/********************************/

#global { margin: 0 auto; width: 850px; text-align: left; position: relative; }


/********************************/
/*   CHANGELANG
/********************************/

.changelang {  position: absolute; right: 30px; top: 5px; }
.changelang a { color: #a5aaaf; font-weight: 400; }
.changelang img {  }

/********************************/
/*   BOUTON ACCES CLIENT
/********************************/

.accesClient { position: absolute; right: 20px; top: 30px; width:167px; height:26px; overflow:hidden;}
.btnAcces { width:167px; height:26px; display:block; background-image:url(../img/personnalise/btn_extranet_FR.png); background-position:top;}
.btnAcces:hover{ background-position:bottom; }

/********************************/
/*   LIEN REFERENCEMENT
/********************************/

#lienref { float: left; list-style: none; margin: 5px 15px 10px 15px; padding: 0; }
#lienref li { float: left; }
#lienref li a { padding: 0 5px; background: url(../img/top_point.gif) center right no-repeat; font: 12px Verdana, Arial; color: #6c0100;}
#lienref li.last a { background: none; }
#lienref li a:hover { color: #999; }

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

#header { clear: both; }

#header img { display: block; }


/********************************/
/*  BLOC-LOGIN
/********************************/

#bloc-login form { padding: 5px 0; }

#bloc-login input { font-size: 11px; font-family: Verdana; float: left; }

#bloc-login input.form-field { color: #666; padding: 2px 2px 4px 2px; width: 135px; border: 1px solid #b9bbc7; margin: 0 5px 5px 0; background: #FFF; }


#bloc-login input.form-submit { 
background: url(../img/bg_bt.gif) repeat-x 0 0 #b2b7bd; border: 0; font-weight: 700; color: #FFF; padding: 2px 2px 3px 2px; }

#bloc-login input.form-field:hover,
#bloc-login input.form-field:focus,
#bloc-login input.form-field:active { border: 1px solid #0099CC; }

#bloc-login a { font-weight: 400; color: #666; }
#bloc-login a:hover { color: #0099CC; }

#bloc-login p.error { clear: both; font-size: 9px; color: #ff0000; padding: 5px 0 0 0; }


/* BLOC-LOGIN HORIZONTAL */

#bloc-login.horizontal { height: 30px; background: url(../img/menu_hztal_bg.gif) repeat-x 0 0; width: 850px; }

#bloc-login.horizontal form { float: right; padding: 4px 20px 0 0; }

#bloc-login.horizontal h3 { float: left; font-size: 12px; padding: 2px 5px 0 0; }

#bloc-login.horizontal input { margin: 0 5px 0 0 !important; }

#bloc-login.horizontal input.form-field { margin: 0;background-color: #FFF; }

#bloc-login.horizontal p { float: left; }
#bloc-login.horizontal p.mdp {  padding: 2px 0 0 0; }
#bloc-login.horizontal p.error {  clear: none; padding: 3px 5px 0 0; }


/********************************/
/*  MAIN
/********************************/

#main { background: #FFF; padding: 0 20px 20px  20px; }


/********************************/
/*  CDF
/********************************/

#cdf { height: 20px; font-size: 10px; color: #b1b1b1; text-align: right; }
#cdf div { padding-top: 3px; }
#cdf a { font-weight: 400; color: #b1b1b1; }
#cdf a:hover { color: #666; }
#cdf span { color: #666; }

/********************************/
/*  SIDEBAR
/********************************/

#sidebar { float: left; width: 200px; margin: 0 20px 0 0; }

.entete { background: url(../img/entete_bg.png) no-repeat 0 0 #218db1; color: #FFF; font-weight: 700; padding: 5px 10px 7px 10px; }

.fond { background: url(../img/blocleft_bg.png) no-repeat 0 100% #fefefe; padding: 10px; }

.closer-ombre { background: url(../img/blocleft_ombre.png) no-repeat 0 0; height: 30px; line-height: 1px; font-size: 1px; }


/********************************/
/*  BLOC-LEFT
/********************************/

#bloc-left h3 { font-size: 12px; margin: 0 0 5px 0;  }
#bloc-left .fond { background: url(../img/blocleft_bg.png) no-repeat 0 100% #fff;  }



/********************************/
/*  BLOC-CENTER
/********************************/

#bloc-center { width: 590px; float: left; }

#bloc-center h1 { background: url(../img/puce_titre.png) no-repeat 0 1px; padding: 0 0 15px 27px; }
#bloc-center h2 { padding: 0 0 10px 0; }

#bloc-center .bloc { margin: 0 0 10px 0; }

#bloc-center .bloc p { font: 12px Verdana, Arial; color: #777777;}

.style2 { border: 1px solid #babfc4; padding: 10px 10px 12px 10px; }
.style3 { background: #c9e7f4; padding: 10px 10px 12px 10px; }

#bloc-center .lien { text-align: right; padding: 5px 0 0 0;}

#bloc-center .espace { height: 10px; line-height: 1px; font-size: 1px; }

#bloc-center li { list-style: square; list-style-position: inside; }



/********************************/
/*  PARTENAIRES
/********************************/



hr{
color:#E2E2E2;
background-color: #E2E2E2;
border: none;
height:1px;
}

.logo_partner{
text-align:center;
}


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

#footer ul { list-style: none; float: right; padding: 5px 0 ; }
#footer li { display: inline; color: #FFF;  font: 12px Verdana, Arial;}
#footer { padding: 10px 10px 20px 10px; height: 50px;  font: 12px Verdana, Arial; text-align: right; }
#footer a { font: 12px Verdana, Arial; color: #999; }
#footer a:hover { color: #6c0100}

#lienrefFooter { float: right; padding: 0px 20px 10px 20px;  font: 12px Verdana, Arial; text-align: right;}
#lienrefFooter a {font-weight: normal; }

/********************************/
/*  CLOSER
/********************************/

#site-closer .coinG { 
	background: url(../img/site_closer_left.gif) no-repeat 0 100%; 
	height: 10px; 
	line-height: 1px; 
	font-size: 1px;
	margin-right: 10px;
}

#site-closer .coinD { 
	background: url(../img/site_closer_right.gif) no-repeat 100% 100%; 
	height: 10px; 
	width: 10px; 
	float: right; 
	line-height: 1px; 
	font-size: 1px;
	/margin-left: -10px;
}


/********************************/
/*  PROGRAMME
/********************************/

.program { margin-bottom: 1px; padding: 5px 0; }

.program.ligne1 { background: #C9E7F4; }
.program.ligne2 { background: #EEFAFF; }

.horaire-program { float: left; width: 110px; font-weight : 700; color: #FF8A00 ; text-align : right; margin: 0 30px 0 0; }

.titre-program { float: left; font-weight: 700; color : #0099CC; padding: 0 5px 0 0; }

.texte-program { clear: both; padding : 5px 5px 0 140px; /padding-top : 3px; }



/*******************************************************************************/
/* SITEMAP */
/*******************************************************************************/

#sitemap ul { margin: 0; padding: 0 0 0 30px; }
#sitemap li { margin: 0; padding: 0; }
#sitemap a { display: block;  margin: 5px 0; }

#sitemap .niv1 { padding: 0; }

#sitemap .niv1 li { list-style: none; padding: 2px 0; }
#sitemap .niv2 li { list-style: square; padding: 0; }
#sitemap .niv3 li { list-style: disc; }
#sitemap .niv4 li { list-style: circle; }

#sitemap .niv1 a { font-size: 11px; font-weight: 700; color: #ff8a00; }
#sitemap .niv2 a { font-size: 11px; font-weight: 400;  background: 0; padding: 0; color: #666; }
#sitemap .niv3 a { font-size: 11px; }

#sitemap a:hover, #sitemap a:focus, #sitemap a:active { color: #0099cc; }

/*******************************************************************************/
/* FORMULAIRE - QSATISFACTION  */
/*******************************************************************************/

.Qsatisfaction .form-label { color: #858585; }
.Qsatisfaction .cocheCas2 .coche { margin: 2px 5px 0 10px;  }

.form-separator { font-weight:700; color: #FFF; background: url(../img/menu_hztal_bg_on.gif) repeat-x 0 0 #218CB1; padding: 3px 10px 5px 10px; }

.satisfaction-reponse { font-weight: 700; font-size: 10px; }



/*******************************************************************************/
/* FORM  */
/*******************************************************************************/

.form-submit { background: url(../img/bg_bt.gif) repeat-x 0 0 #b2b7bd; border: 0; font-weight: 700; color: #FFF; padding: 2px; }

.form-field { font-size: 11px; color: #666; padding: 2px 2px 3px 2px;  margin: 2px 0 5px 0; border: 1px solid #babfc4; } 

.form-field:hover, .form-field:focus, .form-field:active { border: 1px solid #0099CC; }

.form-mandatorysign { color: #CC0000; }

fieldset { margin: 10px; padding: 10px; border: 1px solid #babfc4; }
fieldset legend { color: #ff8a00; font-weight: 700; }


/*SIMPLEFORM*/

.simpleform .coche { vertical-align: middle; margin: 1px 5px 5px 5px; /margin: 0 2px 0 0; }

.simpleform .form-field { width: 250px;}

.simpleform label { font-weight: 700; width: 200px; float: left; text-align: right; margin-right: 10px; position: relative; top: 3px; }

.simpleform .bloc-form-field { margin: 0 0 5px 0; }

.simpleform .bloc-form-field_oneColumn { width: 250px; float: left; margin: 0 0 5px 0; }

.simpleform .bloc-choix { }

.simpleform .bloc-submit { text-align: center; padding: 20px; }


/*******************************************************************************/
/* WARNING  */
/*******************************************************************************/

#bloc-warning { border : 1px solid #cc0000; background : #f3f3f3; color : #cc0000; }

#bloc-warning h3 {
	padding: 5px 10px 5px 40px; color : #FFF; background: url(../img/warning.gif) no-repeat 10px 3px #cc0000; 
	border-bottom: 1px solid #cc0000; }

#bloc-warning ul { margin : 10px 0 10px 40px; }
#bloc-warning li { list-style: none; padding : 5px 0; }