@import url("wysiwyg.css");

/*SPECIAL*/
@import url("plan.css");
@import url("pagination.css");
@import url("affineur.css");
@import url("contact.css");
@import url("telechargement.css");
@import url("recherche.css");

/*MODULES*/
@import url("Module_news.css");
@import url("Module_organigramme.css");
@import url("Module_lexique.css");
@import url("Module_publication.css");
@import url("Module_siteu.css");
@import url("Module_marche.css");

/************************************************
GENERIQUE
*************************************************/
body, html, * {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:888;}
body {background:#c1dcf1 url('../images/bkg-repeat.jpg') repeat-x 0 0;}

/*DIV MISE EN FORME GABARIT*/
#conteneur {width:940px;margin:0 auto;}

/*BANDEAU*/
#conteneur #bandeau {height:143px;background:#e6f1f6 url('../images/bkg-repeat-bandeau.gif') repeat-x 0 0; position:relative}
#conteneur #bandeau img.logo {position:absolute; top:20px; left:0px;}
#conteneur #bandeau img.btnContact {position:absolute; top:0px; left:750px;}

/*MENU PRINCIPAL*/
#conteneur #menu {height:32px; width:940px;}
#conteneur #menu {overflow:hidden;}
#conteneur #menu ul {float:left; margin:0; padding:0; list-style:none; height:32px; float:right;padding:0 25px 0 0}
#conteneur #menu ul li {float:left;height:32px; margin:0 0 0 5px; text-align: center;}
#conteneur #menu a {float:left; text-decoration:none; padding-left:10px; background:url('../images/coin-gauche.gif') 0 -32px no-repeat;height:32px; cursor:pointer}
#conteneur #menu span {float:left; padding:5px 8px 5px 8px; background:url('../images/coin-droit.gif') 100% -32px no-repeat; color:#9fc520;height:32px;font-size:10px; font-weight:bold; text-transform:uppercase; width: 150px;}
#conteneur #menu a:hover, #conteneur #menu a:focus, #conteneur #menu a.select {background-position:0 -64px}
#conteneur #menu a:hover span, #conteneur #menu a:focus span, #conteneur #menu ul li a.select span {background-position:100% -64px; color:#fff;}
#conteneur #menu ul li ul{display: none;}

/*COLONNE DE GAUCHE*/
#conteneur #menuGauche {float:left;width:223px; padding:70px 0 0 20px;/*rajout postit*//*padding-top:50px;*/}
/*SPECIAL ACTUS HOME*/
#conteneur #menuGauche #actus {margin:0 0 20px 10px;width:180px; /*rajout postit*//*background:url(../images/postit.png) no-repeat 0 25px; height:215px;*/}
#conteneur #menuGauche #actus span {display:block;}
#conteneur #menuGauche #actus span.date {color:#2d585e;}
#conteneur #menuGauche #actus span.titre a {color:#FFF; text-transform:uppercase; font-size:14px; font-weight:bold;/*rajout postit*//*color:#888;margin:20px 10px 0 15px; display:block*/}
#conteneur #menuGauche #actus p {color:#FFF; font-size:12px;/*rajout postit*//*color:#888;margin:0 0 0 15px*/}
#conteneur #menuGauche #actus span.allActus {border-top:1px solid #a6c2e2;padding:5px 0; margin:5px 0;}
#conteneur #menuGauche #actus span.allActus a {text-transform:uppercase; color:#2d585e;font-size:10px;/*rajout postit*//*color:#888;margin:0 10px 0 15px;*/}

/*SOUS MENU DE GAUCHE*/
#conteneur #menuGauche #sousMenu {margin:0 0 20px 10px;width:180px;}
#conteneur #menuGauche #sousMenu ul {list-style:none;}
#conteneur #menuGauche #sousMenu ul li a span {text-transform:uppercase;font-size:12px;font-weight:bold; color:#FFF; display:block;border-bottom:1px solid #a6c2e2;padding:5px 0 5px 10px; margin:0}
#conteneur #menuGauche #sousMenu ul li a.select span, #conteneur #menuGauche #sousMenu ul li a:hover span {color:#4e4b45; background:url('../images/selecteur.png') no-repeat 0px 3px;/*ie6*/_background:none;}

#conteneur #menuGauche #sousMenu ul li ul {margin:0 0 20px 0}
#conteneur #menuGauche #sousMenu ul li ul li a span {text-transform:none;font-size:14px;font-weight:normal; padding:2px 0 2px 10px}
#conteneur #menuGauche #sousMenu ul li ul li a.select span, #conteneur #menuGauche #sousMenu ul li ul li a:hover span {background:#a8c4e3; color:#FFF}

#conteneur #menuGauche #sousMenu ul li ul li ul {margin:0}
#conteneur #menuGauche #sousMenu ul li ul li ul li a span {font-size:11px;margin-left:20px}
#conteneur #menuGauche #sousMenu ul li ul li ul li a.select span, #conteneur #menuGauche #sousMenu ul li ul li ul li a:hover span {color:#4e4b45; background:none; }

/*BLOC SEARCH*/
#conteneur #menuGauche #blocSearch {margin:0 0 10px 5px;position:relative; background:url('../images/bloc-search.png') no-repeat 0 0; width:176px; height:111px;
/*ie6*/_background:#c5d9ed; _border:5px solid #b5cce0;_width:176px;_height:50px;}
#conteneur #menuGauche #blocSearch form fieldset {position:absolute; top:30px; left:20px; border:none;
/*ie6*/_top:10px;_left:10px;}
#conteneur #menuGauche #blocSearch form fieldset input.champ {border:2px solid #cbcbcb;font-size:12px; padding:3px; width:100px}
#conteneur #menuGauche #blocSearch form fieldset input.submit {color:#88adcf; border:none; background:none; font-weight:bold; font-size:12px; cursor:pointer}
#conteneur #menuGauche #blocSearch form fieldset legend {visibility:hidden;
/*ie6*/_visibility:visible} 

