/* ************************ */
/*     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;}
.formcontent{width:900px; min-height:800px; text-align:left; margin:0 auto; }
.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;}

.height30px { height:30px;}
.height13px { height:13px; }

.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}*/
.lien_home { display:block; margin:30px auto 0; width:200px; text-align:center; }


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

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

.headerindex .logo { width:900px; }
.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:Arial, Helvetica, sans-serif;}
.headerindex .baseline p { padding:9px 0 0 0; color:#000000; background-color:inherit; font-size:1em;}
.headerindex .connexion {float:right; padding:9px 0 0 0; width:200px; text-align:right; color:#FF0000; font-size:11px;}
.headerindex .connexion a{color:#FF0000; text-decoration:none; }
.headerindex .connexion a:hover { text-decoration:underline; }
.headerindex .bloc_coreloginform { text-align:right; color:#FF0000; margin-bottom:-8px; font-size:11px;}
.headerindex .bloc_coreloginform a { color:#FF0000; text-decoration:none; }
.headerindex .bloc_coreloginform a:hover {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:19px;  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 30px 0}
.vocation .soustitre { font-weight: bold; }
.vocation a { color:#ff0000; background-color:inherit; text-decoration:none;}
.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; padding:25px 0 0 0; }

.header .logo { width:307px; 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:375px; float:left; height:30px; font-family:Arial, Helvetica, sans-serif; }
.header .baseline p { padding:9px 0 0 0; color:#000000; background-color:inherit; font-size:1em}

.header .connexion {float:right; padding:9px 0 0 0; width:200px; text-align:right; color:#FF0000; font-size:11px;}
.header .connexion a{color:#FF0000; text-decoration:none; }
.header .connexion a:hover { text-decoration:underline; }
.header .bloc_coreloginform { text-align:right; color:#FF0000; margin-bottom:-8px; font-size:11px;}
.header .bloc_coreloginform a { color:#FF0000; text-decoration:none; }
.header .bloc_coreloginform a:hover {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:1.1em; 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:1.1em; text-align:center; line-height:24px; text-decoration:none; }
.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:left; padding:10px 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 3px 0}
.colleft500px .blocdetexte p { font-size:1.25em; padding:0 0 20px 0}
.colleft500px .blocdetexte a { color:#000; background-color:inherit; text-decoration:underline;}
.colleft500px .text_fiche{ font-size:0.91em; color:#4c4c4c; font-family:Verdana, Arial, Helvetica, sans-serif; }

/* ********************** */
/*     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 3px 0; padding:12px 0 0 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:60px; left:50%; margin-left:-484px; width:968px;  z-index:5002}

/* previsu projet*/
.box_previsu {  padding:10px; text-align:left; margin:0 auto;  position:relative; background:#FFFFFF; height:580px; overflow:auto; }
.box_previsu p.fermer {padding-top:10px}
.box_previsu 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;}
.box_previsu p.fermer a { margin-right:7px}
.box_previsu  p.fermer a:hover { text-decoration:underline}
.calage_previsu { width:380px; height:70px; } 

.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  {top:19px; right: 20px; position:absolute;}

.steppingbar .etapestep li { float:left; font-size:0.91em; text-align:center; margin-right:5px; width:83px; }
.steppingbar .etapestep li a{text-decoration:none; display:block; color:#4C4C4C; width:67px; padding:0 8px; padding-top:40px; }
.steppingbar .etapestep li.active1 a,
.steppingbar .etapestep li.active2 a,
.steppingbar .etapestep li.active3 a,
.steppingbar .etapestep li.active4 a{
color:#ff2222;
}

.steppingbar .etapestep li.no{padding:40px 8px 0; height:30px;  width:67px; display:block; color:#4c4c4c; background-color:#FFFFFF; } 

.steppingbar .etapestep li.active1,
.steppingbar .etapestep li.etape1 a:hover { display:block; background:url(../images/step1_act.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/step2_act.gif) no-repeat; color:#ff2222; background-color:#FFFFFF }
.steppingbar .etapestep li.active3,
.steppingbar .etapestep li.etape3 a:hover { display:block; background:url(../images/step3_act.gif) no-repeat; color:#ff2222; background-color:#FFFFFF }
.steppingbar .etapestep li.active4,
.steppingbar .etapestep li.etape4 a:hover { display:block; background:url(../images/step4_act.gif) no-repeat; color:#ff2222; background-color:#FFFFFF }
.steppingbar .etapestep li.etape1 { display:block; background:url(../images/step1.gif) no-repeat;  }
.steppingbar .etapestep li.etape2 { display:block; background:url(../images/step2.gif) no-repeat;  }
.steppingbar .etapestep li.etape3 { display:block; background:url(../images/step3.gif) no-repeat;  }
.steppingbar .etapestep li.etape4 { display:block; background:url(../images/step4.gif) no-repeat;  }

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

.retourPerso a{padding-left:5px; color:#FF0000; font-weight:bold; text-decoration:none;}
.retourPerso a:hover {text-decoration:underline;}

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

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

.formprojetblock .lignefield .chgt_image { color:#000000; width:620px; float:left; }
.formprojetblock .lignefield .chgt_image p.infoFile {margin-top:20px; color:#B2B2B2; font-style:italic; font-size:2em; font-weight:bold; }

.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:#3E3E3E; padding:0 0 10px 0}
.bloctextesoumission .btnok,
.formprojetblock .lignebtnenvoie .btnok { width:241px; height:59px; background:#fff url(../images/btn_valider_etape.gif) no-repeat 0 0; border:none; color:#000000; font-weight:bold; margin-bottom:13px; }
.formprojetblock .lignebtnenvoie img.submit_disabled {display:block; width:241px; height:59px; margin-bottom:13px; }
.formprojetblock .lignebtnenvoie .btncreer { display:block; width:312px; height:75px; background:#fff url(../images/btn_creer_projet.gif) no-repeat 0 0; border:none; color:#000000; font-weight:bold; }
p.txtSoumettre {color:#FFFFFF; text-align:left; font-size:11px; }

.formprojetblock .lignebtnenvoie .btn_right { float:right; width:312px; text-align:center; } 
.formprojetblock .lignebtnenvoie .btn_right a { color:#FFFFFF; text-decoration:none; }
.formprojetblock .lignebtnenvoie .btn_right a:hover { text-decoration:underline; }

.formprojetblock .lignebtnenvoie .btn_right2 { float:right; width:241px; text-align:center; } 
.formprojetblock .lignebtnenvoie .btn_right2 a { color:#FFFFFF; text-decoration:none; }
.formprojetblock .lignebtnenvoie .btn_right2 a:hover { text-decoration:underline; }


.bloctextesoumission .btnok{font-size:1.16em;}
.formprojetblock .lignebtnenvoie .btnok,
.formprojetblock .lignebtnenvoie .btncreer{font-size:1.28em; cursor:pointer; }
.formprojetblock .lignebtnenvoie { padding:18px; background:#FF0000; margin-top:20px;}
.formprojetblock .lignebtnenvoie a.sup_proj,
.formprojetblock .lignebtnenvoie a.record_proj,
.formprojetblock .lignebtnenvoie a.record_proj_suiv,
.formprojetblock .lignebtnenvoie a.previsu_proj { display:block; float:left; text-decoration:none; text-align:center; padding-top:8px; font-weight:bold; font-size:1.3em; }
.formprojetblock .lignebtnenvoie a.record_proj { background:url(../images/btn_record_previsu.gif) no-repeat; width:151px; height:35px; color:#000000; }
.formprojetblock .lignebtnenvoie a.record_proj_suiv { background:url(../images/btn_record_suiv.gif) no-repeat; width:151px; height:77px; color:#000000; }
.formprojetblock .lignebtnenvoie a.previsu_proj { background:url(../images/btn_record_previsu.gif) no-repeat;  margin-right:303px; width:151px; height:35px; color:#000000; }


/* 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 }

/* confirm soumission*/
.confirm_soumission { font-size:1.25em;}
.confirm_soumission h1 {font-size:1.2em; margin:30px 0 14px 0;}
.confirm_soumission .coord_ma {margin:5px 0 30px 0; line-height:20px; }
.confirm_soumission .coord_ma a{color:#FF0000; text-decoration:none;}
.confirm_soumission .coord_ma a:hover{text-decoration:underline;}
.confirm_soumission .lignebtnenvoie { padding:18px; background:#FF0000; margin-top:60px;}
.confirm_soumission .lignebtnenvoie .btn_right2 { float:right; width:241px; text-align:center; } 
.confirm_soumission .lignebtnenvoie .btn_right2 a { color:#FFFFFF; text-decoration:none; font-size:13px;}
.confirm_soumission .lignebtnenvoie .btn_right2 a:hover { text-decoration:underline; }


/* 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{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:1.16em; padding:0 0 2px 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; 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 8px;background:url(../images/gallery_tooltip.png) no-repeat left bottom;}
.gallerytooltip .content ul { width:170px;  padding:0 0 5px 10px;  }
.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; }


/* *************************/
/*    gabarit EDITO        */
/* *************************/

h3.sstitre_edito{ font-size:18px; margin-top:45px; }
h2.titre_edito { font-size:24px; color:#FF0000; margin-top:25px; margin-bottom:30px; width:860px; padding:20px 20px 13px; background:url(../images/bg_titre_edito_03.jpg) no-repeat top; background-color:#E4E4E4;}
h2.titre_edito span { color:#FFFFFF; padding-left:6px; padding-right:10px; font-size:35px; font-weight:bold; }

.edito .info a{ color:#FF0000; text-decoration:none; }
.edito .info a:hover { text-decoration:underline; }

.edito .bloc_fich_proj_edito, .edito .bloc_coretext { font-family:Verdana, Arial, Helvetica, sans-serif; color:#4C4C4C; font-size:11.5px; margin-bottom:30px; }
.edito .bloc_fich_proj_edito .title_lien{ margin-bottom:10px; }
.edito .bloc_coretext h2{ color:#000000; font-size:18px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif;}
.edito .bloc_lien_int { margin-top:15px; }
.edito .bloc_lien_int a{ color:#FF0000; text-decoration:none; }
.edito .bloc_lien_int a:hover { text-decoration:underline; }

.edito .bloc_corefiles { margin-top:15px; }
.edito .bloc_corefiles a{ color:#FF0000; text-decoration:none; }
.edito .bloc_corefiles a:hover { text-decoration:underline; }


 
.bloc_projet { margin-bottom:18px; }
.bloc_projet .boxphoto,
.bloc_projet .info_fiche { float:left; }
.bloc_projet .boxphoto {width:223px; margin-right:2px; }
.bloc_projet .info_fiche { padding:10px; width:205px; background:#404040; height:149px; }
/*.bloc_projet .boxphoto img{ width:208px; height:157px; }*/

a.lien_fiche{ display:block; float:right; width:225px; font-weight:normal; text-decoration:none; color:#FF0000; padding-top:5px;}
a.lien_fiche:hover { text-decoration:underline; }
*+html a.lien_fiche{font-size:12px;}

a.title_fiche{ display:block; float:left; width:600px; font-size:18px; font-weight:bold; text-decoration:none; color:#FF0000; font-family:Arial, Helvetica, sans-serif;}
a.title_fiche:hover { text-decoration:underline; }

.info_fiche { color:#FFFFFF; font-size:0.81em; }
.info_fiche ul { padding-bottom:5px; }
.info_fiche ul.ma { color:#FFFFFF; }
.info_fiche ul.theme { color:#FF0000; }
.info_fiche ul.theme a,
.info_fiche ul.ma a { color:#FF0000; text-decoration:none; }
.info_fiche ul.theme a:hover,
.info_fiche ul.ma a:hover { text-decoration:underline; }

/* *************************************** /
/* bloc edito (accueil et edito précédent */
/* ****************************************/

.bloc_edito { /*background:url(../images/bg_bloc_edito.jpg) no-repeat top #E4E4E4;*/ width:900px; min-height:169px; /*padding:18px 20px 25px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; /*color:#4C4C4C;*/ }
.mois_edito { }

.bloc_edito h2 { font-size:25px; font-family:Arial, Helvetica, sans-serif; }
.bloc_edito h2 a {font-size:25px; color:#FF0000; text-decoration:none; line-height:25px;}
.bloc_edito h2 a:hover {text-decoration:underline;}
.bloc_edito .themeEdito { color:#FFFFFF; font-size:35px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; /*margin-bottom:3px;*/}
.bloc_edito .themeEdito span{ margin-left:-4px; }
.bloc_edito .boxphoto{ float:left; margin-right:2px; }
.bloc_edito .presentation_edito { float:left; width:191px; margin-right:2px; padding:14px 14px 13px 20px; min-height:142px; background:url(../images/fond_titre_edito.jpg) no-repeat top; background-color:#E4E4E4;}
.bloc_edito .fin { margin-right:0px; }
/*.bloc_edito .boxphoto img{ width:208px; height:157px; }*/
.bloc_edito p {font-size:11.5px; }

.bloc_edito p a { color:#FF0000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.bloc_edito p a:hover { text-decoration:underline; }

.sep_edit_abon { height:2px; background:#FFFFFF; line-height:0px; font-size:0px; }


/* ****************/
/* ARCHIVES EDITO */
/* ****************/

h3.titre_archives{ font-size:1.5em; margin-top:45px; }
.archives { margin-bottom:30px; }
.nav_archives { padding:0 0 6px 0; }
.pagination_vide{height:30px;}

/* *****************/
/* bloc abonnement */
/* *****************/
.bloc_abonnement { position:relative; background:#E4E4E4; padding:20px 24px 14px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:20px; }
*+html .bloc_abonnement {padding-bottom:8px; }
.bloc_abonnement .form_li { width:600px; float:left;}
.bloc_abonnement form { width:600px; float:left; }
.bloc_abonnement a{ display:block; background:url(../images/arrow_archives.gif) no-repeat center right; position:absolute; bottom:18px; right:24px; font-size:16px; color:#FF0000; font-weight:bold; padding-right:16px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
.bloc_abonnement a:hover { text-decoration:underline; }
.bloc_abonnement label { color:#404040; margin-right:8px; font-size:0.91em;}
.bloc_abonnement .ftext { border:1px solid #cccccc; width:240px; padding:4px; color:#4C4C4C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11.5px; margin-right:10px;  /*vertical-align:middle;*/}

.bloc_abonnement p.formmail { display:inline; float:left; }
.bloc_abonnement p.formmail span.required {display:none;}
.bloc_abonnement p.formmail label{color:#404040; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.bloc_abonnement input#submit {/*vertical-align:bottom;*/ border:none; background:url(../images/bg_btn_abonne.jpg); width:96px; height:24px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11.5px; cursor:pointer; }
.bloc_abonnement .msg { color:#404040; font-size:0.91em; padding-bottom:10px;}
.bloc_abonnement .haut_bloc {padding-bottom:10px; }

/* IE6*/
*html .bloc_abonnement p.liuser_email_ { display:inline; float:left; width:360px; }
*html .bloc_abonnement p.submit { display:inline; float:left; width:80px; padding-top:4px; }

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.bloc_abonnement a {bottom: 20px;}
	.bloc_abonnement p.submit{padding-top:3px;}
}



/* ******************************** */
/* nouveau formulaire de soumission */
/* **********************************/

.form_identification, .form_inscription { width:305px; float:left; }
.form_identification { margin-right:65px; }
.form_identification h2, .form_inscription h2 { font-size:1.2em; color:#FF0000; } 
.form_identification .bloc_coretext .info, .form_inscription .bloc_coretext .info{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.81em; color:#4C4C4C;}
.form_identification .forgetpass { font-style:italic; }

.bloctextesoumission .bloc_coreloginform { padding:15px 0 10px; } 
.bloc_coreloginform .left label { display:inline; float:left; width:140px; }
.bloc_coreloginform .left label span {display:none;}
.bloc_coreloginform .left input { width:154px; margin-left:4px; }
.bloc_coreloginform .left p { margin-bottom:8px; }
.bloc_coreloginform .right { text-align:right; margin-top:18px; }
.bloc_coreloginform .right .fsubmit { border:none; background:url(../images/btn_valider_big.gif) no-repeat; height:35px; width:163px; font-weight:bold; font-size:1em; cursor:pointer; }
.bloc_coreloginform .login_error { margin-bottom:8px; color:#FFFFFF; background:#FF0000; padding:3px; }
.bloc_coreloginform .bloc_lien_ext {display:none; } 

.bloctextesoumission .bloc_coreloginsubscr{ padding:15px 0 10px; } 
.bloc_coreloginsubscr label { display:inline; float:left; width:140px; }
.bloc_coreloginsubscr .ftext { width:154px; margin-left:4px; }
.bloc_coreloginsubscr .fr_check_ordre_ { margin:15px 0; clear:both; } 
.bloc_coreloginsubscr .captcha span {margin-left:4px; }
.captcha .ftext { display: block; }
.bloc_coreloginsubscr p { margin-bottom:8px; }
.bloc_coreloginsubscr .submit { text-align:right; margin-top:18px; }
.bloc_coreloginsubscr .submit input { border:none; background:url(../images/btn_valider_big.gif) no-repeat; height:35px; width:163px; font-weight:bold; font-size:1em; cursor:pointer; }
.bloc_coreloginsubscr .fr_check_ordre_ label { float:none; display:inline; }
.bloc_coreloginsubscr .fr_check_ordre_ input { margin-right:6px; }
.bloc_coreloginsubscr .msg, .login_msg { margin-bottom:8px; color:#FFFFFF; background:#FF0000; padding:3px; }

/* IE6 */
*html .bloc_coreloginform .left input { width:150px; margin-left:4px; }
*html .bloc_coreloginsubscr .ftext { width:150px; margin-left:4px; }

/****************************/
/*modification mot de passe */
/****************************/

.modif_pwd .bloc_coreloginsubscr .submit{width:298px;}
.modif_pwd .bloc_coreloginsubscr .submit input {font-size:1.2em; }

/* ***************/
/* espace perso  */
/*****************/


a.lien_modif_pwd { float:right; width:300px; color:#FF0000; font-weight:bold; font-size:0.7em; text-decoration:none; text-align:right; padding-top:2px; }
a.lien_modif_pwd:hover { text-decoration:underline;}
.instructions_pwd {margin-bottom:15px; }
h3.espace_perso { font-size:18px;; margin-top:45px; margin-bottom:20px; }
.bloc_coretitre h3 { font-size:18px; color:#FF0000; }
.fiches_en_cours { margin-bottom:35px; }
.bloc_fiches_en_cours, .bloc_fiches_soumises { margin:15px 0; background:#E4E4E4; }
.bloc_fiches_en_cours { padding:18px 20px; width:860px; }
.bloc_fiches_soumises { padding:17px 20px 15px; width:860px;}
a.new_projet { background:url(../images/btn_newprojet.gif) no-repeat; display:block; float:right; width:281px; height:21px; padding:8px 0 7px; text-align:center; text-decoration:none; color:#000000; font-weight:bold; font-size:1.3em; }

.item_cours { background:#FFFFFF; padding:10px; margin-bottom:1px; width:840px; }
.item_cours a { color:#FF0000; text-decoration:none; }
.item_cours a:hover { text-decoration:underline; }
.item_cours  h3{ color:#FF0000; font-size:18px; }
.item_cours h3 a { display:block; float:right; width:185px; margin-left:10px; padding-top:3px; color:#FF0000; font-size:11.5px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
.item_cours p { padding-bottom:10px; font-size:11.5px;}
.item_cours a { color:#FF0000; text-decoration:none; }
.item_cours a:hover { text-decoration:underline; }
.item_cours .action_fiche { color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11.5px;}

.item_soumis { background:#FFFFFF; padding:10px 15px 10px 10px; margin-bottom:1px; width:835px; }
.item_soumis a { color:#FF0000; text-decoration:none; }
.item_soumis a:hover { text-decoration:underline; }
.item_soumis .left { float:left; width:103px; margin-right:17px; }
.item_soumis .left img { width:103px; height:77px; }

.item_soumis .right { float:right; width:715px; }
.item_soumis .right p.adresse { padding-top:15px; }
.item_soumis  .right h3{ color:#FF0000; font-size:18px; }
.item_soumis .right h3 a { display:block; float:right; width:185px; margin-left:10px; padding-top:3px; color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11.5px; font-weight:normal; }


.navbarperso .pagenav { width:860px; height:20px; }
.navbarperso .haut {margin-bottom:13px;}
.navbarperso .bas {margin-top:17px;} 
.navbarperso .pagenav ul { height:25px; line-height:1.5em; float:right;}
.navbarperso .pagenav ul li { display:block; float:left; color:#4c4c4c; background-color:inherit;}
.navbarperso .pagenav ul li a {color:#4c4c4c; background-color:inherit; text-decoration:none;}
.navbarperso .pagenav ul li a:hover { text-decoration:underline;}

.navbarperso .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:#ff0000; background:#FFFFFF; margin:0 3px 0 3px;}
* html .navbarperso .pagenav ul li input.pagecourante { margin-top:0;}
.navbarperso .pagenav ul li.suivant a{ background:url(../images/perso_picto_suiv.gif) no-repeat 0 0; width:20px; height:20px; display:block; margin: 0 0 0 4px }
.navbarperso .pagenav ul li.suivant a:hover { background:url(../images/perso_picto_suiv_hover.gif) no-repeat 0 0;}
.navbarperso .pagenav ul li.precedent a{ background:url(../images/perso_picto_prec.gif) no-repeat 0 0; width:20px; height:20px; display:block; margin:0 2px 0 0}
.navbarperso .pagenav ul li.precedent a:hover { background:url(../images/perso_picto_prec_hover.gif) no-repeat 0 0;}
.navbarperso .pagenav ul li.suivant span, .navbarperso .pagenav ul li.precedent span{ display:none;}

.lien_a_droite { text-align: right; }
.lien_a_droite a { color: #FF0000; }

/* SWFUPLOAD */
.swfupload {vertical-align:top;}
div.fieldset span.legend {position: relative;background-color: #FFF;padding: 3px;top: -30px;font: 700 14px Arial, Helvetica, sans-serif;	color: #73b304;}
div.flash {width:610px;}
.progressWrapper {overflow:hidden;}
.progressContainer {margin-bottom:10px;height:62px;overflow: hidden; position:relative;}


/* MESSAGE */
/*.message {margin: 1em 0;padding: 10px 20px;border: solid 1px #FFDD99;background-color: #FFFFCC;	overflow: hidden;}*/

/* ERROR */
.red {background:#FFEBEB;}
.red .progressBarStatus {color:#CC0000;}

/* CURRENT 
.green {border: solid 1px #DDF0DD;background-color: #EBFFEB;}*/

/* COMPLETE 
.blue {border: solid 1px #CEE2F2;background-color: #F0F5FF;}*/

.progressName {float:right;font-size:14px;font-family:Arial;font-weight:bold;color:#000;width:518px;height:62px;line-height:62px;text-align:left;padding-left:15px;overflow:hidden;background:#E4E4E4;}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {font-size:0;width:0%;height:4px;background:#CC0000;margin-top:2px;position:absolute;top:50px;}
.progressBarComplete {width:595px;background-color:green;visibility: hidden;position:absolute;top:50px;}
.progressBarError {width:100%;background-color:#CC0000;visibility: hidden;}
.progressBarStatus {width:60px;height:60px;font-size:8px;font-family:Arial;text-align:left;float:left;border:1px solid #E7E8E8;background:#FFF;position:relative;}
.inprogress_name{width:518px;padding-left:15px}
.inprogress_status{display:none;}
.incomplete_name{}
.incomplete_status{}
.progressBarStatus img {position:absolute;bottom:0;right:0;}
a.progressCancel {font-size:10px;color:#fff;display:block;height:14px;width:14px;position:absolute;top:0px;right:10px;background:#CC0000;margin-top:10px;text-align:center}

#btnCancel { background:none; color:#FF0000; border:none; }
#divStatus { margin:15px 0px; color:#000000; font-size:1.4em; font-weight:bold; }

/**********************/
/* ETAPE 4 FORMULAIRE */
/**********************/
.imageBox_theImage {width:103px;height:77px;border:1px solid #E7E8E8;position:relative;margin-bottom:5px;}
.imageBox_theImage img {position:absolute;bottom:0;right:0;}
.imageBox,
.imageBoxHighlighted {float:left;padding:0 8px 0 7px;margin-top:15px;width:103px;height:105px;}
/*.step_5 .first {margin-left:0;}*/
.imageBox_theText {float:right;width:46px;}
a.edit {display:block;float:left;width:20px;height:19px;text-indent:-9999px;}
a.edit {background:url(../images/icon-editer.png) no-repeat 0 0;}
a.edit:hover {background:url(../images/icon-editer.png) no-repeat 0 -19px;}
a.edit:active {background:url(../images/icon-editer.png) no-repeat 0 -38px;}
a.delete {display:block;float:right;width:20px;height:19px;background:url(../images/icon-delete.png) no-repeat 0 0;text-indent:-9999px;}
a.delete:hover {background:url(../images/icon-delete.png) no-repeat 0 -19px;}
a.delete:active {background:url(../images/icon-delete.png) no-repeat 0 -38px;}
#insertionMarker {display:none;height:150px;position:absolute;width:6px;}
#insertionMarkerLine  {height:79px;width:6px;}
#insertionMarker img {float:left;}
#dragDropContent {display:none;opacity:0.4;position:absolute;z-index:10;}

.content_descImage { width:620px; float:left; }
.blocimage { width:620px; }
.descImage { margin-top:15px; display:none;}
.descImage p.nom_photo img {float:left; display:block; margin-right:30px; }
.descImage p.nom_photo { padding-bottom:20px; font-size:1.5em; font-weight:bold; }


.gestionDroit { background-color:#E4E4E4; color:#000000; width:600px; float:left; padding:10px 0 10px 20px; }
.gestionDroit h4{ margin-bottom:8px; font-size:1.16em; font-weight:normal; }
.gestionDroit .auteurPhoto { margin-bottom:30px; }
.gestionDroit .instructions_droits {margin-top:8px;}
.gestionDroit a{ color:#FF0000; text-decoration:none;}
.gestionDroit a:hover{ text-decoration:underline;}


/**********/
/* MEDIAS */
/**********/

.media_haut_gauche .media {margin-bottom:30px}
.media_bas_gauche .media {margin-top:30px;}
.media_haut_droite .media {margin-bottom:30px;text-align:right;width:100%}
.media_bas_droite .media {margin-top:30px;text-align:right;width:100%}
.media_haut_centre .media {margin-bottom:30px;text-align:center;width:100%}
.media_bas_centre .media {margin-top:30px;text-align:center;width:100%}

.media_haut_droite .media img { display: inline; }
.media_bas_droite .media img { display: inline; }
.media_haut_centre .media img { display: inline; }
.media_bas_centre .media img { display: inline; }

.media_gauche .media {float:left;}

.media_droite .media {float:right;}

.media_in_gauche .media {float:left; padding-right:20px; margin-bottom:20px }
.media_  .media{float:left; padding-right:20px; margin-bottom:20px }
.media_default  .media{float:left; padding-right:20px; margin-bottom:20px }
.media_in_droite .media {float:right; margin-left:10px; margin-bottom:10px }

.media_gauche .img_208_ .info {padding-left: 228px;}

.media_droite .img_208_ .info {padding-right: 228px;}

.media .legende{ margin-top:10px; }