/* CSS Document */
body {margin: 0 auto; height: 100%;}
#wrapper {width: 100%; min-height: 50%;}
#header {width: 100%; height: 145px; background-image: url(../images/bg_entete.jpg); background-repeat:repeat-x; }
#header img {margin-left: 0;}
.left {float: left;}
.right {float: right; width: 196px;}
#imgs_left img, #imgs_right img {border: 0;}
#logo {position: absolute; top: 0; left: 0; margin: 0;}
#slogan {position: absolute; top: 0; left: 199; margin: 0;}

#center {position: relative; min-height: 100%;}

#left {float: left; width: 210px; background-color: #5299D1; height: 100%;}
#menuleft {padding: 20px 10px 10px 10px;}
#left_abo {float: left; width: 210px; background-color: #DC5296; height: 100%;}
#left a, #left_abo a {font: 11px Arial; color: #000000; text-decoration: none; line-height: 20px;}
#menu {width: 173px; background-image: url(../images/menu_bg.gif); background-repeat: repeat-y;}
#rubriques {padding-left: 5px; font: 11px Arial, Helvetica, sans-serif; color: #000000;}
.imgmenu {margin-bottom: -10px;}

#loginbloc {width: 173px; height: 109px;
background-image: url(../images/loginbox_bg.gif); background-repeat: no-repeat; 
padding-top: 24px; padding-left: 30px; margin-top: 10px; padding-right: 10px;}
#connexion {float: right; padding-right: 35px;}
#connecte {line-height: 20px;}
#box {}

.tx-loginboxmacmade-pi2 input {margin-bottom:5px;}
#connexion {}
#connecte {}
#connecte input {}


#content {float: center; width:100%; position: relative; left:10px;font: 12px Arial, Helvetica, sans-serif; color: #333333;}
#tablecontent {float: left; width: 60%;  padding: 0px 10px 10px 20px; text-align: left; background-color: #F0F5FB;}
#col-droite {float: left; width: 10%; padding: 0px 10px 10px 50px;  background-color: #ffffff; }
#table_content {width: 100%; float: left; text-align: left;}

#bgleft {left:0; color: #5299D1; width: 210px;}
  .bg left{
    position:absolute;
    bottom:0;
    height:100%;
  }



.clearfooter {height: 0; clear: both;}

#footer {position: relative; height: 25px; width: 100%; background-color: #353A86;
text-align: center; color: #FFFFFF; font: 11px Arial; padding-top: 8px;}

.titre1, #h1, .csc-firstHeader {font: bold 18px Calibri,Verdana; color: #FFFFFF; 
width: 526px; height: 29px; padding-top: 2px; padding-left: 6px;
background-image: url(../images/onglet_titre1.gif); background-repeat: no-repeat;
margin-bottom: -20px;}

.titre2 {font: bold 13px Arial; color: #5299D1;
background-image: url(../images/puce.gif); background-repeat: no-repeat;
padding-left: 25px; margin-bottom: -20px;}

.gauche {text-align: left;}
.centre {text-align: center;}
.droit {text-align: right;}
.justifie {text-align: justify;}

.download {background-image: url(../images/pdf_picto.gif); background-repeat: no-repeat;
padding-left: 40px; font: 12px Arial; line-height: 25px;}


<!--[if IE]>
<style>
#center {
height: 100%;
}
</style>
<![endif]-->

* html header img {margin-left: -8px;}


/*  alignement des champs de formulaire de contact */

.csc-mailform {
padding-top:10px;
padding-left: 10px;
background-color: #CBE699;
border: none;
}
div.csc-mailform-field{
overflow: hidden;
margin-bottom: 10px;
}
div.csc-mailform-field label {
display: block;
float: left;
width: 100px;
}
div.csc-mailform-field input{
width: 400px;
}
div.csc-mailform-field textarea{
width: 400px;
}
#mailformformtype_mail{width: 110px;}