html, body {background-color:#fff;}
a img {border:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear:both; font-size:0px; line-height: 0px; height: 0px;}
form {margin:0; padding:0;}

input[type=text][disabled] {
	background-color:#eeeeee;
}

#global {width:958px; margin:0 auto; font-size:12px; font-family:arial; color:#4c5358;}
#tooltip {position:absolute; visibility:hidden; background-color:white; border:1px solid #797979; padding:6px;}

.titre1 {
  /*font-family: Franklin Gothic Demi Cond;*/
  font-family: Franklin Gothic Medium, Tahoma, Verdana, sans-serif;
  font-weight: bolder;
  font-stretch: ultra-condensed;
  color: black;
  font-size: 27px;
  background-color: white;
  padding-right: 10px;
}

h1 {display:none;}
.b {font-weight:bold;}
.s {text-decoration:underline;}
p span.titre, h3 {font-weight:bold;}
h3 {margin:0 0 16px; font-size:12px;}
p span.tel{font-weight:bold; font-size:16px;}
p a {display:block; padding-left:11px; font-weight:bold;}
#colonnedroite p a {font-size:11px;}
p.right {float:right;}
p {margin:0 0 30px;}
.bouton {float:left; color:#fff; font-weight:bold;}
.bouton:hover {text-decoration:none;}
.norm  {text-transform:none;}
.bouton span{display:block; padding:5px 16px;}
.cartouchecouleur .bouton.gris, .bouton.gris {background-image:url('../images/bt_cote_gche.gif');}
.cartouchecouleur .bouton.gris span, .bouton.gris span{background-image:url('../images/bt_cote_dte.gif');}

.bouton2 {float:left; color:#fff; font-weight:bold; }
.bouton2:hover {text-decoration:none;}
.bouton2 span{display:block; padding:5px 16px;}
.cartouchecouleur .bouton2.gris, .bouton2.gris {background-image:url('../images/bt_cote_gche.gif');}
.cartouchecouleur .bouton2.gris span, .bouton2.gris span{background-image:url('../images/bt_cote_dte.gif');}

.spanStyle {margin-bottom:10px; margin-top:20px; display:block;}

.colle {float:left; margin-bottom:3px;}
.premier {margin-top:15px;}

.pagehaut {text-align: right; margin-bottom: 5px;}
.pagehaut a {color: black; background: none;}

/*ENTETE*/
#entete {height:96px; position:relative;}
#entete ul{margin:0; padding:0; position:absolute; right:0; top:36px;}
#entete ul li{font-weight:bold; list-style-type:none; float:left; height:29px; width:96px; margin-left:20px; display:inline;}
#entete ul li.accueil{background:url('../images/picto_accueil.gif') no-repeat;}
#entete ul li.aide{background:url('../images/picto_aide.gif') no-repeat; line-height:29px;}
#entete ul li.contact{background:url('../images/picto_contact.gif') no-repeat; line-height:29px;}
#entete ul li a{display:block; padding-left:33px; color:#000;}

/*CORPS*/
#corps {margin-top:18px;}

/*COLONNE GAUCHE*/
#colonnegauche {float:left; width:222px; margin-right:20px;}
#colonnegauche .blocrecherche {zoom:100%; margin-bottom:24px;}
#colonnegauche .blocrecherche h3 {height:30px; line-height:30px; padding-left:12px; color:#fff; font-size:17px; margin:0;}
#colonnegauche .blocrecherche ul {padding:0; margin:0;}
#colonnegauche .blocrecherche li{background:url('../images/bg_menu_recherche.gif') no-repeat 10px 12px; list-style-type:none; margin:0 3px 0; padding:10px 24px 6px; border-bottom:1px solid #adadad;}
#colonnegauche .blocrecherche li.der {border-bottom-width:0; padding-bottom:12px;}
#colonnegauche .blocrecherche li.on a{font-weight:bold; color:#000;}
#colonnegauche .blocrecherche li a {color:#4c5358;}

/*COLONNE DE GAUCHE POUR PAGE D'ACCUEIL*/
#corps.accueil #colonnegauche .bloc{zoom:100%; margin-bottom:15px; position:relative; padding-bottom:20px;}
#corps.accueil #colonnegauche .bloc h3{margin:0;}
#corps.accueil #colonnegauche .bloc p{margin:0; margin-right:5px; padding:15px 50px 0 7px; font-weight:bold;}
#corps.accueil #colonnegauche .bloc h3 span{display:none;}
#corps.accueil #colonnegauche .bloc .btok {position:absolute; bottom:0; right:0;}
#corps.accueil #colonnegauche .bloc .btok  a{display:block; width:43px; height:39px;}
#corps.accueil #colonnegauche .bloc .btok  a:hover{background-image:url('../images/bt_ok.gif');}
#corps.accueil #colonnegauche .bloc .btok  a span{display:none;}

/*COLONNE CENTRALE*/
#corps #colonnecentre li{margin-bottom:5px;}
#corps #colonnecentre {float:left; width:713px;}
#corps #colonnecentre h2{background:url('../images/bg_titre.gif') repeat-x left 20px;}
#corps #colonnecentre .bandeaugris {background:url('../images/bandeau_gris_gche.gif') no-repeat #ececec;}
#corps #colonnecentre .bandeaugris a{font-weight:bold;}
#corps #colonnecentre .bandeaugris img{vertical-align:middle;}
#corps #colonnecentre .bandeaugris .pipe {padding:0 14px;}
#corps #colonnecentre .bandeaugris .imprimer {margin-left:10px;}
#corps #colonnecentre .bandeaugris  .partiegche{padding:3px 11px 8px; float:left;}
#corps #colonnecentre .bandeaugris  .partiegche img{margin-right:4px;}
#corps #colonnecentre .bandeaugris .partiedte{padding:8px 11px 8px; word-spacing:3px;text-align:right; background:url('../images/bandeau_gris_dte.gif') no-repeat right top; font-weight:bold;}
#corps #colonnecentre .bandeaugris .partiedte img{margin:0px 5px;}
#corps #colonnecentre .bandeaugris .partiedte .souligneNum {text-decoration:underline;}
#corps #colonnecentre .cartouchegris {zoom:100%; width:712px; margin-bottom:15px; background:url('../images/bg_cartouche_haut.gif') no-repeat #ececec;}
#corps #colonnecentre .cartouchegris .bas {zoom:100%; background:url('../images/bg_cartouche_bas.gif') no-repeat left bottom; padding:16px 15px;}
#corps #colonnecentre .cartouchegris .bas .inputMarques {font-weight:bold;}
#corps #colonnecentre .cartouchegris .bas .inputMarques input{margin-right:50px;}
#corps #colonnecentre .cartouchegris .bas .radioMarques {margin-left:5px; margin-top:20px;}

#corps #colonnecentre .cartouchecouleur {/*zoom:100%;*/ width:712px; margin-bottom:15px;}
#corps #colonnecentre .cartouchecouleur .bas {/*zoom:100%;*/ padding:20px 15px; overflow:auto;}
#corps #colonnecentre .cartouchecouleur fieldset, #corps #colonnecentre .cartouchegris fieldset{border-width:0; /*padding-bottom:16px;*/}
#corps #colonnecentre .cartouchegris fieldset .markbase{font-weight: bold; margin-left: 25px;}
#corps #colonnecentre .cartouchecouleur p, #corps #colonnecentre .cartouchecouleur h4, #corps #colonnecentre .cartouchegris p{margin:16px 10px;}
#corps #colonnecentre .cartouchecouleur fieldset img {vertical-align:middle;}
#corps #colonnecentre .cartouchecouleur fieldset.last, #corps #colonnecentre .cartouchegris fieldset.last{padding-bottom:0px; margin-bottom:0px;}
#corps #colonnecentre .cartouchecouleur fieldset legend, #corps #colonnecentre .cartouchegris fieldset legend {display:none;}
#corps #colonnecentre .cartouchecouleur fieldset label, #corps #colonnecentre .cartouchegris fieldset label {padding-top:7px; float:left; text-align:right; font-weight:bold; width:130px; margin-right:6px;}
#corps #colonnecentre .cartouchecouleur fieldset label.ligne, #corps #colonnecentre .cartouchegris fieldset label.ligne {padding-top:7px; display:block; float:none; text-align:left; font-weight:bold; width:auto; margin-right:0px;}
#corps #colonnecentre .cartouchecouleur fieldset .input, #corps #colonnecentre .cartouchegris fieldset .input {width:365px; float:left; margin:6px 4px 6px 0;}
#corps #colonnecentre .cartouchecouleur fieldset .input input, #corps #colonnecentre .cartouchecouleur fieldset .input select, #corps #colonnecentre .cartouchegris fieldset .input input, #corps #colonnecentre .cartouchegris fieldset .input select {width:365px;}
#corps #colonnecentre .cartouchecouleur fieldset .input.small, #corps #colonnecentre .cartouchegris fieldset .input .small{width:277px; float:left; margin:6px 4px 6px 0;}
#corps #colonnecentre .cartouchecouleur fieldset .input.small input, #corps #colonnecentre .cartouchecouleur fieldset .input.small select, #corps #colonnecentre .cartouchegris fieldset .input.small input, #corps #colonnecentre .cartouchegris fieldset .input.small select {width:277px;}
#corps #colonnecentre .cartouchecouleur fieldset .input .radio , #corps #colonnecentre .cartouchegris fieldset .input .radio {width: 500px;/*margin-top:4px;*/ margin-left: 25px;}
#corps #colonnecentre .cartouchecouleur fieldset .input .radio input, #corps #colonnecentre .cartouchegris fieldset .input .radio input{width:auto; float:left; margin-top: 7px;}
#corps #colonnecentre .cartouchecouleur fieldset .input .radio label, #corps #colonnecentre .cartouchegris fieldset .input .radio label{width:auto;font-weight:bold; /*padding-bottom:14px;*/ margin-left: 5px;}
#corps #colonnecentre .cartouchecouleur fieldset .pictoaide, #corps #colonnecentre .cartouchegris fieldset .pictoaide {float:left; margin:6px 0px 6px 6px;}
#corps #colonnecentre .cartouchecouleur fieldset .commentaires, #corps #colonnecentre .cartouchegris fieldset .commentaires {width:120px;float:left; line-height:11px;font-size:10px; padding-top:4px; margin-left:6px;}
#corps #colonnecentre .cartouchecouleur fieldset .commentaires label, #corps #colonnecentre .cartouchegris fieldset .commentaires label {float:none; font-weight:normal; width:auto;}
#corps #colonnecentre .cartouchecouleur fieldset .commentaires input, #corps #colonnecentre .cartouchegris fieldset .commentaires input {float:none; width:auto; margin:0;}
.commentaires a {text-decoration:underline; color:#4c5358;}
#corps #colonnecentre .fieldsep {clear:both; font-size: 8px; line-height: 8px; height:8px; margin-bottom:16px;}
#corps #colonnecentre .fieldsep.border {border-bottom:1px solid #fff;font-size: 1px; line-height: 1px; height:1px;}
#corps #colonnecentre .boutons {margin-left:140px;}
#corps #colonnecentre .cartouchecouleur .boutons, #corps #colonnecentre .cartouchegris .boutons {margin-left:125px;}
#corps #colonnecentre .cartouchecouleur .boutons.margin0, #corps #colonnecentre .cartouchegris .boutons.margin0 {margin:0;}
#corps #colonnecentre .boutons a, #corps #colonnecentre .boutons a{margin-right:6px;}

#corps #colonnecentre .boutons2 a {margin-right:6px;}
#corps #colonnecentre .cartouchecouleur .boutons2 {margin-left:235px;}
#corps #colonnecentre .boutons2 {margin-left:235px;}
#corps #colonnecentre .boutons2 input {margin-right:6px;}

#corps #colonnecentre .txtresultats {margin-top:10px;}
#corps #colonnecentre .txtresultats p{float:left; margin-top:14px; width: 260px;}
#corps #colonnecentre .txtresultats .boutons{float:right; margin-left:auto;}
#corps #colonnecentre .txtresultats .boutons a{margin-bottom:7px;float:right;}

#corps #colonnecentre .txtresultats .boutons2{}
#corps #colonnecentre .txtresultats .boutons2 a{margin-bottom:7px;}

#corps #colonnecentre .figuratif {float:left; height:220px; width:170px; margin-right:7px; margin-bottom:8px;}
#corps #colonnecentre .figuratif.last {margin-right:0px;}
#corps #colonnecentre .figuratif .imgfig{height:118px; border-bottom:1px solid #fff; text-align:center;}
#corps #colonnecentre .figuratif .imgfig img {margin:10px;}
#corps #colonnecentre .figuratif .txtfig{padding:8px;}
#corps #colonnecentre .figuratif .txtfig p{margin:0;}
#corps #colonnecentre .figuratif .txtfig img{float:right;}
#corps #colonnecentre .sepfig {clear:both; font-size:10px; line-height: 10px; height: 10px;}

#corps #colonnecentre .infos li {list-style: square; margin: 0px; font-weight: bold;}
#corps #colonnecentre .infos {text-align: justify;}

.nvlegend {text-align: right; font-weight: bold; padding-bottom: 5px;}

.resliste {position:relative; padding-top:7px;}
.resliste .numero {position:absolute; top:0; left:0; width:43px; height:39px; line-height:39px; font-size:20px;color:#fff; text-align:center;}

.maliste .titre, .resliste .titre {font-size:15px; font-weight:bold; float:left;}
.resliste .titre {margin-left:40px; /*margin-right:150px;*/ width:510px; display:inline;}
.ajout {margin-top:10px; float:right; font-size:11px; width:70px; line-height:12px; margin-right:18px; display:inline;}
.ajout img{float:left; margin-right:7px;}
.maliste .titre  input , .resliste .titre  input {margin-right:8px;}
.maliste .type, .resliste .type {text-align:right;}
.maliste .detail .intitule, .resliste .detail .intitule {float:left; text-align:right; font-weight:bold; width:176px; margin-right:12px;}
.resliste .detail .donnee {margin-left: 109px;}
.avecimage .detail .intitule {width:97px;}
.avecimage img.avimg {/*border:1px solid #8a8a8a; */float:right; margin-right:50px; margin-top: 10px; display:inline;}
.avecimage img.avimgpanier {border:1px solid #8a8a8a; float:right; margin-right:140px; margin-top: 10px; display:inline;}
#corps #colonnecentre .boutons.liste {margin: 50px 0 10px 18px;}
#corps #colonnecentre .boutons2.liste2 {margin: 10px 0 10px 18px;}
#corps #colonnecentre #btnMarge {margin-top:15px;}

.fiche {position:relative; padding-top:34px;}
.fiche ul {list-style: none; margin:0; padding:0; position:absolute; top:0; left:0;}
.fiche li {margin:0px 6px 0px 0px; padding:0px; float:left; font-size:14px; height:34px; line-height:34px;}
.fiche li.gris {height:45px; padding-left:13px;}
.fiche li.gris div {float:left; height:34px; line-height:34px; font-weight:bold; background:url('../images/onglet_gris_dte.gif') no-repeat right top #d8d6d6; padding-right:13px;}
.fiche li.couleur {height:45px;padding-left:13px;}
.fiche li.couleur div {float:left; height:34px; line-height:34px; color:#000; font-weight:bold; padding-right:13px;}
#corps #colonnecentre .cartouchecouleur h4 {color:#000; font-size:13px; font-weight:bold; margin-top:30px;margin-bottom:30px;}
#corps #colonnecentre .fiche .cartouchecouleur  p {position: static; margin-top:8px; margin-bottom:8px;}
#corps #colonnecentre .fiche .cartouchecouleur.blocblanc .bas {zoom:100%; padding:11px;}
#corps #colonnecentre .fiche .cartouchecouleur.blocblanc .blanc {zoom:100%; padding:12px 3px; background-color:white;}
#corps #colonnecentre .fiche .images img {margin:35px 13px;/*border:1px solid #8a8a8a;*/ vertical-align:middle;}
/*#corps #colonnecentre .fiche .cartouchecouleur p {position: relative;}*/
#corps #colonnecentre .fiche .cartouchecouleur ul {position: static; margin-right: 11px; margin-left: 22px;}
#corps #colonnecentre .fiche .cartouchecouleur li {list-style: disc; list-style-position: inside; float: none; font-size:12px; line-height: 16px; height: auto; text-align:justify;}
#corps #colonnecentre .fiche .cartouchecouleur li p {margin: 0px;}
#corps #colonnecentre .fiche .cartouchecouleur .copyright {text-align: center; font-weight: bold;}
.noresult {font-size:14px; padding:30px 0 30px 76px;}
.noresult a{font-size:12px;}
.bas .center {text-align: center;}

.inputCheck {margin-top:5px; margin-left:50px;}
.inputCheck img {vertical-align:middle;}
.inputCheck .nonenvigueur {padding-left: 100px;}


/*COLONNE CENTRALE POUR PAGE D'ACCUEIL*/
#corps.accueil #colonnecentre {float:left; width:468px; margin-bottom: 12px;}
#corps.accueil #colonnecentre {background:url('../images/loupe_accueil.gif') 16px 120px no-repeat;}
#corps.accueil #colonnecentre h2 span{display:none;}
#corps.accueil #colonnecentre h2 {background-image:none; margin:0 0 30px}
#corps.accueil #colonnecentre p {margin:16px 0 0 10px; text-align:justify;}
#corps.accueil #colonnecentre div {margin:16px 0 0 10px; text-align:justify;}
#corps.accueil #colonnecentre p.intro {font-weight:bold;}
#corps.accueil #colonnecentre p.marge {margin:16px 0 0 100px;}
#corps.accueil #colonnecentre p a {display:inline; background: none; padding:0px;}

/*COLONNE DROITE*/
#colonnedroite {float:right; width:222px;}
#colonnedroite .bloc h3 {height:30px; line-height:30px; padding-left:12px; color:#fff; font-size:17px; margin:0;}
#colonnedroite .bloc p {margin:0; padding:12px 12px 0;}
#colonnedroite .bloc .contenu {zoom:100%; /*padding-bottom:12px;*/}
#colonnedroite .bloc {zoom:100%; padding-bottom:19px; margin-bottom:11px;}
#colonnedroite .bloc p a {margin-top:5px;}
#colonnedroite .bloc p.telecharger img {float:right; vertical-align:middle;}
#colonnedroite .bloc .contenu .resumeActu {color:#000; background:url('');}
#colonnedroite .bloc .contenu .titreActu {background:url('');}

/*PIED DE PAGE*/
#pieddepage {height:30px; clear:both; text-align:center;}
#pieddepage a {color:#4c5358;}
#pieddepage ul {margin:0; padding:0;}
#pieddepage ul li{list-style-type:none; display:inline;}