* {margin: 0; padding: 0;}
body {background: url(/images_template/fond_global.gif) left top repeat-x;font-size: 62.5%;margin: 0;padding: 0;height:100%}
/* taille de l'enfant en em = taille voulue de l'enfant en pixels  / taille du parent en pixels */
h1 {font-size:1.8em; color: #c00;}  /* affiché en 24px */
h2 {font-size:1.5em; color: #666;}  /* affiché en 18px */
h3 {font-size:1.25em; color: #333;}  /* affiché en 15px */
h4 {font-size:1em; color: #333;}  /* affiché en 12px */
input, select, th, td {font-size:1em}
a img {border: none 0;}
.clear {display: block; clear:both; font: normal 0/0 arial;}
.center {text-align:center;}
a.btsmall {background: url(/images_template/new_home_head_bloc.gif) left top repeat-x; color:#fff; text-align:center; margin: 5px;}
a.btsmall {padding: 2px 5px; border: solid 1px #696D84;font-weight: bold;background-position:left bottom; color: #FFF !important}
a.btmed {background: url(/images_template/new_bt_start.gif) left top no-repeat; line-height: 27px; padding: 0 0 10px 15px;text-decoration:none;}
* > a.btmed {padding-top: 6px; !padding-top: 0;}
a.btmed:hover {text-decoration:none}
a.btmed span {background: transparent url(/images_template/new_bt_end.gif) right top no-repeat; text-transform: uppercase; color:#C00; font-weight:bold; padding: 6px 15px 10px 0;}

#global{width:950px;margin: 0 auto;overflow:hidden;position:relative;font: normal 1em Arial, Helvetica, Sans-serif;color: #333;}
#header{position:relative;height: 96px;background: url(/images_template/fond_header.jpg) left top no-repeat;}
#logo {position: absolute;left: 25px;top: 0;width: 169px;height: 95px;}
#baseline {position: absolute;left: 205px;top: 53px;width: 242px;height: 19px;}
#switch {position: absolute;top: 71px;right: 2px;width: 430px;height: 25px;}
#switch ul li {display: inline;}
#launcher_info {position: absolute;top: 10px;right: 10px;width: 416px;height: 41px;background: url(/images_template/fond_launcher.gif) left top no-repeat;color: #fff;font: bold 1.2em Verdana;}
/* #espaceclient {height: 100px;} */
#espaceclient span.titre {display: block; padding: 8px 0 0 25px; font-size: 2em; color: #c00;}
/* #espaceclient span.accesrapide {display: block; padding: 8px 0 0 25px; font-size: 1em; color: #333;} */
#menu {height: 30px;padding: 16px 0 6px 11px;}
#menu .ul_start {float: left;height: 30px;width: 5px;background: url(/images_template/menu_ul_start.gif) left top no-repeat;}
#menu div.ul_end {float: left;height: 30px;width: 5px;background: url(/images_template/menu_ul_end.gif) right top no-repeat;}
#menu ul {float: left;background: url(/images_template/menu_li.gif) left top repeat-x;}
#menu ul li {display: inline;}
#menu ul li a {display: block;float:left;height: 20px;margin-left: 1px;padding-top: 10px;text-align: center;background: url(/images_template/bt_menu_off.gif) left top repeat-x;}
/* peux varier en fonction du nombre d'elements dans le menu */
#menu #menu_part {width: 722px;}
#menu #menu_part li a {width: 240px;}
#menu #menu_pro {width: 722px;}
#menu #menu_pro li a {width: 240px;}
#menu #menu_corpo {width: 719px;}
#menu #menu_corpo li a {width: 179px;}
/* - */
#menu #menu_backoffice li a {font: bold 1.2em arial; color: #FFF; padding: 10px 5px; text-decoration: none;}
#menu #menu_backoffice li a.on {color: #C00;}
#menu ul li a.on {height: 15px;padding-top: 15px;background: url(/images_template/bt_menu_on.gif) 50% top no-repeat;}
#menu ul li a img {margin: 0 auto;}
#menu ul li.first a {margin-left: 0;}
#bouton_acces_client,
#bouton_deconnexion {float: left; margin-left: 5px; height: 30px;}
#main_content {position: relative;width: 950px;}
#main_content .main_top {width: 950px;height: 8px;font: normal 0/0 arial;}
#main_content .main_bottom {clear:both;}
#left_menu {float: left;width: 147px;padding-left: 17px;}
/*-*/
#left_menu .left_menu_top {display: block;float: left;font: normal 0/0 arial;width: 147px;height: 3px;margin: 0;padding: 0;background: url(/images_template/left_menu_top.gif) right top no-repeat;}
#left_menu .left_menu_bottom {display: block;float: left;font: normal 0/0 arial;width: 147px;height: 8px;background: url(/images_template/left_menu_bottom.gif) right top no-repeat;}
/*-*/
#left_menu ul{width: 137px;padding: 3px 0 8px 10px;font: bold 1.1em Tahoma;list-style-type: none;background: url(/images_template/fond_left_menu_ul.gif) right top repeat-y;}
#left_menu ul li {clear: both;border-bottom: dotted 1px #ccc;padding: 0;}
#left_menu ul li.last {border-bottom: none 0;}
#left_menu ul li span {display: block;}
#left_menu ul li span a {display: block;padding: 5px 0 5px 15px;text-decoration: none;color: #333;height: 100%;background: url(/images_template/puce_left_menu_red.gif) 5px 10px no-repeat;}
/* #left_menu ul li span a:hover {text-decoration: none;background: url(/images_template/radio_on.gif) 3px 8px no-repeat;} */
#left_menu ul li ul{font: bold 1em Tahoma;padding: 0;list-style-type: none;font-weight: normal;border-top: dotted 1px #ccc;}
#left_menu ul li ul li {display: block;background:  url(/images_template/fond_left_menu_ul_ul.gif) right top repeat-y;border-bottom: none 0;padding: 2px 0;}
#left_menu ul li ul li.first {margin: 5px 0 0 0;}
#left_menu ul li ul li span {display: block;padding: 0;background: url(/images_template/puce_left_menu_white.gif) 15px 5px no-repeat;}
#left_menu ul li ul li span a {display: block;padding: 0 0 0 25px;height: 100%;background: none;}
#left_menu ul li ul li span a:hover {text-decoration: none;color: #C00;/* margin-left: 13px;padding: 0 0 0 12px;background: url(/images_template/puce_left_menu_red.gif) 2px 5px no-repeat; */}
#left_menu ul li ul li span a.on {color: #C00;margin-left: 13px;padding: 0 0 0 12px; background: url(/images_template/puce_left_menu_red.gif) 2px 5px no-repeat;}
#main_bottom {margin-left:auto;margin-right:auto;width: 950px;height: 8px;}
#footer {clear: both;text-align: center;font: normal 1em Tahoma;padding: 30px 0;background: url(/images_template/fond_footer.gif) left top repeat-x;}
#footer ul {display: block;margin: 5px auto;}
#footer ul li {display: inline;margin: 0 8px;}
#footer ul li a {text-decoration: none;color: #333;}
#footer ul li a:hover {text-decoration: underline;}
/*selfcare - courbes*/
.textwhite {color:#FFFFFF;}
td.bgred {background-color:#D50C0C;}
.bgmedium {background-color:#EEEEEE;}
.bgdark {background-color:#D50C0C;color:#FFFFFF;font-weight:bold;}
.bglight {background-color:#FAFAFA;}

/* are you net  */
#bloc-areyounet{
position:absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
#trans-areyounet {
position:absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #FFF;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
#bloc-areyounet div.form-ayn {
position: absolute;
left: 50%;
top: 50%;
width: 500px;
height: 200px;
margin-left: -250px;
margin-top: -100px;
background-color:#FFF;
border: solid 1px #933;
font-size: 1.4em;
color: #666;
}


/* suppression focus balise flash 18/06/09 */
object:focus{outline-style:none;}

#bloc-areyounet div.form-ayn div {margin-top:20px; font: normal 1em  Tahoma, Arial, Helvetica; text-align:center;}
#bloc-areyounet div.form-ayn img{margin: 0}
#bloc-areyounet div.form-ayn p {padding-top: 10px}
#bloc-areyounet div.form-ayn strong {color: #333; font-size: 1.2em}