@charset "UTF-8";
/*
== VERSION: ================================
* Filename: layout.css
* Version: 0.0 (03-2010)
* Navigator: ie6+ / ffox2+ / opera9+ / safari3+
* Website: http://www.signetis.com/
* Author: Leclercq Sébastien
* Modified : 03-2010 par SL
* Description: layout spécifique
*/

/* ************************************************ */
/*	MODIF FRAMEWORK POUR ADAPTATION			        */
/* ************************************************ */

.c3 {width:36%;}
.c3x2 {width:64%;}

/* ************************************************ */
/*	ELEMENTS GENERAUX			                   	*/
/* ************************************************ */

body{ background:url(../img/fond.jpg); overflow-x:hidden}
#preload {display:none}
#MAINPAGE{ position:relative; overflow:auto; width:950px; margin:auto; text-align:center; z-index:98; }
#HEADER{ height:150px; }
#FOOTER{ display:block; position:fixed; width:100%; height:50px;  bottom:0; z-index:100; left:0; }
#CONTENT{ height:auto; overflow:hidden; margin-top:0px; margin-left:5px; margin-bottom:70px;}

/* ********* */
/* ONGLETS */
/* ********* */
#ONGLETS {
    height:580px;
    position:fixed;
    width:100%;
    background-color:transparent;
    bottom:0px;
	left:0;
    z-index:99;
    margin-bottom:-487px;
	/*top:133px;*/
}
#ONGLETS #tabs { width:950px; margin:auto; background:url(../img/fondOnglet.png); background-position:top;}
#ONGLETS #tabs div.ongletContent {background-color: #FEFEFE; height:580px; background:none; }
#ONGLETS #tabs ul li.onglet {
    width:290px;
    height:40px;
    color:white;
}
#ONGLETS #tabs ul li.onglet a{font-size:12px; line-height:27px;}
#ONGLETS #tabs div.fermer{
    display:block;
    width:30px;
    height:30px;
    background-color: fuchsia;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}

#ONGLETS #ongletExt{ margin-left:-2px;}
#ONGLETS #ongletInt{ margin-left:-2px;}
#ONGLETS #ongletEven{ margin-left:-2px;} /*background-color: #4d9022; */
#ONGLETS #ongletFermer {
    cursor:pointer;
    display:block;
    height:20px;
    margin-top:20px;
    width:48px;
}
#ONGLETS .courant_ongletExt, #ONGLETS .courant_ongletInt, #ONGLETS .courant_ongletEven{ background:url(../img/bgOngActiv.png); background-repeat:no-repeat; background-position:0px 0px;}
#ONGLETS .courant_ongletExt{ margin-left:2px;}
#ONGLETS .courant_ongletInt{ margin-left:9px;}
#ONGLETS .courant_ongletEven{ margin-left:16px;}
#ONGLETS .courant_ongletEven a, #ONGLETS .courant_ongletInt a, #ONGLETS .courant_ongletExt a{ text-indent:10px; margin-top:4px;}
#ONGLETS #ongletExt a, #ONGLETS #ongletInt a, #ONGLETS #ongletEven a { text-align:left; text-indent:10px; margin-top:4px; font-size:14px;}
#ONGLETS .courant_ongletExt a{color:#51a728;}
#ONGLETS .courant_ongletInt a{color:#985084;}
#ONGLETS .courant_ongletEven a{color:#e67d00;}
#ONGLETS .courant_ongletExt a:HOVER{color:#51a728;}
#ONGLETS .courant_ongletInt a:HOVER{color:#985084;}
#ONGLETS .courant_ongletEven a:HOVER{color:#e67d00;}