/*BLOC VIDEO*/
#conteneur #menuGauche #blocVideo {margin:0 0 20px 0; position:relative;background:url('../images/bloc-video.png') no-repeat 0 0; width:190px; height:187px;
/*ie6*/_background:#c5d9ed; _border:5px solid #b5cce0;}
#conteneur #menuGauche #blocVideo object {position:absolute; top:40px; left:20px;}

/*PARTIE CENTRALE*/
#conteneur #central {float:left;width:687px;position:relative}

/*CHEMIN - FIL D'ARIANE*/
#conteneur #central #chemin {color:#a7d7e3; font-size:12px; padding:10px 0 10px 20px}
#conteneur #central #chemin a {color:#fff;font-size:12px;}
#conteneur #central #chemin a:hover {color:#a7d7e3;}

/*OUTILS ZOOM + - AMI PRINT FAVORIS*/
#conteneur #central #outilsZoom {position:absolute; top:50px; left:670px;
/*ie6*/_left:685px}
#conteneur #central #outilsZoom ul {display:inline;list-style-type: none;}
#conteneur #central #outilsZoom ul li {list-style-type: none;margin : 0;padding : 0;display:inline;background: none;}
#conteneur #central #outilsZoom ul li a {width:49px;height:44px;display:inline;float:left; margin:0 0 1px 0;}
#conteneur #central #outilsZoom ul li a img{border: none;}
#conteneur #central #outilsZoom ul li a span {display:none;}
#conteneur #central #outilsZoom ul li a img {border:none !important;}

a#zoomMoins {margin-right:5px;background: url('../images/zoomMoins.png') no-repeat 0 0;
/*ie6*/_background: url('../images/zoomMoins.gif') no-repeat 0 0;}
a#zoomPlus {background: url('../images/zoomPlus.png') no-repeat 0 0;
/*ie6*/_background: url('../images/zoomPlus.gif') no-repeat 0 0;}
a#zoomMoins:hover, a#zoomPlus:hover {background-position: 0 100%;}

#conteneur #central #outilsZoom ul li a#envoyerAmi {width:49px;}
a#envoyerAmi {margin-right:5px;margin-left:4px;background: url('../images/envoyerAmi.png') no-repeat 0;
/*ie6*/_background: url('../images/envoyerAmi.gif') no-repeat 0 0;}

a#imprimer {background: url('../images/imprimer.png') no-repeat 0 0;
/*ie6*/_background: url('../images/imprimer.gif') no-repeat 0 0;}
a#envoyerAmi:hover, a#imprimer:hover {background-position: 100% 0;}

a#favoris {background: url('../images/favoris.png') no-repeat 0 0;
/*ie6*/_background: url('../images/favoris.gif') no-repeat 0 0;}

/*info bulle*/	
a.tooltip em {display:none;}
a.tooltip:hover {border: 0;position: relative;z-index: 500;text-decoration:none;}
a.tooltip:hover em {font-style: normal;display: block;position: absolute;top: -20px;left: 10px;padding: 5px;color: #000;border: 1px solid #eee;background: #fff;width:100px;opacity: 0.7;filter:alpha(opacity=70); font-weight:bold; font-size:11px}

/*CONTENU PRINCIPAL*/
#conteneur #central div.box {clear: both;width: 677px;position: relative;}
#conteneur #central div.box div.top {width: 677px;height: 28px;clear: both;background: url('../images/contenu-haut.png') no-repeat top left; 
/*ie6*/_background:#fff; _border-top:5px solid #b5cce0; _border-left:5px solid #b5cce0; _border-right:5px solid #b5cce0;}
#conteneur #central div.box div.bottom {width: 677px;height: 54px;clear: both;background: url('../images/contenu-bas.png') no-repeat top left; 
/*ie6*/_background:#fff; _border-bottom:5px solid #b5cce0; _border-left:5px solid #b5cce0; _border-right:5px solid #b5cce0;margin:0 0 10px 0}
#conteneur #central div.box div.middle {width: 677px;height: auto; min-height:300px;clear: both;background: url('../images/contenu-repeat.png') repeat-y top left;
/*ie6*/_background:#fff; _border-left:5px solid #b5cce0; _border-right:5px solid #b5cce0;}	
#conteneur #central div.box div.middle div#article{width:620px; padding:0 10px 0 30px}

/*BAS DE PAGE*/
#conteneur #footer {height:20px;clear:both; padding-left:250px; color:#FFF; font-size:12px}
#conteneur #footer a {color:#FFF;font-size:12px}
#conteneur #footer a:hover {text-decoration:underline;}
#conteneur #footer a.conception {margin-left:350px;}