body{margin:0; padding:0; background-position:center top; font:12px Arial,verdana,Helvetica,sans-serif;  background-color:#FFF}

#conteneur{min-height:100%; width:908px; overflow:hidden; margin-left:auto; margin-right:auto}

#conteneur li{margin:0px 0px 0px 0px}

#header{height:102px; padding:0px; background-image:url(images/bg_header.jpg); background-repeat:no-repeat; background-position:left bottom}

.logo{float:left; margin-top:0px; margin-left:0px}

#panier{float:right; width:235px;     color:#366; font-size:14px; margin-top:48px}

#panier a{color:#366; text-decoration:none}
#panier a:hover{color:#399}

#flash{height:295px; background-image:url(images/barre.jpg); background-repeat:repeat-y; background-position:left top; text-align:center}
#flash2{height:9px; background-image:url(images/barre.jpg); background-repeat:repeat-y; background-position:left top}

#centre{    font-size:12px;     text-align:left; background-image:url(images/bg_centre.jpg); background-repeat:repeat-y; background-position:left top}

#menu-carte1{float:left; width:304px; margin:10px; background-image:url(images/cadre1.jpg); background-repeat:no-repeat; background-position:left top; height:auto; min-height:400px; _height:400px; color:#3B535F; font-size:12px; font-weight:bold}

.texte-carte{float:left; margin-top:85px; padding-left:8px; padding-right:8px; text-align:justify}

#menu-carte2{float:left; width:304px; margin:10px; background-image:url(images/cadre2.jpg); background-repeat:no-repeat; background-position:left top; height:auto; min-height:400px; _height:400px; #3B535F; font-size:12px; font-weight:bold}
}

#menu-carte2 select{width:250px}

#bottom{height:82px; background-image:url(images/bg_bottom.jpg); background-repeat:no-repeat}

.gabarit{float:left; padding-left:250px; margin-top:38px}

.cb{float:left}
.copyright{float:right}