#ONGLETS div.panneauTitre {display:block; width:92px; }
#ONGLETS div.panneauTitre h3{color:white; font-size:10px;width:82px;}
#ONGLETS div.panneauTitre table{margin-bottom:0px;}
#ONGLETS div.panneauTitre table td{ width:92px;  height:48px; text-align:center}
#ONGLETS #tabs-1 div.panneauTitre{background-color:#51a728;}#ONGLETS #tabs-1 h2{color:#51a728;}
#ONGLETS #tabs-2 div.panneauTitre{background-color:#985084;}#ONGLETS #tabs-2 h2{color:#985084;}
#ONGLETS #tabs-3 div.panneauTitre{background-color:#e67d00;}#ONGLETS #tabs-3 h2{color:#e67d00;}


#ONGLETS .panneauxVerticaux {
    margin-left:14px;
	margin-top:25px;
}
#ONGLETS .panneauxVerticaux li {
    display:block;
    position:relative;
    float:left;
    margin:10px 20px 0px 0px;
    cursor : pointer;
}

#ONGLETS div#tabs div.ongletContent div.c3 ul.contenuTexte {
    padding:65px 40px 40px 10px;
	text-align:right;
	width:300px;
	margin-left:-5px;
	font-size:12px;
}
#ONGLETS ul.contenuTexte h2{
	text-align:right;
}
#ONGLETS ul#diaporamas li {
    background:url(../img/fondDiapo.png);
    background-repeat:no-repeat;
    display:none;
    height:360px;
    left:341px;
    position:absolute;
    top:1500px;
    width:580px;
}
#ONGLETS div#photos1 {
    width:500px;
    height:300px;
}
#ONGLETS ul#diaporamas p{display:block;color:#FFF; font-size:14px; margin-top:10px;}
#diaporama_main{background:none; border:0px; width:250px; top:13px; left:11px;}
/* #diaporama_main img{margin-left:-60px;} */
#diaporama_main .nav-next_diaporama_main{display:none}
#diaporama_main .nav-prev_diaporama_main{display:none}
#diaporama_main .nav-overlay_diaporama_main{display:none}
 /* ****************************************************** */
