/***
 *   PRINTOR 2010
 */
 
/*   Balises   */
html { margin:0; padding:0; }
body {
margin:0; 
padding:0;
font:normal 12px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
background:#2B292E url(img/2010/body_fd.jpg) left top repeat-x;
}
a { text-decoration: none; outline:none; }
a:link { text-decoration: none; color: #9B895B; font-weight:700 }
a:visited { text-decoration: none; color: #9B895B; font-weight:700}
a:hover { text-decoration: underline; color:  #333; font-weight:700}
a:active { text-decoration: none; color: #9B895B; font-weight:700}

td { font-size:12px; }
h1, h2, h3, h4 {margin:0;padding:0 0 0 10px}
h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

p { margin: .75em 0; } 
address { margin: .75em 0; font-style: normal; }
blockquote { quotes: none; }
a img, img { border:none }
ul,li {margin: 0;padding: 0; list-style: none;}

/***
 *   GLOBAL
 */

#global { margin: 20px auto; width: 960px; position:relative; }

/***
 *   Header
 */

.header { 
background: url(img/2010/top_fd.jpg) left top no-repeat;  
height: 187px;
width:960px;
}

#chapo { height: 30px; color: #030303; }

#baseline { 
float: left; 
padding: 6px 0 0 20px; 
color:#FFF; 
letter-spacing:2px;
word-spacing: 5px;
font:normal 14px Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}
#changelang { float: right; padding: 6px 27px 0 0; }
#changelang img { position: relative; top: 1px; }
#changelang a { font-weight: 400; color: #030303; font-size: 11px;}
#changelang a:hover { font-weight: 400; color: #9B895B; }


#bandeau_site img { display: block; }


/***
 *  MAIN
 */

#main { 
width: 960px;
background:#cccccc url(img/2010/main2_fd.jpg) left top no-repeat;
overflow:hidden;
padding:14px 0 30px 0;

}

/***
 *  BLOC-LEFT
 */

#bloc-left { float: left; width: 210px; padding:0; }

/***
 *  BLOC-RIGHT
 */

#bloc-right { float: right; width: 200px; margin: 0; padding: 10px 0 0 0;}


/********************************/
/*  BLOC-CENTER
/********************************/

#bloc-center { float: left; width: 540px; padding:0; }

*html #bloc-center { /*width: 510px;*/}
#bloc-center.int { /*width: 510px;*/ padding: 0 0 10px 10px; }
#bloc-center.sanscoldroite{ width:700px;}
#bloc-center h1 { background: url(img/points.gif) repeat-x; padding: 4px 0; }
#bloc-center ul { list-style-position: inside;  }

/* Menu */

#niv1 { margin:0; }
#niv1 li { 
list-style: none; 
margin: 0; 
text-transform: uppercase;
border-bottom: 1px solid #8a8a8b;
text-indent:20px;
background: url(img/2010/puce_grise_menu.png) no-repeat 35px 18px;
padding: 0 0 12px 0;
}
#niv1 li a { 
display: block; 
line-height: 30px;
color: #050508; 
font-size: 14px;
text-decoration:none;
}
#niv1 li a:hover { 
border:none;
background:none;
color:#9B895B;
}
#niv1 li.current {background: url(img/2010/puce_blanche_menu.png) no-repeat 35px 18px;}
#niv1 li.current a { font-weight: bold; }
#niv1 li a span { position: relative; top: 6px; left: 30px; }

/*Niv2*/

#niv2 { 
padding: 10px 0 2px 0;
background:#fff;
margin: 0 0 0 30px;/**/

}
#niv2 li {
background: url(img/niv2_puce.gif) no-repeat 12px 5px;
text-indent: 25px;
text-transform: none; 
border:none;
zoom:1;
padding:0;
}
#niv2 li.current { background: url(img/niv2_puce_sel.gif) no-repeat 12px 5px; }
#niv2 li a {/* height:16px;*/display: block; background: none !important; color: #666; font-size: 10px; font-weight: 400;line-height: 16px; }
#niv2 li a:hover { color: #9b895b; font-weight: 700; }
#niv2 li.current a { color: #9b895b; font-weight: 700;  }

