/* ************************ */
/*     GLOBAL STYLE        */
/* ********************** */

html{ padding:0; margin:0; font-size:100%}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; text-align:center; background-color:#FFFFFF; color:#000000;}
.container { width:900px; min-height:800px; text-align:left; margin:0 auto; position:relative;}
.wrapper { clear:both; float:none; width:100%; min-height:300px;}
* html .wrapper { height:300px}

/* Reset CSS */
h1, h2,h3, h4,h5, h6,dl, dt, dd, img, p, img a{  padding:0; margin:0; list-style:none; border:none;}
.clear{ display:block; width:100%; clear: both; float:none; font-size: 1px; line-height:0;}
ul, li { padding:0; margin:0; list-style:none;  }
form, fieldset{ padding:0; margin:0; border: none; display:block;}
textarea, select { font-family:Arial, Helvetica, sans-serif;}
table, tr, td { border-collapse:collapse; padding:0; margin:0}
.input {height:18px; padding:2px 0 0 3px; color:#666666; background-color:#FFFFFF; font-size:0.91em; border:1px solid #b2b2b2;}
.textarea {color:#666666; background-color:#FFFFFF; font-size:0.91em; border:1px solid #b2b2b2;}
.hidden{display:none;}

.height20px { height:20px;}

.compteur{color:#ff0000;padding-left:135px;font-size:11px;}
.more_img{background:#f2f2f2 url(../images/picto_plus.png) no-repeat 18px center; padding-left:55px; height:40px; line-height:40px; display:block;color:#ff0000; width:565px; font-size:14px;}
.lignebtnsupp a{color:#ff0000}
.required{color:#ff0000; font-size:12px; font-weight:normal}
p.required{text-align:right}

/* ************************ */
/*        PAGE INDEX       */
/* ********************** */

/* header */
.headerindex { width:900px; padding:25px 0 40px 0;}

.headerindex .logo { width:900px; height:40px;}
.headerindex .logo h1 a{ background:url(../images/logo_index.gif) no-repeat 0 0; width:484px; height:39px; display:block;}
.headerindex .logo h1 a span {  display:none;}

.headerindex .baseline { width:400px; float:left; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.headerindex .baseline p { padding:9px 0 0 0; color:#000000; background-color:inherit; font-size:0.91em;}
.headerindex .fluxrss { width:144px; margin:0 6px 0 0; height:39px; float:right; background:url(../images/picto_rss.gif) no-repeat right 0; }
* headerindex .header .fluxrss { margin:0 3px 0 0;}
.headerindex .fluxrss p {padding:8px 0 0 0}
.headerindex .fluxrss a{ color:#ff0000; background-color:inherit; text-decoration:underline;  }

/* center stage */
.centerstage { width:900px; background-color:#3f3f3f; color:#FFFFFF; height:410px; position:relative; margin:0 0 20px 0}
.centerstage .photo { width:555px; height:410px; float:left;}
.centerstage .photo img{ width:555px; height:410px;}
.centerstage .column { background:url(../images/centerstage_column.png) repeat-y; width:20px; height:410px; position:absolute; z-index:2;	left: 535px; top:0;}
.centerstage .boxinfos p, .centerstage .boxinfos p a { color:#FFFFFF; background-color:inherit;}
.centerstage .boxinfos { width:132px; position:absolute; z-index:1;     padding:15px 15px 10px 5px; text-align:right; left:383px; top:0;background:url(../images/centerstage_column.png) repeat}
.centerstage .boxinfos p { font-size:0.83em;  padding:0 0 5px 0;}
.centerstage .boxinfos p a{   text-decoration:underline;}

.centerstage .content { width:345px; height:410px; /*float:right;*/position:absolute;top:0;right:0; z-index: 1;}
.centerstage .content .item1 a{ display:block; width:345px; height:80px; background:url(../images/item1.gif) no-repeat 0 0; }
.centerstage .content .item1 a:hover { background-position:-345px 0}

.centerstage .content .item2 a{ display:block; width:345px; height:104px; background:url(../images/item2.gif) no-repeat 0 0; }
.centerstage .content .item2 a:hover { background-position:-345px 0}

.centerstage .content .item3 a{ display:block; width:345px; height:116px; background:url(../images/item3.gif) no-repeat 0 0; }
.centerstage .content .item3 a:hover { background-position:-345px 0}

.centerstage .content .item1 a span,.centerstage .content .item2 a span,.centerstage .content .item3 a span { display:none;}
.centerstage .content .item4 { width:310px; padding:17px 0 0 35px; height:93px; }
.centerstage .content .item4 fieldset { width:100%; padding:0 0 13px 0}
.centerstage .content .item4 fieldset label { font-size:1.08em; color:#FFFFFF; background-color:inherit; display:block; padding:0 0 7px 0}
.centerstage .content .item4 fieldset .inputsearch{ float:left; width:245px; margin-right:5px; color:#333333; background-color:#FFFFFF; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:3px 0 0 3px; height:18px;  border:1px solid #b4b4b4;}
.centerstage .content .item4 fieldset .btnok { width:32px; height:24px; background:#fff url(../images/btn_ok_search.gif) no-repeat 0 0; border:none; color:#000000;  font-size:1.2em; float:left; }
.centerstage .content .item4 p { clear:both; float:none;}
.centerstage .content .item4 p a{ color:#FFFFFF; background-color:inherit; text-decoration:none; }
.centerstage .content .item4 p a:hover{ text-decoration:underline;}

/* vocation */
.vocation { width:550px; font-size:1.25em; color:#000000; background-color:inherit; float:left; padding:0 0 25px 0}
.vocation .soustitre { font-weight: bold; }
.vocation a { color:#ff0000; background-color:inherit; text-decoration:none;font-size:0.8em}
.vocation a:hover { text-decoration:underline; }

.linkbox { width:340px; float: right; text-align:center;  }
.linkbox a { display:block; background:url(../images/soumettre_projet.gif) no-repeat 0 0; width:275px ; height:52px; margin:0 auto}
.linkbox a:hover { background-position:0 -52px;}

.linkbox a span { display:none;}

/* ************************ */
/*        HEADER           */
/* ********************** */

.header { width:900px; height:39px; padding:25px 0 0 0; }

.header .logo { width:337px; height:39px; background:url(../images/logo_archicontemporaire.gif) no-repeat 0 0; float:left;}
.header .logo h1 a{ display:block; width:282px; height:39px;color:#ff0000; font-size:1em;background-color:inherit; text-decoration:none;}
.header .logo h1 a span {  display:none;}

.header .baseline { width:400px; float:left; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.header .baseline p { padding:9px 0 0 0; color:#4c4c4c; background-color:inherit; font-size:0.91em}

.header .fluxrss { width:144px; margin:0 6px 0 0; height:39px; float:right; background:url(../images/picto_rss.gif) no-repeat right 0; }
* html .header .fluxrss { margin:0 3px 0 0;}
.header .fluxrss p {padding:8px 0 0 0;font-size:0.91em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.header .fluxrss a{ color:#ff0000; background-color:inherit; text-decoration:underline;  }

/* ************************ */
/*        SEARCHAREA       */
/* ********************** */

/* select ( l'image pour le select :  select_search.gif) */
.searcharea { clear:both; float:none; width:900px; height:53px; padding:12px 0 0 0; background-color:#404040; color:#FFFFFF; border-top:1px solid #000000;}

.searcharea h1  { font-size:1.5em; margin:10px 0 0 20px; float:left;}
.searcharea .fermer a{ display:block; background:url(../images/btn_search_close.gif) no-repeat 0 0; width:110px;  height:24px; text-align:center; font-size:1em; float:right; color:#000000; background-color:inherit; line-height:2em; text-decoration:none; margin:10px 20px 0 0}
* html .searcharea .fermer a { margin:5px 10px 0 0}
.searcharea label, .searcharea .area3 span{ display:block; width:100%; min-height:17px;}
* html .searcharea label, * html .searcharea .area3 span{ height:17px;}
.searcharea fieldset.area1{ display:block; width:499px; padding:0 0 0 20px; float:left; background:url(../images/searcharea_ligne.gif) no-repeat right 0;}
.searcharea fieldset.area2{ display:block; width:210px; padding:0 0 0 20px; float:left; background:url(../images/searcharea_ligne.gif) no-repeat right 0;}
.searcharea .area3{ display:block; width:125px; float:left; padding:0 0 0 20px }

.searcharea .btnok { width:32px; height:24px; background:#fff url(../images/btn_ok_search.gif) no-repeat 0 0; border:none; color:#000000;  font-size:0.91em; float:left; }
.searcharea .btnacceder { display:block; width:110px; height:24px; background:#fff url(../images/btn_search_acceder.gif) no-repeat 0 0; border:none; color:#000000; font-size:0.91em; text-align:center; line-height:24px;}
.searcharea select { color:#000000; background-color:#fff; font-size:0.91em; float:left; margin:0 10px 0 0; height:21px;}
* html .searcharea select { font-size:1.1em}
.searcharea .inputsearch { width:150px; height:20px; color:#000000; background-color:#fff; font-size:0.91em; border:1px solid #b2b2b2; float:left; padding:2px 0 0 2px; margin:0 8px 0 0}

/* ************************ */
/*     NAVIGATIONBAR       */
/* ********************** */

.navigationbar { width:900px; min-height:25px;padding:14px 0 0 0; clear:both; float:none;}
* htlm .navigationbar { height:25px;}

.navigationbar .breadcrumb { width:740px; float:left;   padding-left:5px }
.navigationbar .breadcrumb ul li { display:inline;color:#ff0000; background-color:inherit; font-weight:bold;}
.navigationbar .breadcrumb ul li a { color:#ff0000; background-color:inherit; text-decoration:none}
.navigationbar .breadcrumb ul li a:hover { text-decoration:underline }

.navigationbar .affichage{ width:755px; float:left; height:24px;}
.navigationbar .affichage p {   color:#4c4c4c; background-color:inherit; float:left; line-height:2em; padding-right:10px;}
.navigationbar .affichage p.vignette { padding-right:0}
.navigationbar .affichage p.vignette a { display:block; float:left; width:90px; height:24px; background:url(../images/affichage_vignette.gif) no-repeat right 0; color:#ff0000; background-color:inherit; text-decoration:none; }
.navigationbar .affichage p.vignette a:hover { text-decoration:underline}
.navigationbar .affichage p.vignette a.active {  background:url(../images/affichage_vignette.gif) no-repeat right -24px;}
.navigationbar .affichage p.details a{ display:block; float:left; width:80px;  height:24px; background:url(../images/affichage_liste.gif) no-repeat left 0; text-decoration:none; padding-left:35px;color:#ff0000; background-color:inherit;  }
.navigationbar .affichage p.details a:hover { text-decoration:underline;}

.navigationbar .affichage p.details a.active {background:url(../images/affichage_liste.gif) no-repeat left -24px;}
.navigationbar .affichage fieldset { float:left;}
.navigationbar .affichage .selectprojet { margin-left:10px;}
.navigationbar .affichage p a{ color:#ff0000; background-color:inherit; text-decoration:none;  }
.navigationbar .affichage p a:hover { text-decoration:underline}
.navigationbar .affichage label { float:left;}
 
.navigationbar .pagenav {}
.navigationbar .pagenav ul { height:25px; line-height:1.5em; float:right;}
.navigationbar .pagenav ul li { display:block; float:left; color:#4c4c4c; background-color:inherit;}
.navigationbar .pagenav ul li a {color:#4c4c4c; background-color:inherit; text-decoration:none;}
.navigationbar .pagenav ul li a:hover { text-decoration:underline;}

.navigationbar .pagenav ul li input.pagecourante { width:20px; display:block; float:left; text-align:center; border-top:1px solid #b3b3b3; border-left:1px solid #b3b3b3; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#ff0f0f; background-color:inherit; margin:0 3px 0 3px;}
* html .navigationbar .pagenav ul li input.pagecourante { margin-top:0;}
.navigationbar .pagenav ul li.suivant a{ background:url(../images/picto_suivant.gif) no-repeat 0 0; width:20px; height:20px; display:block; margin: 0 0 0 4px }
.navigationbar .pagenav ul li.suivant a:hover { background-position:-20px 0}
.navigationbar .pagenav ul li.precedent a{ background:url(../images/picto_precedent.gif) no-repeat 0 0; width:20px; height:20px; display:block; margin:0 2px 0 0}
.navigationbar .pagenav ul li.precedent a:hover { background-position:-20px 0}
.navigationbar .pagenav ul li.suivant span, .navigationbar .pagenav ul li.precedent span{ display:none;}

/* rafraichir */
.navigationbar .rafraichir {float:left;}
.navigationbar .rafraichir p a{ display:block; background:url(../images/picto_rafraichir.gif) no-repeat bottom right; height:20px; padding-right:23px; margin-left:7px;color:#ff0000; background-color:inherit; text-decoration:none; font-size:0.92em; line-height:2em}
.navigationbar .rafraichir p a:hover { text-decoration:underline; background-position:top right;}

/* ********************* */
/*     COLLEFT 500px    */
/* ******************* */

.colleft500px { width:500px; float:left;}

.colleft500px h1 { font-size:1.5em; padding:35px 0 17px 0}

/* blockmediaphoto */
.colleft500px .blockmediaphoto { width:100%; padding:0 0 30px 0; min-height:50px;}
* html .colleft500px .blockmediaphoto {height:50px;}
.colleft500px .blockmediaphoto .image{ width:100%; background:url(../images/blockmediaphoto.gif) repeat-x bottom; text-align:right}
.colleft500px .blockmediaphoto .copyright { width:100%; font-size:0.95em; color:#787878; background-color:inherit; text-align:right; padding:15px 0 0 0}
.colleft500px .blockmediaphoto .copyright a {  color:#787878; background-color:inherit; text-decoration:underline;}

/* bloc de texte */
.colleft500px .blocdetexte { width:100%; padding:0 0 30px 0}
.colleft500px .blocdetexte h1 { font-size:1.2em; padding:0 0 15px 0}
.colleft500px .blocdetexte h2 { font-size:1em; padding:0 0 15px 0}
.colleft500px .blocdetexte p { font-size:1.25em; padding:0 0 20px 0}
.colleft500px .blocdetexte a { color:#000; background-color:inherit; text-decoration:underline;}

/* ********************** */
/*     COLRIGHT380px     */
/* ******************** */

.colright380px { width:380px; float:left; padding:0 0 30px 20px; display:inline; }

.colright380px h2 { clear:both; float:none; font-size:1em; padding:0 0 8px 0;}
.colright380px h3 { font-size:1em; margin:15px 0 5px 0; padding:0}

/* pagetools */
.pagetools { width:259px;}

.pagetools ul {}
.pagetools ul li { float:left;}
.pagetools ul li a {  display:block;  height:30px; padding:40px 0 0 0;color:#ff0000; background-color:inherit; text-decoration:none; }
.pagetools ul li a:hover { text-decoration:underline; }
.pagetools ul li.envoyer a{ background:url(../images/picto_envoyer.gif) no-repeat 0 0; width:67px; margin-right:15px; text-align:center }
.pagetools ul li.envoyer a:hover { background-position:-67px 0 }
.pagetools ul li.imprimer a{ background:url(../images/picto_imprimer.gif) no-repeat 0 0;  width:67px; margin-right:15px; text-align:center}
.pagetools ul li.imprimer a:hover { background-position:-67px 0}
.pagetools ul li.telecharger a{ background:url(../images/picto_telecharger_pdf.gif) no-repeat 0 0; width:90px;text-align:center  }
.pagetools ul li.telecharger a:hover { background-position:-90px 0}

/* carrousel */
.colright380px .carrousel380px { clear:both; float:none; width:380px; height:77px; margin:0 0 20px 0; }
.colright380px .carrousel380px .precedent a{ display:block; width:33px; height:77px; float:left; background-color:#e9eaeb; color:#ff0000; margin-right:1px; background:url(../images/carousel_precedent.gif) no-repeat 0 0; }
.colright380px .carrousel380px .precedent a:hover { background-position:-33px 0}

.colright380px .carrousel380px .suivant a{ display:block; width:33px; height:77px; float:right; background-color:#e9eaeb; color:#ff0000; margin-left:1px; background:url(../images/carousel_suivant.gif) no-repeat 0 0;}
.colright380px .carrousel380px .suivant a:hover { background-position:-33px 0}
.colright380px .carrousel380px .precedent a span, .colright380px .carrousel380px .suivant a span{ display:none;}
.colright380px .carrousel380px .content{/*width:340px;*/ width:272px; height:77px; float:left;}
.colright380px .carrousel380px .content ul li { display:block; float:left; margin-right:1px}
.colright380px .carrousel380px .content ul li img { display:block; width:103px; height:77px;}

/* list bloc */
.colright380px .blockinfos{margin-top:15px;}
.colright380px .listbloc h3 { font-size:1em; margin:0 0 5px 0; padding:0}
.colright380px .listbloc { width:100%; padding:0 0 15px 0}
.colright380px .listbloc ul { margin:0 0 5px 0; padding:0}
.colright380px .listbloc ul li{font-size:0.91em; color:#4c4c4c; background-color:inherit; padding:0 0 1px 0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.colright380px .listbloc ul li.important {background-color:#ffede3; color:#4c4c4c; padding:5px 0 5px 9px}
.colright380px .listbloc ul li a {color:#ff0000; background-color:inherit; text-decoration:underline; }
.colright380px .listbloc ul.tags li { display:inline;color:#ff0000; background-color:inherit;}

/* bloc de texte */
.colright380px .blocdetexte { width:100%;}
.colright380px .blocdetexte h1 { font-size:1.2em; padding:0 0 15px 0}
.colright380px .blocdetexte h2 { font-size:1em; padding:0 0 15px 0}
.colright380px .blocdetexte p { font-size:1.25em; padding:0 0 20px 0}
.colright380px .blocdetexte a { color:#000; background-color:inherit; text-decoration:underline;}

.infoma{padding-top:40px;}
/* ********************** */
/*        FOOTER         */
/* ******************** */

.footer { width:900px; clear:both; float:none; padding:30px 0 30px 0}

.footer a { color:#ff0000; background-color:inherit; text-decoration:none;}
.footer a:hover { text-decoration:underline; }

/* footer bar */
.footer .footerbar { width:900px; min-height:20px; padding:0 0 10px 0}
.footer .footerbar .footerlogo a{ background:url(../images/logo_footer.gif) no-repeat 0 0; width:176px; height:14px; display:block; float:left; margin-right:20px; }
.footer .footerbar .footerlogo a span { display:none;}
.footer .footerbar ul { float:left;}
.footer .footerbar ul li{ display:block; margin-right:20px; float:left;}

/* legal */
.footer .legal { width:740px; float:left;}
.footer .legal p { padding:0 0 2px 0; line-height: 20px; }

/* linkbar */
.footer .linkbar {}
.footer .linkbar ul { float:right; padding:5px 0 0 0;}
.footer .linkbar ul li { display:inline}
.footer .linkbar ul li a{ display:block; float:left;}
.footer .linkbar ul li a span { display:none;}

.footer .linkbar ul li.ma a{background:url(../images/logo_ma.gif) no-repeat 0 0; height:27px; width:60px; margin-right:10px;}
.footer .linkbar ul li.ma a:hover { background-position:0 -27px;}

.footer .linkbar ul li.maison a{ background:url(../images/logo_maison_architecture.gif) no-repeat 0 0; width:40px; height:40px; margin-right:10px;}
.footer .linkbar ul li.maison a:hover { background-position:0 -40px;}

.footer .linkbar ul li.ministere a{ width:31px; height:40px; background:url(../images/logo_ministere.gif) no-repeat 0 0; }
.footer .linkbar ul li.ministere a:hover { background-position:0 -40px;}

/* ********************** */
/*      lightbox         */
/* ******************** */

#overlay { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: #000; opacity: 0.85; display: none; z-index: 5001; filter:alpha(opacity=85); -moz-opacity: 0.85; }

* html #overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}

/* ligne de test */
.envoiboxcontenair {  /*background:url(../images/centerstage_column.png) repeat;*/ position:absolute; left:0; top:0; width:100%; padding:60px 0 0 0; z-index:5002}

.lightbox { padding:10px; text-align:left; margin:0 auto;  position:relative;background:url(../images/lightbox_bg.png) no-repeat right 420px; color:#000000;}
 
.lightbox h1 { font-size:1.5em; margin:0 0 10px 0}
.w960px { width:967px;}
.w690px { width:690px}
/* colleft 490 pixels */
.lightbox .colleft { float:left; width:528px; background:white; padding-bottom:10px; min-height:480px}
* html .lightbox .colleft {height:480px}
.lightbox .colleft .formulaire { padding:15px 0 0 20px}
.lightbox .colleft p { font-size:0.91em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4c4c4c; background-color:inherit; padding:0 0 18px 0}
.lightbox .colleft label { font-size:1.16em; font-weight:bold; color:#000000; background-color:inherit; display:block; margin:0 0 5px 0}
.lightbox .colleft .inputext { width:430px;   border:1px solid #b2b2b2; padding:3px 0 0 10px; font-size:0.91em; color:#4c4c4c; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; height:18px; }
.lightbox .colleft .textarea { width:430px; height:125px; border:1px solid #b2b2b2; padding:3px 0 0 10px; font-size:0.91em; color:#4c4c4c; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;   line-height:1.5em}
.lightbox .colleft .btnenvoyer { width:121px; height:35px; background:#fff url(../images/btn_envoyer.gif) no-repeat 0 0; border:none; color:#000000;  font-size:1.5em; float:right; margin-right:42px; font-weight:bold;}

/* colonneimage */
.lightbox .colonneimage{ float:left; width:785px; text-align:center;border:10px solid #fff; background:white; min-height:440px}
* html .lightbox .colonneimage{ height:440px; }
.lightbox .colonneimage img { display:block; margin:0 auto; }

/* colright 182 pixels */
.lightbox .colright182px { width:162px; float:left; min-height:400px;  background:#fff}
* html .lightbox .colright182px { height:400px;   }

.lightbox .colright182px .navibar{ width:153px; height:27px; clear:both; float:none; margin-top:10px}
.lightbox .colright182px .navibar p.precedent {background:url(../images/zoom_precedent.gif) no-repeat 0 0; width:76px; height:27px; float:left;}
.lightbox .colright182px .navibar p.precedent_no {background:url(../images/zoom_precedent_no.gif) no-repeat 0 0; width:76px; height:27px; float:left;}
.lightbox .colright182px .navibar p.precedent a { display:block;  margin-right:1px;width:76px; height:27px; }
.lightbox .colright182px .navibar p.precedent a:hover { background-position:-76px 0}

.lightbox .colright182px .navibar p.suivante {background: url(../images/zoom_suivant.gif) no-repeat 0 0; width:76px; height:27px; float:left;}
.lightbox .colright182px .navibar p.suivante_no {background: url(../images/zoom_suivant_no.gif) no-repeat 0 0; width:76px; height:27px; float:left;}
.lightbox .colright182px .navibar p.suivante a { display:block; width:76px; height:27px;}
.lightbox .colright182px .navibar p.suivante a:hover { background-position:-76px 0}

.lightbox .colright182px .navibar p.precedent span, 
.lightbox .colright182px .navibar p.suivante span,
.lightbox .colright182px .navibar p.precedent_no span, 
.lightbox .colright182px .navibar p.suivante_no span{ display:none;}
.lightbox .colright182px p.vignette{ padding-top:10px}
.lightbox .colright182px p.vignette img { width:133px; height:77px;}
.lightbox .colright182px .content { font-size:0.91em;color:#4c4c4c; background-color:inherit;padding:10px 0 20px 0}
 
.lightbox .colright182px .content p { padding:0 0 12px 0}
.lightbox .colright182px .content p a {color:#4c4c4c; background-color:inherit; text-decoration:underline}
.lightbox .colright182px .content h2 { width:152px;  margin:0 0 15px 0; font-size:1em; color:#000000; background-color:inherit;}
.lightbox .colright182px .content ul { width:152px; margin:0 0 8px;}
.lightbox .colright182px p.fermer {padding-top:10px}
.lightbox .colright182px p.fermer a{ display:block; color:#ff0000; background-color:inherit; float:right; background:url(../images/btn_fermer.gif) no-repeat right 2px; padding-right:15px; height:20px; line-height:1.1em; text-decoration:none; margin-right:15px;}
.lightbox .colright182px p.fermer a { margin-right:7px}
.lightbox .colright182px  p.fermer a:hover { text-decoration:underline}

/* footerbox */
.lightbox .footerbox { clear:both; float:none; padding:63px 0 0 0; color:#FFFFFF;width:182px; height:100%;  background:#191919 url(../images/envoibox_logo.gif) no-repeat right top;}

/* ************************************ */
/*   gabarit soumission de projet      */
/* ********************************** */

.steppingbar { clear:both; float:none; width:900px; height:56px; color:#FFFFFF; background:#ff0000 url(../images/steepingbar.gif) no-repeat 25px 19px; position:relative; margin:0 0 20px 0}

.steppingbar h1 { font-size:1.5em; margin:18px 0 0 64px; float:left;}
 
.steppingbar .etapestep  { float:right;  top:19px; right: 20px; position:absolute;}
.steppingbar .etapestep li { width:88px; height:60px; display:block; float:left; color:#4c4c4c; background-color:#FFFFFF; text-align:center; font-size:0.91em;}

.steppingbar .etapestep li a{text-decoration:none;display:block;color:black;width:88px; padding-top:40px;}
.steppingbar .etapestep li.active1 a,
.steppingbar .etapestep li.active2 a,
.steppingbar .etapestep li.active3 a{
color:#ff2222;
}

.steppingbar .etapestep li.no{padding-top:40px;height:20px} 

.steppingbar .etapestep li.active1,
.steppingbar .etapestep li.etape1 a:hover { display:block; background:url(../images/steppingbar_ul1.gif) no-repeat 0 0; color:#ff2222; background-color:#FFFFFF }
.steppingbar .etapestep li.active2,
.steppingbar .etapestep li.etape2 a:hover { display:block; background:url(../images/steppingbar_ul2.gif) no-repeat -88px 0;  color:#ff2222; background-color:#FFFFFF }
.steppingbar .etapestep li.active3 { display:block; background:url(../images/steppingbar_ul3.gif) no-repeat -176px 0;color:#ff2222; background-color:#FFFFFF }
.steppingbar .etapestep li.etape1 { display:block; background:url(../images/steppingbar_ul.gif) no-repeat 0 0;  }
.steppingbar .etapestep li.etape2 { display:block; background:url(../images/steppingbar_ul.gif) no-repeat -88px 0;  }
.steppingbar .etapestep li.etape3 { display:block; background:url(../images/steppingbar_ul.gif) no-repeat -176px 0;  }

.formprojetblock { clear:both; float:none; width:900px;}
.formprojetblock h1 { font-size:1.5em; margin:0 0 20px 0;}
.formprojetblock p.note { font-size:0.91em; color:#4c4c4c; background-color:inherit; padding:0 0 6px 0}

.formprojetblock .lignefield { width:900px; clear:both; float:none; margin:0 0 10px 0;}

.formprojetblock .lignefield fieldset { background-color:#f2f2f2; color:#000000; width:600px; float:left; padding:10px 0 10px 20px;}

.formprojetblock .lignefield fieldset p { clear:both; float:none; margin:0; width:100%; }
.formprojetblock .lignefield fieldset p.compteur {width:auto}
.formprojetblock .lignefield fieldset label { display:block; float:left; font-size:1.16em; font-family:Arial, Helvetica, sans-serif;  padding:0 0 10px 0; }
.formprojetblock .lignefield fieldset .w270px { width:270px;}
.formprojetblock .lignefield fieldset textarea.w270px { width:273px; margin-bottom:5px; }
.formprojetblock .lignefield fieldset .picto_debutprojet a{ display:block; float:left; background:url(../images/picto_debutprojet.gif) no-repeat center 0; width:30px; text-decoration:none;}
.formprojetblock .lignefield fieldset .picto_findeprojet a{ display:block; float:left; background: url(../images/picto_finprojet.gif) no-repeat center 0; width:30px; text-decoration:none;}

/* box tip */
.formprojetblock .lignefield .boxtips { width:260px; float:left; background:url(../images/boxtips.png) no-repeat left top; margin:0 0 0 -5px; padding:10px 0 0 25px }
.formprojetblock .lignefield .boxtips p { width:255px; font-size:0.91em; color:#FFFFFF; background-color:#404040; padding:0 0 10px 0}
.bloctextesoumission .btnok,
.formprojetblock .lignebtnenvoie .btnok { width:347px; height:56px; background:#fff url(../images/btn_etape2.gif) no-repeat 0 0; border:none; color:#000000;  float:right; font-weight:bold; margin:10px 0 0 0; font-weight:normal; }

.bloctextesoumission .btnok{font-size:1.16em;}
.formprojetblock .lignebtnenvoie .btnok{font-size:1.38em;}

/* tooltip */
.formprojetblock .lignefield .tooltip { width:285px; float:left; }
.formprojetblock .tooltip .content{ background:#404040 url(../images/form_tootltips_content.gif) repeat-y 0 0; width:285px; color:#FFFFFF }
.formprojetblock .lignefield .tooltip .contenu{ background:url(../images/form_tootltips.gif) no-repeat 0 0; width:285px;  }
.formprojetblock .lignefield .tooltip .contenu p { padding:10px 0 20px 25px; width:250px;}

.formprojetblock .lignefield .w160px { float:left; width:130px}
.formprojetblock .lignefield .w170px { float:left; width:170px}
.formprojetblock .lignefield .w250px { float:left; width:250px}
.formprojetblock .lignefield .w90px { width:65px; padding-right:15px; text-align:right; float:left;}
.formprojetblock .lignefield .w100px { width:90px; padding-right:15px; text-align:right; float:left;}

.w135px { width:135px;}

/* *********************** */
/*    GABARIT STEEPING    */
/* ********************* */

.soumissionbar { width:900px; color:#FFFFFF; background:#ff0000 url(../images/soumissionbar.gif) no-repeat 0 0; height:150px; margin:0 0 20px 0}

.bloctextesoumission { font-size:1.25em; width:690px; float:left; padding:0 0 10px 0}
.bloctextesoumission a {color:#ff0000; background-color:inherit; text-decoration:none;}
.bloctextesoumission a:hover { text-decoration:underline;}

.bloctextesoumission ul { margin:0 0 10px 15px; font-size:0.80em; margin-top:15px}
.bloctextesoumission ul li {font-size:1.25em; background:url(../images/puce.gif) no-repeat 0 8px; padding:0 0 5px 10px;}

.bloctextesoumission h1 { font-size:1.2em; margin:30px 0 14px 0}
.bloctextesoumission h2 { font-size:1.00em; margin:0 0 14px 0}
.bloctextesoumission strong.mess_err{padding-bottom:15px;display:block;clear:both;color:red}

.bloctextesoumission .btnsoumission { width:359px; height:55px; background:#fff url(../images/btn_soumission.gif) no-repeat 0 0; border:none; color:#000000;  font-size:1.2em; float:right; margin:10px 0 10px 0 }

/* blocalire */
.blocalire { width:170px; background:url(../images/blocalire.gif) repeat-x 0 0; float:right; padding:18px 0 0 0; text-align:center; 
margin:10px 0 0 0 }
.blocalire p{ font-size:1.12em; font-weight:bold; width:105px; padding:0 0 15px 0; margin:0 auto}
.blocalire p a{color:#000;text-decoration:none;}
.blocalire p a:hover{color:#000;text-decoration:underline;}

.blocalire .telechargerpdf {padding:0; width:170px }
.blocalire .telechargerpdf a{ color:#ff0000; background-color:inherit; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; background:url(../images/telechargerpdf.gif) no-repeat center 0; padding:80px 0 0 0; width:170px; display:block}
.blocalire .telechargerpdf a:hover{ text-decoration:underline;}

/* ******************************** */
/*    GABARIT RECHERCHE AVANCEE    */
/* ****************************** */

.formavancee { width:900px;}
.formavancee h1 { clear:both; float:none; margin:0 0 14px 0; font-size:1.5em; padding:20px 0 0 0}
.formavancee h2 { margin:0 0 5px 0; font-size:1.16em;}
.formavancee p.selection  { color:#ff0000; background-color:inherit; padding:0 0 10px 0 }
.formavancee p.selection a { color:#ff0000; background-color:inherit; text-decoration:none;}
.formavancee p.selection a:hover { text-decoration:underline;}

.fieldgreybox { width:293px; float:left; margin:0 7px 0 0}
.fieldgreybox .greybox { width:265px; height:147px; padding:10px 0 10px 10px; background-color:#f2f2f2; color:#000000; overflow:auto;}
.fieldgreybox .greybox label.w224px { display:block; width:224px; float:left; padding-bottom:8px}
.fieldgreybox .greybox .chkbox { float:left; margin:0; padding:0}

.fieldwhitebox { width:293px; float:left; margin:0 7px 0 0; min-height:200px}
* html .fieldwhitebox { height:200px;}
.fieldwhitebox label { display:block; margin:0 0 5px 0; font-size:1.16em; font-weight:bold}
.fieldwhitebox .w270px { width:270px; height:18px; padding:3px 0 0 3px; border:1px solid #b2b2b2;}
.fieldwhitebox span { padding:0 5px 0 5px}

.fieldvalidation { clear:both; float:none; width:100%;}
.fieldvalidation .validerbox{ float:right; width:285px; height:56px; background-color:#404040; color:#FFFFFF; margin:0 15px 10px 0; display:inline}
.fieldvalidation .validerbox .btnvalider { width:121px; height:35px; background:#fff  url(../images/btn_valider.gif) no-repeat 0 0; color:#000000;  font-size:1.2em; float:right; margin:10px 14px 0 0; display:inline; border:none; font-weight:bold;  }
.fieldvalidation p.reinitialisation {clear:both; float:none; text-align:right;}
.fieldvalidation p.reinitialisation a { color:#ff0000; background-color:inherit; text-decoration:none; padding-right:25px}
.fieldvalidation p.reinitialisation a:hover { text-decoration:underline;}

/* ************************ */
/*   gabarit FULL PAGE     */
/* ********************** */

.fullpage { width:900px}
.fullpage h1 { clear:both; float:none; margin:0 0 14px 0; font-size:1.5em; padding:20px 0 0 0}
.fullpage h2 { margin:0 0 5px 0; font-size:1.16em;}

.fullpage p.intro { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.83em; color:#4c4c4c; background-color:inherit;}
.fullpage p.intro a{ color:#4c4c4c; background-color:inherit; text-decoration:underline}

/* ************************ */
/*   gabarit PAGE          */
/* ********************** */
 
.page { width:900px; padding:30px 0 0 0;}
.page .maintitle { width:900px;}
.page .maintitle h1{ float:left; width:630px; padding:0 0 30px 0; font-size:1.5em; }
.page .maintitle .pagetools ul{ float:right!important}

/* ********************** */
/*    GLOBAL BLOCK       */
/* ******************** */

/* blockinfos */
.blockinfos{ width:100%; min-height:100px; background-color:#f2f2f2; color:#000000; margin:0 0 20px 0}
* html .blockinfos{ height:100px;}
 
.blockinfos h3 { font-size:1em; border-bottom:1px solid #4c4c4c; padding:0 0 5px 0; margin:0 0 10px 0}
.blockinfos .content { padding:10px;}
.blockinfos .content ul.listeavecdate { border-bottom:1px solid #FFFFFF; padding:5px 0 5px 0}
.blockinfos .content ul.listeavecdate .titre { float:left; font-size:1.25em;  padding:0 0 3px 0}
.blockinfos .content ul.listeavecdate .numero { float:right;font-size:1.25em; padding:0 0 3px 0}
.blockinfos .content ul.listeavecdate .references { clear:both; float:none;padding:0 0 3px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.91em}
.blockinfos .content p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.91em; color:#4c4c4c; background-color:inherit; padding:0 0 5px 0}
.blockinfos .content p a{  color:#4c4c4c; background-color:inherit; text-decoration:underline;}

.blockinfos .content ul.listeavecdate li a{ color:#000000; background-color:inherit; text-decoration:none;}
.blockinfos .content ul.listeavecdate li a:hover{ text-decoration:underline}

/* descriptifprojetbox */
.blockinfos .descriptifprojetbox { width:100%; clear:both; float:none; padding:10px 0 0 0}
.blockinfos .descriptifprojetbox .image{width:114px; float:left;}
.blockinfos .descriptifprojetbox .image p {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.91em}
.blockinfos .descriptifprojetbox .image p img { width:103px; height:77px; margin:3px 0 0 0 }
.blockinfos .descriptifprojetbox .image p a {color:#ff0000; background-color:inherit; text-decoration:none;}
.blockinfos .descriptifprojetbox .image p a:hover { text-decoration:underline}
.blockinfos .descriptifprojetbox .informations { width:355px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4c4c4c; background-color:inherit;  font-weight: normal;}
.blockinfos .descriptifprojetbox .informations ul li { color:#000000; background-color:inherit; font-size:0.91em}
.blockinfos .descriptifprojetbox .informations ul li a{ color:#000000; background-color:inherit; text-decoration:underline}
.blockinfos .descriptifprojetbox p.clear { border-bottom:1px solid #FFFFFF; height:10px}

/* vignetteliste */
.vignetteliste { width:900px; clear:both; float:none; padding:30px 0 0 0}
.col1{width:228px; float:left;}
.col2{width:228px; float:left;}
.col3{width:228px; float:left;}
.col4{width:208px; float:left;}

.vignetteliste .boxphoto { width:208px; position:relative; float:left; margin-right:20px;}
.vignetteliste .nomargin { margin:0!important;}
.vignetteliste .boxphoto .photo{ width:208px; height:157px}
.vignetteliste .boxphoto .photo img{ width:208px; height:157px}
.vignetteliste .boxphoto .legend { width:190px; padding:8px 0 10px 8px; min-height:50px;}
.vignetteliste .boxphoto .legend p { padding:0 0 5px 0; margin:0}
.vignetteliste .boxphoto .legend a { color:#000000; background-color:inherit; text-decoration:none;}
.vignetteliste .boxphoto .legend a:hover { text-decoration:underline;}
* html .vignetteliste .boxphoto .legend {height:50px;}

/* lignebox */
.vignetteliste .lignebox { width:900px; min-height:90px; clear:both; float:none;}
* html .vignetteliste .lignebox{ height:90px;}
.vignetteliste .lignebox h2 { font-size:1em; padding:0 0 10px 0; width:900px;}
.vignetteliste .lignebox h2 a{ color:#000000; background-color:inherit; text-decoration:none;}
.vignetteliste .lignebox h2 a:hover{ color:#ff0000; background-color:inherit; text-decoration:underline}

.vignetteliste .lignebox .photo { width:120px; height:77px; float:left;}
.vignetteliste .lignebox .photo img{ width:103px; height:77px; float:left; padding:3px 0 0 0}
.vignetteliste .lignebox .description { width:370px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.91em; color:#4c4c4c; background-color:inherit; float:left;}
.vignetteliste .lignebox .description p { width:355px; padding:0 0 5px 0}
.vignetteliste .lignebox .description p a { color:#ff0000; background-color:inherit; text-decoration:none;}
.vignetteliste .lignebox .description p a:hover { text-decoration:underline;}

.vignetteliste .lignebox .informations { width:410px; float:left; }
.vignetteliste .lignebox .informations ul { width:410px; float:left; background:url(../images/lignebox_ul.gif) repeat-x bottom; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4c4c4c; background-color:inherit; padding-bottom:3px}
.vignetteliste .lignebox .informations ul li { font-size:0.83em; color:#4c4c4c; background-color:inherit; padding:0 0 2px 0}
.vignetteliste .lignebox .informations ul li strong { color:#000000; background-color:#FFFFFF;}
.vignetteliste .lignebox .informations ul li a{ color:#ff0000; background-color:inherit; text-decoration:none;}
.vignetteliste .lignebox .informations ul li a:hover { text-decoration:underline;}
.vignetteliste .lignebox .bottom { width:100%; clear:both; float:none; height:35px;}

/* criteres liste */
.critereslist { width:900px; clear:both; float:none; padding:14px 0 0 0}
.critereslist ul { padding:0 0 10px 0}
.critereslist ul li { display:inline; color:#4c4c4c; background-color:inherit; font-size:0.91em}
.critereslist ul li a{  color:#4c4c4c; background-color:inherit; text-decoration:none}
.critereslist ul li a:hover{ text-decoration:underline}

/* gallery tooltip */
.gallerytooltip { width:208px; text-align:left; font-size:0.81em; display: none; }
.gallerytooltip .content { width:208px; padding:10px 0 20px;background:url(../images/gallery_tooltip.png) no-repeat left bottom;}
.gallerytooltip .content ul { width:170px;  padding:0 0 5px 20px;  }
.gallerytooltip .content ul a{background-color:inherit; text-decoration:none;color:#fff}
.gallerytooltip .content ul li { padding:0; margin:0; color:#FFFFFF; background-color:inherit;}
.gallerytooltip .content ul.theme li a{color:#ca0a0b;}
.gallerytooltip .content ul li a:hover { text-decoration:underline;}


/* ******************************** */
/* BLOC MEDIA POUR LA PAGE DU CMS  */
/* ****************************** */
.page { clear:both; float:none; width:700px;}
.toolspage { position:absolute;	right:0; top: 150px;	z-index:0; width:260px;}
.toolspage ul{float:right}

 /* blocs image */
.page  .img_208_ .media {width:208px}
.page div.clear{ clear:both; float:none; height:20px;}
.page p { padding-bottom:10px}
.page a {color:#ff0000; background-color:inherit; text-decoration:none;}
.page a:hover{ text-decoration:underline;}
.page .info ul { margin:5px 0 0 20px; padding:0;}
.page .info ul li { margin:0; padding:0 0 0 10px; background:url(../images/puce.gif) no-repeat 0 6px; line-height:1.1em}
.page .info ul li ul{ margin:0 0 0 20px; padding:0;}
.page .info ul li ul il { margin:0; padding:0 0 0 5px; background:url(../images/puce.gif) no-repeat 0 6px; line-height:1.1em}

.page h1 { font-size:1.5em; margin-bottom:30px}
.page h1 a{ color:#ff0000; background-color:inherit; text-decoration:none}
.page h1 a:hover{ color:#ff0000; background-color:inherit; text-decoration:underline}

.page h2 { color:#ff0000; font-size:1.4em; margin-bottom:5px}
.page h2 a{ color:#ff0000; background-color:inherit; text-decoration:none}
.page h2 a:hover{ color:#ff0000; background-color:inherit; text-decoration:underline}
 
.page .soustitre{display:block;}
.page h3, .page .soustitre { font-size:1.2em; margin-bottom:5px; font-weight:bold;}
.page h3 a, .page .soustitre a{ color:#ff0000; background-color:inherit; text-decoration:none}
.page h3 a:hover, , .page .soustitre a:hover{ color:#ff0000; background-color:inherit; text-decoration:underline}

.page h4 { font-size:1.2em; margin-bottom:5px}
.page h4 a{ color:#ff0000; background-color:inherit; text-decoration:none}
.page h4 a:hover{ color:#ff0000; background-color:inherit; text-decoration:underline}
 
.page .media_haut_gauche .media {margin-bottom:10px}
.page .media_bas_gauche .media {margin-top:10px;}
.page .media_haut_droite .media {margin-bottom:10px;text-align:right;width:100%}
.page .media_bas_droite .media {margin-top:10px;text-align:right;width:100%}
.page .media_haut_centre .media {margin-bottom:10px;text-align:center;width:100%}
.page .media_bas_centre .media {margin-top:10px;text-align:center;width:100%}
.page .media_gauche .media {float:left;}
.page .media_gauche .img_208_ .info {margin-left:208px;padding-left:15px}
.page .media_droite .media {float:right;}
.page .media_droite .img_208_ .info {margin-right:208px;padding-right:15px}
 

.page .media_in_gauche .media {float:left;padding-right:15px;margin-bottom:10px;  }
.page .media_in_gauche .img_208_ .info {  padding-left:208px}



.page .media_in_droite .media {float:right;margin-left:15px;margin-bottom:10px}
.page .media_in_droite .img_208_ .info {  padding-left:0}


/* ********************** */
/*    CARROUSSEL       */
/* ******************** */
.carrousel{overflow:hidden;height:77px;width:312px;}
.carrousel ul{width:10000px}

/* *************************/
/*    LAYERS THEMATIQUES   */
/* *************************/
.theme_list, .sstheme_list{float:left;margin-right:14px;position:relative;z-index:4998;}
.theme_list ul, .sstheme_list ul{background-color:#f2f2f2;border:1px solid #b2b2b2;position:absolute;display:none;z-index:4999}
.sstheme_list ul{width:220px;}
.theme_list a, .sstheme_list a{display:block;color:#000;background:#fff url(../images/btn_menu_layer.gif) no-repeat top right;padding:0 10px 0 10px;border:1px solid #b2b2b2;text-decoration:none;height:22px;line-height:22px;}
.theme_list li, .sstheme_list li{background:#cecfd1;width:220px;height:24px;overflow:hidden}
.theme_list ul li, .sstheme_list ul li{background:none;border:none;}
.sstheme_list ul li{ /*min-width:240px;*/ }
/** html .sstheme_list ul li{ width:240px; }*/
.theme_list ul a, .sstheme_list ul a{background:none;border:none;}
.theme_list ul a:hover, .sstheme_list ul a:hover{color:#fff;background-color:#ff0000;text-decoration:none;}

/* *************************/
/*    THESAURUS            */
/* *************************/
.pword{position:relative}
.wordlist {position:absolute;bottom:25px;left:0; z-index:100;width:270px;}
.wordlist ul{border:1px solid #B2B2B2;background:#ffffff}
.wordlist a{display:block;padding:2px;text-decoration:none;color:black}

.page .bloc_rssfeed .info ul{margin:0;padding-top:10px;}
.page .bloc_rssfeed .info ul li{background:none;padding:0}
.page .bloc_rssfeed .clear{height:10px}
.page .bloc_rssfeed .content .clear{height:0px}

.homefantome { position: relative; z-index: 1; }
.remanence { position: absolute; z-index: 5; width: 555px; height: 410px; }