.inside{ border:0px solid #666;  padding:1em; }
/* code couleur thématique SIGNETIS */
.colorDef{color:#3d4852;}.colorDefBg{background-color:#3d4852;}
.colorExt{color:#51a728;}.colorExtBg{background-color:#51a728;}
.colorInt{color:#985084;}.colorIntBg{background-color:#985084;}
.colorEve{color:#e67d00;}.colorEveBg{background-color:#e67d00;}

/* ************************************************ */
/*	ZONES					                     	*/
/* ************************************************ */
.logoTop { position:absolute; width:305px; height:95px; background:url(../img/logo.png); top:0px; margin-top:25px; margin-left:20px; }

/* MENU TOP */
#HEADER .menuTop { width:100%; height:35px; }
#HEADER .menuTop ul { display:block; margin-right:20px; }
#HEADER .menuTop ul li {  float:right; width:90px; height:35px; margin-left:5px; text-align:center; opacity:0.5;}
#HEADER .menuTop ul li a{ display:block; width:90px; height:35px; background-color:#4c575f; line-height:30px;  background:url(../img/bgOngHaut.png)}
#HEADER .menuTop ul li a:hover{}
#HEADER .menuTop ul li.courant {opacity:1}

/* FOOTER */
#FOOTER .acc{ height:20px; background-color:#333; z-index:100;}
#FOOTER .barre{ height:20px; background-color:#333; z-index:100;}
#FOOTER .silhouettes{ height:60px; width:100%; background:url(../img/bgBottom.jpg);}

/* ACTUS/DIAPO ACTU -> liste page d'accueil + diapo*/
#CONTENT li.newsListe .inside{ }
#CONTENT li.newsListe ul li{ width:585px; height:110px; background:url(../img/newsListeBg.png);  margin-bottom:4px;}
#CONTENT li.diapoAcc .inside{ padding-left:0.3em; }
#CONTENT li.diapoAcc ul li{ width:100%; height:340px; background:url(../img/diapoAccBg.png); }

/* dans une news en mode liste... */
#CONTENT .newsPhoto, #CONTENT .newsDate, #CONTENT .newsTexte{ float:left; height:101px; margin-top:5px;}
#CONTENT .newsPhoto{ width:175px; margin-left:4px; /*-moz-border-radius: 7px 0px 0px 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color:#000 */}
#CONTENT .newsPhoto a{ display:block; width:100%; height:100%;}

#CONTENT .newsDate{ width:40px;}
#CONTENT .newsTexte{ width:359px;}
#CONTENT .newsPlus a{ float:left; width:16px; height:16px; margin-top:-18px; margin-left:563px;}
#CONTENT .newsTexte h3 a{display:block;font-size:14px; font-weight:bold; margin-top:0px;}

/* dans le texte descriptif de la news en mode liste... */
#CONTENT .newsTexte .theme, #CONTENT .newsTexte h3, #CONTENT .newsTexte p{ margin-left:10px;}
#CONTENT .newsTexte .theme{ display:block; margin-top:7px; }

/* pagination des news */
div.pagination_spip {
    float:right;
    margin-right:20px;
}

/* PAGE DETAILS D'UNE NEWS (PAGE ARTICLE) */
#CONTENT li.pageNews .inside { }
#CONTENT li.pageNews ul li{ width:585px; height:340px; background:url(../img/fondUneActu.png); }
#CONTENT .uneNewsPhoto {
    width:220px;
    height:487px;
    background-repeat:no-repeat;
    background-position: 3px 3px;
    float:left;
}

#CONTENT div.uneNewsDetail{float:left; width:90px; overflow:auto hidden; padding-bottom:7px; top:15px; margin-top:25px; margin-bottom:10px;}
#CONTENT .uneNewsDate {
    float:left;
}
#CONTENT .evenementielle, #CONTENT .interieure, #CONTENT .exterieure, #CONTENT .autre {
    float:left;
    width:28px;
    height:35px;
    margin-top:5px;
}
#CONTENT .evenementielle { background-position:0px -59px; }
#CONTENT .interieure { background-position:0px -91px; }
#CONTENT .exterieure { background-position:0px -122px; }
#CONTENT .newsPuceRetour {
    position:absolute;
    width:30px;
    height:30px;
    background-color:red;
	margin-top:8px;
	margin-left:238px;
	background:url(../img/puceFermer.jpg)
}
#CONTENT .newsPuceRetour a {
    display:block;
    width:100%;
    height:100%;
}
#CONTENT .pageNews .textNews{ float:left; width:310px;}
#CONTENT .pageNews h3{ margin-left:15px; float:left; margin-top:10px;width:310px;}
#CONTENT .pageNews p{float:left; margin-left:15px; width:310px; line-height:1.4em;}

/* PAGE RUBRIQUE */
#CONTENT .pageRubrique {
    background:url(../img/fondRub.png);
	background-position:left center;
	background-repeat:no-repeat;
    width:100%;
    height:485px;
    width:950px;
	margin-top:6px;
}
#CONTENT .pageRubrique h1{	margin-top:15px;	margin-left:20px;}
#CONTENT .pageRubrique ul.menuRub {margin-left:20px; width:910px; background-color:#333; display:block; float:left; height:30px;}
#CONTENT .pageRubrique ul.menuRub li{float:left; display:block; padding-left:10px; padding-right:10px; height:30px; line-height:30px; color:#FFF}
#CONTENT .pageRubrique ul.menuRub li a{color:#FFF}
#CONTENT .pageRubrique .mod1{width:380px; float:left; margin-left:40px; margin-top:20px; text-align:left;}
#CONTENT .pageRubrique .mod5{width:230px; float:left; margin-left:40px; margin-top:20px; text-align:left;}
#CONTENT .pageRubrique .mod1 ul,#CONTENT .pageRubrique .mod5 ul{margin-top:10px;}
#CONTENT .pageRubrique .mod1 li,#CONTENT .pageRubrique .mod5 li{list-style:square; margin-left:15px; font-size:11px; line-height:15px;}
#CONTENT .pageRubrique .imgMod1{ width:480px; height:340px; float:left; margin-left:20px; margin-top:20px;}
#CONTENT .pageRubrique .imgMod5{ width:630px; height:340px; float:left; margin-left:20px; margin-top:20px;}