/*Niv3*/

#niv3 { padding: 3px 5px 1px 10px; zoom:1; background:#fff }
#niv3 li { background: 0; padding: 0;line-height: 15px;padding:0; }
#niv3 li.current { background: none; }
#niv3 li a {display:block; font-weight: 400 !important; color: #666 !important;line-height: 16px;  }
#niv3 li a:hover { color: #9b895b !important; }
#niv3 li.current a { color: #9b895b !important;  }

/*  GALERIE PHOTO */

#galeriePhoto { }
#galeriePhoto .contenu { padding: 5px 10px; font-size: 11px; }
#galeriePhoto h2 { color: #FFF; background: #909090; padding: 3px; text-align:center; height:20px; }
#galeriePhoto .lien { padding: 4px 0 0 0 ;  }
#galeriePhoto #encartphoto { height: 120px; text-align: center; }

p.lien { height:20px; background: #909090; margin: 0; padding:0; text-align:center; }
p.lien a { color:#FFF; }
/********************************/
/*  VISUEL HOME
/********************************/

#visuelHome { margin: 0 0 10px 0; font-size: 1px; line-height: 1px;  }

/********************************/
/*  EDITO HOME
/********************************/
#edito {padding: 0 0 0 10px; }
#edito p { padding-top: 10px 0 0 10px; text-align: justify; }
#edito p:first-letter { float: left; font-size: 30px; line-height: 30px; margin: 4px 0 0 0; border-right: 5px solid #FFF; }
#edito h1 { padding: 0 0 0 10px;}

/********************************/
/*  PAGE
/********************************/

.espace { height: 15px; line-height: 1px; font-size: 1px; }
.page { margin: 15px 0 0 0 ; padding: 0 0 0 10px; }
.page h2 { font-size: 16px; margin-bottom: 8px; }
.page h3 { font-size: 14px; margin-bottom: 8px; color: #6f7e88; }
.page .opener, .page .closer { height: 4px; line-height: 1px; font-size: 1px; }
.page .opener div, .page .closer div { height: 4px; width: 4px; float: right;  }

/*STYLE1*/
.page.style1 .opener	{ /*background: url(img/style1_opener_left.gif) no-repeat 0 0; */}
.page.style1 .opener div { /*background: url(img/style1_opener_right.gif) no-repeat 0 0; */}
.page.style1 .closer	 { /*background: url(img/style1_closer_left.gif) no-repeat 0 0;*/ }
.page.style1 .closer div { /*background: url(img/style1_closer_right.gif) no-repeat 0 0; */}
.page.style1 .contenu { zoom:1; border: 1px solid #b8ae71;  padding: 6px 10px;background: #fff; }

/*STYLE2*/
.page.style2 .opener	{ /*background: url(img/style2_opener_left.gif) no-repeat 0 0; */}
.page.style2 .opener div{ /*background: url(img/style2_opener_right.gif) no-repeat 0 0; */}
.page.style2 .closer	{ /*background: url(img/style2_closer_left.gif) no-repeat 0 0;*/ }
.page.style2 .closer div {/* background: url(img/style2_closer_right.gif) no-repeat 0 0;*/ }
.page.style2 .contenu { zoom:1; border: 1px solid #cbd3d9; background: #f1f1f1; padding: 6px 10px; }

/*STYLE3*/
.page.style3 .opener	{ /*background: url(img/style3_opener_left.gif) no-repeat 0 0; */}
.page.style3 .opener div{ /*background: url(img/style3_opener_right.gif) no-repeat 0 0; */}
.page.style3 .closer	{ /*background: url(img/style3_closer_left.gif) no-repeat 0 0; */}
.page.style3 .closer div{ /*background: url(img/style3_closer_right.gif) no-repeat 0 0;*/ }
.page.style3 .contenu { background: #9b895b; padding: 6px 10px; color: #FFF;  }
.page.style3 h2 { color: #FFF;  }
.page.style3 a { color: #FFF;  }
.page.style3 a:hover	{ color: #A00072;  }

/********************************/
/*  ZONE PRATIQUE
/********************************/

#zonePratique { padding: 2px 0 12px 0; }

#cdf { 
width: 700px; 
position: absolute; 
top: 185px; 
left:20px; 
font-size: 11px; 
}
#cdf a { font-weight: 700; color: #000; }
#cdf a:hover { font-weight: 800;  }
#cdf .sel { font-weight: 800; color: #9B895B}

/*
#accesRapideInt { float: right; }
#accesRapideInt select { padding: 1px; font: 11px Arial; color: #666; width: 150px; }
*/

/* ACCES RAPIDE */

#accesRapide { height: 21px; margin: 0 0 7px 10px; background:#000; text-align:right;padding:0 0 0 4px;}
#accesRapide span { display:block; height: 21px; }
#accesRapide select {height: 20px; border: 1px solid #FFF; font: 11px Arial; color: #333; width: 150px; /*margin: 0 10px 0 5px;*/ }
#accesRapide.sanscoldroite {width:180px;float:right;}

/*  BON PLAN  */
#bonplan { margin:10px 0; }

.bonplan { margin: 0 0 8px 0 }

#bonplan h2 { 
color:#9c9e9f; 
text-align: right;
padding: 0 10px 0 0 ;
margin: 0 0 10px 0;
background: url(img/2010/bonplan_fd.png)right top no-repeat;
height:21px;
}
.bpCont {
display:block;
width:183px;
background: url(img/2010/bp_bloc_fd.png) left top repeat-y;
padding: 3px 4px 0 10px;
}
#bonplan p { padding: 0; margin: 0; color:#87888a; font-size: 10px; overflow:hidden }
#newsfeed p { padding: 0; margin: 0; color:#87888a; font-size: 10px; overflow:hidden }
.bpCloser {
background: url(img/2010/bp_bloc_closer.png) left top no-repeat;
width:197px;
height:10px;
font-size:1px;
}
/*   boutons colonne de droite   */

.boutons { background:#000; margin:1em 0 .75em 0;width:200px }
.bgCont { padding:3px; display:block; }
.boutons a { font-size: 16px; }
.boutons p { text-align:center; margin: .2em 0 .2em}
.boutons .bgTxt { text-align:left; font-size:8px; margin: .2em 0 .2em }
.boutons a.tor { color:#d5b060; }
.boutons a:hover.tor { text-decoration:underline; color:#d5b060; }
.boutons a.trose { color:#ca2752; }
.boutons a:hover.trose { color:#ca2752; text-decoration: underline }


/* ACTUALITES */

#actualite { /*background: url(img/actualite_bg.gif) no-repeat 0 0 #b5c6d0*/; margin: 0 0 10px 0;  }
#actualite .contenu { padding: 5px 10px;  }
#actualite h2 { color: #666; /*background: url(img/points.gif) repeat-x 0 100%*/; padding: 0 0 5px 0; margin: 0 0 10px 0; }
#actualite h3 { font-size: 11px; }
#actualite p { font-size: 11px; }
#actualite .closer { /*background: url(img/actualite_closer.gif) no-repeat 0 100%*/; height: 4px; line-height: 1px; font-size: 1px; }

/* BOUTON PROMO 
#boutonPromo h2 { color: #FFF; padding: 8px 10px 3px 10px; }
#boutonPromo p { font-size: 11px; color: #FFF; padding: 3px 10px 5px 10px; }
#boutonPromo a { color: #FFF; }
#boutonPromo .bleu { background: url(img/bouton_bleu_bg.gif) no-repeat 0 0 #3B8DB1;   }
#boutonPromo .bleu .closer { background: url(img/bouton_bleu_closer.gif) no-repeat 0 100%; height: 4px; line-height: 1px; font-size: 1px; }
#boutonPromo .rose { background: url(img/bouton_rose_bg.gif) no-repeat 0 0 #A00072;}
#boutonPromo .rose .closer {background: url(img/bouton_rose_closer.gif) no-repeat 0 100%; height: 4px; line-height: 1px; font-size: 1px; }
#boutonPromo .notlast { margin: 0 0 10px 0; }
*/

/********************************/
/* FOOTER
/********************************/

#footer { clear: both;background:#FFF; /*background: url(img/footer_bg.gif) no-repeat 0 100% #FFF;*/ padding: 0 5px; }
#footer img { padding: 6px 0 10px 0; margin: 0 15px; display: block;  }
#footer ul { float: right; padding: 20px 15px 0 0; }
#footer li { list-style: none; display: inline; }
#footer a { color: #333;  }
#footer a:hover { color: #9B895B;  }


/*******************************************************************************/
/* SITEMAP */
/*******************************************************************************/

#sitemap ul { margin: 0; padding: 0 0 0 30px;  }
#sitemap li { margin: 0; padding: 0; }
#sitemap a { display: block;  margin: 5px 0; }

#sitemap .niv1 { padding: 0; }

#sitemap .niv1 li { list-style: none; color: #333; }
#sitemap .niv2 li { list-style: square;  }
#sitemap .niv3 li { list-style: disc; }
#sitemap .niv4 li { list-style: circle; }

#sitemap .niv1 a { font-size: 14px; font-weight: 700;  background: url(img/points.gif) repeat-x 0 100%; padding-bottom: 4px; color: #333; }
#sitemap .niv2 a { font-size: 12px; font-weight: 400;  background: 0; padding: 0; /*color: #9B895B;*/color:#757575; font-weight:bold;}
#sitemap .niv3 a { font-size: 11px; }
#sitemap .niv4 a { font-size: 10px; }

#sitemap .niv1 a:hover { color: #555; }


/*   Classes generale -->   kermeet   */
.newline { display: block; clear: both; line-height: 0px; font-size: 0px;height:0;visibility:hidden}
.left { float: left; }
.right { float: right; }
.center { display: block; margin: 6px auto; text-align: center; }
img.left { float: left; margin: 0 8px 6px 0 }
img.right { float: right; margin: 0 0 6px 8px }
img.center { display: block; margin:0 auto;padding: 8px }
.block { display:block }
.noMrg { margin:0 }
.noPad { padding:0; }
.noBrd { border:none; }
.sep { background: url(img/points.gif) repeat-x; line-height: 1px; font-size: 1px; height: 1px; }






/**********************************************
	GABARIT EXTRANET
**********************************************/

.gabarit #header { height: 179px; }
.gabarit #chapo { background: url(img/extranet/chapo.png) 50% 0 no-repeat #78787a; }
.gabarit #main { padding: 30px 0; background: url(img/extranet/main.jpg) 0 0 repeat-x #cccccc; }

/**********************************************
	CDF
**********************************************/

.gabarit #cdf { position: static; line-height: 39px; height: 39px; width: 945px; padding: 0 0 0 15px; background: url(img/extranet/cdf.jpg) 0 0 repeat-x #cccccc; }
.gabarit #cdf #homeIcon { float: left; line-height: 39px; height: 39px; width: 22px; margin: 0 5px 0 0; background: url(img/extranet/home.png) 50% 50% no-repeat; }
.gabarit #cdf .sel #homeIcon { background-image: url(img/extranet/homesel.png); }




#mainBar { position: relative; }

#dcxn { position: absolute; right: 15px; top: 12px; color: #000000; text-decoration: none; }
#dcxn:hover { color: #9B895B; }

/**********************************************
	menuarbo
**********************************************/

#menuarbo { float: left; width: 200px; padding: 20px 10px; margin: 0; list-style: none outside; border: 1px solid #9b895b; background: url(img/extranet/arbofrom.jpg) 0 0 repeat-x #ffffff; }

#menuarbo ul,
#menuarbo li { list-style: none outside; padding: 0; margin: 0; }

#menuarbo li a { display: block; line-height: 14px; overflow: hidden; zoom: 1; color: #000000; background: url(img/extranet/puce.gif) no-repeat; }
#menuarbo li a:hover { color: #9b895b; text-decoration: none; }
#menuarbo li a.sel { color: #582f1b; background-color: #d2ccbe; }

#menuarbo li a { padding: 3px 5px 3px 19px; background-position: 6px 7px; }
#menuarbo li li a { padding: 3px 5px 3px 35px; background-position: 22px 7px; }
#menuarbo li li li a { padding: 3px 5px 3px 51px; background-position: 38px 7px; }





/**********************************************
	BLOC-CENTER
**********************************************/

.gabarit #bloc-center a { color: #000000; }
.gabarit #bloc-center a:hover { color: #9b895b; text-decoration: none; }
.gabarit #bloc-center .style1 a { color: #9b895b; }
.gabarit #bloc-center .style1 a:hover { color: #000000; }
.gabarit #bloc-center .style2 a { color: #000000; }
.gabarit #bloc-center .style2 a:hover { color: #9b895b; }
.gabarit #bloc-center .style3 a { color: #ffffff; }
.gabarit #bloc-center .style3 a:hover { color: #cccccc; }
.gabarit #bloc-center h2 a { color: #9B885D; }
.gabarit #bloc-center h2 a:hover { color: #582F1B; }
.gabarit #bloc-center .style3 h2 { color: #000000; }
.gabarit #bloc-center .style3 h2 a:hover { color: #582F1B; }

.gabarit #bloc-center { float: right; width: 655px; padding: 0 40px; }
.gabarit #bloc-center h1 { padding: 5px 15px; margin: 0; background: url("img/points.gif") 0 0 repeat-x; }
.gabarit #bloc-center .sep { margin: 0 0 15px 0; }
.gabarit #bloc-center .page { padding: 0; margin: 0 0 15px 0; }
.gabarit #bloc-center .page .contenu { padding: 15px 0; }
.gabarit #bloc-center .page .contenu h2 { float: left; font: bold 13px Arial; line-height: 16px; height: 16px; padding: 3px 10px 3px 20px; margin: 0 0 15px 0; background: #d2ccbe; }
.gabarit #bloc-center .page .contenu p { font: normal 12px Arial; line-height: 13px; padding: 0 20px; margin: 0 0 10px 0; }



.gabarit #bloc-center .TableForm a { color: #9B895B; }
.gabarit #bloc-center .TableForm a:hover { color: #B8AE71; }

.gabarit #bloc-center #bloc-warning { margin: 10px; border: 1px solid #961819; text-align: left; }
.gabarit #bloc-center #bloc-warning h3 { background: #961819; color: #ffffff; text-align: left; }
.gabarit #bloc-center #bloc-warning li { color: #961819; }
.gabarit #bloc-center #bloc-warning li span { color: #000000; }

.gabarit #bloc-center .TableForm { width: 655px; border: 1px solid #B8AE71; background: #ffffff; }

.gabarit #bloc-center .TableForm td { padding: 5px 10px 10px 10px; }
.gabarit #bloc-center .TableForm td.form-separator { padding: 0 0 5px 0; }
.gabarit #bloc-center .TableForm td.form-separator h2 { float: none; font: bold 15px Arial; line-height: 18px; padding: 13px 15px 14px 15px; background: url(img/extranet/form_titre.png) 0 0 repeat-x; color: #ffffff; }

.gabarit #bloc-center .TableForm .sep { display: none; }

.gabarit #bloc-center  input,
.gabarit #bloc-center  select,
.gabarit #bloc-center  file { width: 220px; padding: 4px 3px; margin: 0; border: 1px solid #9b895b; }
.gabarit #bloc-center textarea { width: 220px; padding: 4px 3px; margin: 0; border: 1px solid #9b895b; }

.gabarit #bloc-center .TableButton { margin: 0 auto 15px auto; }
.gabarit #bloc-center .TableButton .button { border: none; background: none; }
.gabarit #bloc-center .TableButton .button input:hover { color: #000000; }

.gabarit #bloc-center .TableButton .button a { width: 220px; padding: 4px 3px; margin: 0; border: 1px solid #9b895b; background: #B8AE71; color: #ffffff; }
.gabarit #bloc-center .TableButton .button a:hover { color: #000000; }

.gabarit #bloc-center input.coche-radio { width: 16px; padding: 0; margin: 0; vertical-align: middle; }

.gabarit #bloc-center .rech-liste { border: solid #D2CCBE; border-width: 0 0 0 1px; }
.gabarit #bloc-center .rech-liste th { background: #D2CCBE; border: solid #D2CCBE; border-width: 0 1px 1px 0; color: #000000; }
.gabarit #bloc-center .rech-liste td { background: #ffffff; border: solid #D2CCBE; border-width: 0 1px 1px 0; }


.gabarit #bloc-center #login-page fieldset { margin: 0 auto; text-align: center;  }



.gabarit #bloc-center .buttonHudge { font: bold 20px Arial; width: 300px; padding: 15px 0; margin: 0 auto 15px auto; border: 1px solid #ffffff; background: url(img/extranet/btn_hudge.jpg) left top repeat-x; text-align: center; }
.gabarit #bloc-center .buttonHudge a { color: #ffffff; }
.gabarit #bloc-center .buttonHudge a:hover { color: #000000; }


.gabarit #bloc-center #form-badge {}



.errors { color: #cc0000; }



.pe #bloc-center { float: none; margin: 0 auto;}


.gabarit #bloc-center form { margin: 0; }
.gabarit #bloc-center .page .form-contenu { padding: 0; }

.gabarit #bloc-center .page .contenu .form-part { overflow: hidden; zoom: 1; padding: 0 0 5px 0; background: #ffffff url(img/extranet/form_left.jpg) 0 0 no-repeat; }
.gabarit #bloc-center .page .contenu .form-part h2 { float: none; font: bold 15px Arial; line-height: 18px; padding: 13px 15px 14px 15px; background: url(img/extranet/form_titre.png) 0 0 repeat-x; color: #ffffff; }
.gabarit #bloc-center .page .contenu .form-part p { overflow: hidden; zoom: 1; padding: 0; }
.gabarit #bloc-center .page .contenu .form-part p.nolabel { padding: 0 0 0 280px; }
.gabarit #bloc-center .page .contenu .form-part label { float: left; width: 260px; padding: 0 20px 0 0; margin: 0; text-align: right; color: #9e895c; }
.gabarit #bloc-center form .page .form-part label { margin: 4px 0 0 0; }
.gabarit #bloc-center .page .contenu .form-part input,
.gabarit #bloc-center .page .contenu .form-part select { width: 220px; padding: 4px 3px; margin: 0; border: 1px solid #9b895b; }
.gabarit #bloc-center .page .contenu .form-part .form-coches { float: left; width: 370px; }
.gabarit #bloc-center .page .contenu .form-part .coche-radio { width: 16px; padding: 0; margin: 0; vertical-align: middle; }

.gabarit #bloc-center .page .contenu .form-under { padding: 20px 0 10px 0; background: #ffffff url(img/extranet/pointille.gif) 0 0 repeat-x; }
.gabarit #bloc-center .page .contenu .form-upper  { padding: 20px 0 10px 0; background: #ffffff url(img/extranet/pointille.gif) 0 100% repeat-x; }

.gabarit #bloc-center .form-btns { padding: 15px; text-align: center; }
.gabarit #bloc-center .form-btns a,
.gabarit #bloc-center .form-btns input { font: bold 13px Arial; padding: 0 20px; margin: 15px 0; border: 1px solid #ffffff; background: #9b895b; color: #ffffff; cursor: pointer; }
.gabarit #bloc-center .form-btns a:hover,
.gabarit #bloc-center .form-btns input:hover { border: 1px solid #9b895b; background: #ffffff; color: #9b895b; text-decoration: none; }


.gabarit #bloc-center .page #accesbadge .form-part { padding: 15px 0 5px 0; }
.gabarit #bloc-center .page #accesbadge .form-part label { margin: 5px 0 0 0; }