body {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-top: 10px;
padding: 0;
background-color: #FFFFFF;
}
img { border: none; behavior: url(css/iepngfix.htc);}
div{behavior: url(css/iepngfix.htc);}
a {
text-decoration:none;
font-weight:bold;
}
h1, h2 {
color:#3366cc;
font-weight:bold;
font-size:1.4em;
text-align:center;
}
h2 {
font-size:1.2em;
}
fieldset {
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border:1px solid #34beed;
}
input[type="submit"]:hover,input[type="reset"]:hover{
border:2px solid #34beed;
font-weight:bold;
color:#cc0066;
}
#header {
position: absolute;
top:10px;
left:50%;
margin-left:-495px;
z-index:-1;
}
#promo_header {
position: absolute;
top:15px;
left:50%;
margin-bottom:-80px;
margin-left:-200px;
z-index:10;
width:400px;
display:block;
text-align:center;
font-size:16px;
font-family: Arial;
font-weight: bold;
}
#hebidule {
position: fixed!important;
position: absolute;
bottom:0!important;
top:expression(body.scrollTop + document.body.clientHeight - 6 + "px");
right:0;
}
#conteneur {
width:990px;
margin:0 auto;
}
#header_G {
float:left;
height: 114px;
width:416px;
/*background-image: url(../images/cgh1.png);*/
}
#centre{
clear:both;
width:990px;
}
#contenu{
vertical-align:top;
width:622px;
overflow-x:hidden;
}
#header_D {
float:right;
height: 111px;
width:406px;
text-align:right;
font-size:13px;
font-family: Arial;
font-weight: bold;
color: #3366cc;
padding-right:10px;
padding-top:3px;
text-shadow: #fff 1px 1px 1px;
}
.heure {
position:relative;
top:-2px;
right:-1px;
font-size:13px;
}
.cmgh, .cmgb, .cmdh, .cmdb {
height:12px;
margin:0;
padding:0;
table-layout: fixed;
}
.cmgh {
background: url(../images/design/cmgh.png) no-repeat;
}
.cmgb {
background: url(../images/design/cmgb.png) no-repeat;
}
.cmdh {
background: url(../images/design/cmdh.png) no-repeat;
}
.cmdb {
background: url(../images/design/cmdb.png) no-repeat;
}
.logo {
position:relative;
/*top:15px;*/
top:7px;
left:25px;
border:0;
}
.tel {
font-size:26px;
color: #cc0066;
}
.nameconnected {
float:right;
height: 37px;
width: 271px;
background: url(../images/design/cdh2.png) no-repeat;
}
.nameconnected ul li {
margin-right:2px;
list-style-type:none;
display:block;
text-align:center;
}
.nameconnected ul li,#telechargement ul li a{
margin-top:-5px!important;
margin-top:7px;
/*color:#551A8B;*/
color:#34beed ;
font-weight:bold;
text-shadow: #fff 1px 1px 1px;
}
#telechargement ul li {
margin-left: -15px;
margin-top:-6px!important;
margin-top:8px;
list-style-type:none;
font-size: 17px;
}
#telechargement ul li a:hover{
color:#cc0066;
}
#telechargement {
float:left;
height: 37px;
width: 271px;
background: url(../images/design/cgh2.png) no-repeat;
color:#551A8B;
}
#espaceclient ul li {
margin-left:0px;
list-style-type:none;
}
#espaceclient {
padding-left:12px;
padding-top:11px;
margin-left:-11px;
}
#espaceclient.disconnected {
padding-top:0px;
/*background: url(../images/design/espace-Bgris.png) no-repeat;*/
height:45px;
}
#espaceclient.connected {
background: url(../images/design/espace-Ggris.png) no-repeat;
height:130px;
}
#menu {
margin:0;
padding:0;
width: 184px;
background: url(../images/design/cmg.png) repeat-y;
behavior: url(css/iepngfix.htc);
vertical-align:top;
height: 100%;
}
#menu ul, #espaceclient ul {
height: 100%;
padding-left:0;
list-style-type:none;
margin-left:0px;
margin-top:0px;
}
#menu  li {
margin-top:-1px;
}
#menu  ul li a {
display:block;
background:url(../images/design/gris.png) no-repeat;
width:165px;
height:28px;
padding-left:15px;
padding-top:13px;
color:#34beed;
font-size:13px;
}
#menu  ul li a:hover, #menu  ul li a:active, #menu  ul li a:focus {
background:url(../images/design/bleu.png) no-repeat;
padding-left:15px;
/*color:#cc0066;*/
color:#A5A5A5;
}
#promo {
margin:0;
padding:0;
width: 169px;
background: url(../images/design/cmd.png) top left repeat-y;
behavior: url(css/iepngfix.htc);
padding-left:15px;
vertical-align:top;
height: 100%;
}
#promo a {
color:#34beed;
line-height:20px;
}
#promo a:hover{
color:#cc0066;
}
#footer {
clear:both;
height: 46px;
padding-top:4px;
background-image: url(../images/design/cb.jpg);
background-position:bottom;
text-align: center;
font-size:9pt;
font-weight:bold;
/*color: #FFFFFF;*/
/* rouge */
/*color: #FF0137;*/
/* rose */
/*color: #FF00FF;*/
/* orange */
/*color: #FF9210;*/
/* violet */
/*color: #B900FF;*/
/* bleu */
/*color: #0035FF;*/
/* turquoise */
/*color: #01FFFF;*/
/* vert foncé */
/*color: #02B828;*/
/* vert clair */
/*color: #76FF01;*/
/* jaune */
/*color: #FFFF01;*/
/* blanc */
color: #FFF;
text-shadow: #000000 2px 2px 2px;
}
#footer .contact {
color: #000000;
text-shadow: none;
}
#footer .contact a:hover{
border-bottom: 2px solid #FFFF01;
}
#footer .cgv_plan_acces,  #footer .cgv_plan_acces  a {
color:#FFFF01;
}
#footer .cgv_plan_acces  a:hover {
border-bottom: 2px solid red;
}
#csswindow {
position:fixed;
top:400px;
left:50%;
margin:-203px;
width:406px;
min-height:50px;
text-align:center;
vertical-align:center;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
border:1px solid #34beed;
background-color:#FFFFFF;
}