#CONTENT .pageRubrique ul.mod2 li .inside,#CONTENT .pageRubrique ul.mod3 li .inside{ margin-left:10px; line-height:15px; font-size:11px}
#CONTENT .pageRubrique ul.mod2 li .inside span.tit{display:block; margin-top:10px;font-size:14px; font-weight:bold; color:#000; width:100%; border-bottom:1px solid #CCC; padding-bottom:3px; margin-bottom:5px;}
#CONTENT .pageRubrique ul.mod3 li .inside{ margin-left:10px; line-height:15px; font-size:11px}
#CONTENT .pageRubrique ul.mod3 li .inside a{display:block; margin-top:10px;font-size:14px; font-weight:bold; color:#000; width:100%; margin-bottom:5px;}


/* ************************************************ */
/*	TYPOS SPECIF			                     	*/
/* ************************************************ */

/* MENU TOP */
.menuTop ul li a{ font-size:0.8em; color:#FFF; text-decoration:none;}

/* ACTU "theme" */
#CONTENT .newsTexte .theme{ font-size:12px; color:#999; line-height:1.4em;}
#CONTENT .newsTexte h3{ line-height:1.1em;}
#CONTENT .newsTexte h3 a{ text-decoration:none; }
#CONTENT .newsTexte p{ line-height:1.3em; }

/* ACTU DETAIL */
.textNews h3{ display:block; float:left; margin-bottom:15px; margin-top:30px;}


/* ************************************************ */
/*	SPRITES			               					*/
/* ************************************************ */
.sprites{ background:url(../img/sprites.png); background-repeat:no-repeat;}
/* puces */
.pucePlusDef{ background-position:0px 0px;}
.pucePlusExt{ background-position:0px -16px;}
.pucePlusInt{ background-position:0px -32px;}
.pucePlusEve{ background-position:0px -48px;}
/* ***************** */
/*  SPRITES AGENDA */
/* ***************** */
.spriteAgenda {display:block;background:url(../img/spriteAgenda.png); background-repeat:no-repeat;width:27px; margin-left:7px;}
.jour{height:15px; margin-top:7px;}
.mois{height:9px;margin-top:15px;}
.annee{height:8px;margin-top:0px;}

.j1{background-position:0px 0px;}
.j2{background-position:0px -20px;}
.j3{background-position:0px -40px;}
.j4{background-position:0px -60px;}
.j5{background-position:0px -80px;}
.j6{background-position:0px -100px;}
.j7{background-position:0px -120px;}
.j8{background-position:0px -140px;}
.j9{background-position:0px -160px;}
.j10{background-position:0px -180px;}
.j11{background-position:0px -200px;}
.j12{background-position:0px -220px;}
.j13{background-position:0px -240px;}
.j14{background-position:0px -260px;}
.j15{background-position:0px -280px;}
.j16{background-position:0px -300px;}
.j17{background-position:0px -320px;}
.j18{background-position:0px -340px;}
.j19{background-position:0px -360px;}
.j20{background-position:0px -380px;}
.j21{background-position:0px -400px;}
.j22{background-position:0px -420px;}
.j23{background-position:0px -440px;}
.j24{background-position:0px -460px;}
.j25{background-position:0px -480px;}
.j26{background-position:0px -500px;}
.j27{background-position:0px -520px;}
.j28{background-position:0px -540px;}
.j29{background-position:0px -560px;}
.j30{background-position:0px -580px;
}.j31{background-position:0px -600px;}

.m01{background-position:-50px 0px;}.m02{background-position:-50px -20px;}.m03{background-position:-50px -40px;}.m04{background-position:-50px -60px;}.m05{background-position:-50px -80px;}.m06{background-position:-50px -100px;}
.m07{background-position:-50px -120px;}.m08{background-position:-50px -140px;}.m09{background-position:-50px -160px;}.m10{background-position:-50px -180px;}.m11{background-position:-50px -200px;}.m12{background-position:-50px -220px;}

.a2010{background-position:-100px 0px;}.a2011{background-position:-100px -20px;}.a2012{background-position:-100px -40px;}.a2013{background-position:-100px -60px;}.a2014{background-position:-100px -80px;}.a2015{background-position:-100px -100px;}
.a2016{background-position:-100px -120px;}.a2017{background-position:-100px -140px;}.a2018{background-position:-100px -160px;}.a2019{background-position:-100px -180px;}.a2020{background-position:-100px -200px;}


/* silhouettes */
.newsDate .puceExt,.newsDate .puceInt,.newsDate .puceEve,.newsDate .puceDef {margin-top:15px; margin-left:7px;}
.uneNewsDetail .puceExt,.uneNewsDetail .puceInt,.uneNewsDetail .puceEve,.uneNewsDetail .puceDef {margin-top:10px; margin-left:10px;}


.puceExt{float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-30px -125px; border-right:1px solid #FFF; padding-right:5px;}
.puceInt{float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-30px -94px; border-right:1px solid #FFF; padding-right:5px;}
.puceEve{float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-30px -64px; border-right:1px solid #FFF; padding-right:5px;}
.puceDef{float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-1000px -1000px; border-right:1px solid #FFF; padding-right:5px;}

li#ongletExt div.puce{margin-top:9px; margin-left:20px;float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-30px -125px; border-right:1px solid #FFF; padding-right:5px;}
li#ongletInt div.puce{margin-top:9px; margin-left:20px;float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-30px -94px; border-right:1px solid #FFF; padding-right:5px;}
li#ongletEven div.puce{margin-top:9px; margin-left:20px;float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-30px -64px; border-right:1px solid #FFF; padding-right:5px;}
#ONGLETS .courant_ongletExt div.puce{margin-top:7px; margin-left:20px;float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-0px -125px; border-right:1px solid #51a728; padding-right:5px;}
#ONGLETS .courant_ongletInt div.puce{margin-top:7px; margin-left:20px;float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-0px -94px; border-right:1px solid #985084; padding-right:5px;}
#ONGLETS .courant_ongletEven div.puce{margin-top:7px; margin-left:20px;float:left; width:28px; height:28px; background:url(../img/sprites.png); background-position:-0px -64px; border-right:1px solid #e67d00; padding-right:5px;}

ul.formulaire {
    display:block;
    margin:30px 40px 0px 70px;
}
ul.formulaire li {
    display:block;
    margin-bottom: 0px;
    text-align: left;
    height:30px;
}
ul.formulaire li#envoyer input{
    margin:90px 0px 0px 110px;
    width:257px;
}
ul.formulaire li label {
    display:block;
    float:left;
    width:110px;
    line-height:30px;
}
ul.formulaire li input {
    display:block;
    float:left;
    width:250px;
}
ul.formulaire li textarea {
    width:250px;
    height:108px;
}
ul.formulaire li.message_erreur {
    text-align: center;
    background-color: red;
    color:white;
    height:20px;
    line-height:20px;
    width:366px;
    margin-top:92px;
}
label.erreur_champs {color:red}
div.message_retour {
    text-align: center;
    margin-top:110px;
}
div#carte1, div#carte2 {
    display:block;
    float:left;
    width:305px;
    height:340px;
    border:2px solid #CCCCCC;
}
div#carte1 {
    margin-right: 10px;
}
.retour{display:block; position:absolute; margin-top:-20px; color:#333; margin-left:20px;}
















#MAINPAGE{position:relative; width:960px; margin:auto; text-align:left;} /* Taille de la page */