.form{margin:0; padding:0}
.input{border:1px solid #C2C9CF}
.table{margin:0; padding:0}
.bleuc{color:#8DCACD; font-size:20px}
.bleuf{color:#4B9EAC; font-size:21px}
.gris{color:#919191; font-size:16px}
.orange{color:#E96F21}

#page{float:left; width:629px; margin:10px;     background-image:url(images/bg_page.jpg); background-repeat:no-repeat; background-position:left top; height:auto; min-height:414px; _height:414px; color:#3B535F; font-size:12px; font-weight:bold}

#page-contenu{float:left; width:615px; margin:10px;     background-image:url(images/bg_pagecontenu.jpg); background-repeat:no-repeat; background-position:left top; height:auto; min-height:414px; _height:414px; color:#3B535F; font-size:12px; font-weight:bold}
#page-contenu a{color:#3B535F;  text-decoration:none}
#page-contenu  a:hover{color:#4AACB7; text-decoration:none}

#page-contenu2{float:left; width:615px; margin:10px;     background-image:url(images/bg_pagecontenu.jpg); background-repeat:no-repeat; background-position:left top; height:auto; min-height:414px; _height:414px; color:#3B535F; font-size:11px; font-weight:bold}

#page-contenu2 a{color:#3B535F;  text-decoration:none}
#page-contenu2 a:hover{color:#4AACB7; text-decoration:none}
.bg_tab{width:600px; padding:0px; background-image:url(images/bg_tab.jpg); background-repeat:no-repeat; background-position:left bottom; height:auto; min-height:100px; _height:100px}

#menuTop{float:right;  height:32px; margin-top:15px; vertical-align:middle; text-align:center; line-height:32px}

#navcontainer ul{margin:0px; margin-left:12px; padding:12px; list-style-type:none; font-size:1em}

#navcontainer li{margin:0px 0px 2px 0px}

#navcontainer a{display:block; padding:5px 2px 10px 24px; color:#004F94; text-decoration:none; font-weight:bold; border-bottom:1px solid #CCC; background-image:url(images/barre.gif); background-position:bottom; background-repeat:no-repeat}

#navcontainer a:hover{color:#0085D5; background-image:url(images/barre2.gif)}

#navcontainer a:active{color:#60A121; background-image:url(images/barre2.gif)}

#contenu{margin-left:2px; margin-right:2px}

#cadre_gauche{float:left; width:210px; padding-left:20px; text-align:left; font-size:11px}
#cadre_gauche li{list-style-type:none; padding:2px}
#cadre_gauche a{color:#20404D; text-decoration:none; font-size:11px; font-weight:bold}
#cadre_gauche a:hover{color:#5AA6B4}

#inscription{float:left; margin-top:60px; margin-left:5px; color:#20404D; font-size:12px; font-weight:bold}
#inscription a{color:#5AA6B4; text-decoration:none; font-size:11px}
#inscription a:hover{text-decoration:underline}
#inscription li{list-style-type:none; margin-left:0px; padding-left:0px; margin-bottom:2px}
input.ins{border:1px solid #C2C9CF; width:90px}

.fond_gauche{width:199px; background-color:#C7CFD2; background-image:url(images/bg_menu-gauche.jpg); background-position:left top; background-repeat:no-repeat; height:auto; min-height:239px; _height:239px}

#cadre_droit{float:left; width:671px; text-align:left; font-size:11px}

#cadre_droit1{float:left; width:671px; text-align:left; font-size:11px; background-image:url(images/bg_echantillon.gif); background-repeat:no-repeat; background-position:right bottom}

#cadre_droit2{float:left; width:671px; text-align:left; background-image:url(images/bg_contact.gif); background-repeat:no-repeat; background-position:right bottom}

#cadre_droit3{float:left; width:671px; text-align:left; background-image:url(images/bg_service.gif); background-repeat:no-repeat; background-position:right bottom; height:auto; min-height:650px; _height:650px}

#cadre_droit4{float:left; width:671px; text-align:left; background-image:url(images/bg_metal.gif); background-repeat:no-repeat; background-position:right bottom; height:auto; min-height:650px; _height:650px}

#cadre_droit5{float:left; width:671px; text-align:left; background-image:url(images/bg_gabarit.gif); background-repeat:no-repeat; background-position:right bottom; height:auto; min-height:650px; _height:650px}

#cadre_droit6{float:left; width:671px; text-align:left; background-image:url(images/bg_mentions.gif); background-repeat:no-repeat; background-position:right bottom; height:auto; min-height:500px; _height:500px}

#cadre_droit7{float:left; width:671px; text-align:left; background-image:url(images/bg_contraintes.gif); background-repeat:no-repeat; background-position:right bottom; height:auto; min-height:500px; _height:500px}

#cadre_menu{float:left; width:250px; text-align:left; font-size:11px; text-align:center}

#cadre_contenant{float:left; width:700px; text-align:center; font-size:11px; height:auto; min-height:400px; _height:400px}

.menu{text-align:left; background:#F0F0F0; background-image:url(images/menu.jpg); background-repeat:no-repeat; width:240px; height:auto; min-height:350px; _height:350px}

.logoArticle{float:right; margin:5px}

.titreRub{float:right; margin-right:8px; margin-top:8px; font-size:24px; color:#005095; text-transform:uppercase}

.texte_intro{float:left; font-size:11px; margin-left:3px; margin-top:15px; width:270px; text-align:left}

.cadre_date{background:#E2EDF4}
.important{color:#0080CF}

#pied{    color:#FFF; text-align:right; font-size:11px; line-height:30px; background-image:url(images/bg_pied.jpg); background-repeat:repeat-y}

#pied a{  display:inline;  color:#717477; text-decoration:none; magin:5px}
#pied a:hover{text-decoration:underline}
.droite{float:right; margin:2px; width:95px}

#bottom{height:82px; background-image:url(images/bg_bottom.jpg); background-repeat:no-repeat}

#bottom2{height:82px; background-image:url(images/bg_bottom2.jpg); background-repeat:no-repeat; background-color:#FFF}

.spacer{ clear:both}

a{color:#E96F21; none}
a:hover{text-decoration:underline}
.titre{font:14px "Trebuchet MS",Arial,verdana,Helvetica,sans-serif; font-weight:bold}
.titresommaire{font-size:14px; background-color:#C4E0F4}
.text{margin:10px}
.text3{margin:5px}
.textc{margin:0px}

img{border:0px}

h2{font-size:24px; font-weight:normal; margin:14px}

.chapo{float:left; margin:5px; font-size:14px}

.text-contenu{text-align:justify; font-size:12px; font-weight:normal}
.image-contenu{float:right; margin:5px}