@charset "iso-8859-1";
/* IMPORTATION DU FICHIER CSS D'ALTITUDE */
@import url("/client/uploads/css/style.css");

/* IMPORTATION DES STYLES DU CALENDRIER */
@import url("/_css/calendrier.css");

/*************************/
/* SÉLECTEURS UNIVERSELS */
/*************************/

html,body {
	margin:0;
	padding:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000;
	background-color:#FFF;
}

.clear{
	clear: both;
}

/********************/
/* BLOCS PRINCIPAUX */
/********************/

div#wrapwebsite {
	position:relative;
	width:880px;
	margin:auto;
	margin-top:15px;
	text-align:left;
	background-color:#FFF;
}

/* HEADER */

div#wrapheader div#topheader {
	height:89px;
	background-image:url(/_images/bkg_header_feuilles.png);
	background-repeat:no-repeat;
	background-position:230px 0;
}

div#wrapheader div#topheader p {
	text-align:right;
	height:89px;
}

div#wrapheader div#topheader p span {
	display:block;
	padding-top:50px;
	font-size:1.4em;
	text-transform:uppercase;
	color:#007457;
}

div#wrapheader div#topheader p span span {
	display:inline;
	padding:0;
	font-size:1em;
	color:#b2c33a;
}

div#wrapheader div#topheader p img {
	float:left;
	margin-top:24px;
}

div#wrapheader div#midheader {
	height:315px;
	background-color:#000;
}

div#midheader img {
	display:block;
	margin:0;
}

div#midheader div#leftmidheader {
	float:left;
	width:548px;
	padding-bottom:21px;
	background-color:#007457;
	border-right:3px solid #FFF;
}

div#midheader div#leftmidheader img {
	border-bottom:3px solid #FFF;
}

div#midheader div#rightmidheader {
	float:right;
	background-image:url(/_images/bkg_header_separateur.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#B2C33A;
	border-bottom:3px solid #FFF;
}

div#midheader div#rightmidheader img#prim_head_1 {
	border-bottom:3px solid #FFF;
}

div#midheader div#rightmidheader img#prim_head_2 {
	margin-left:auto;
	margin-right:0;
	border-left:3px solid #FFF;
}

/* MENU HAUT */

div#wrapheader ul#menuhaut {
	list-style-type:none;
	margin:0;
	padding:0;
	height:26px;
	margin-bottom:3px;
	background-color:#FFF;
	border-top:3px solid #B2C33A;
}

div#wrapheader ul#menuhaut li {
	float:left;
	position:relative;
	z-index:4;
	border-left:1px solid #FFF;
	background-color:#000;
	text-align:center;
}

div#wrapheader ul#menuhaut li.premier {
	border:none;
}

div#wrapheader ul#menuhaut li.premier a {
	padding-left:7px;
}

div#wrapheader ul#menuhaut li a {
	background-color:#000;
	color:#FFF;
	display:block;
	text-decoration:none;
	width:163px;
	padding:6px;
}

div#wrapheader ul#menuhaut li a:link {
	background-color:#000;
}

div#wrapheader ul#menuhaut li a:visited {
	background-color:#000;
}

div#wrapheader ul#menuhaut li a:hover {
	background-color:#007457;
}

div#wrapheader ul#menuhaut li.allume a {
	background-color:#007457;
}

/* Pour IE6 ... */

div#wrapheader ul#menuhaut li.allume a:link {
	background-color:#007457;
}

div#wrapheader ul#menuhaut li.allume a:visited {
	background-color:#007457;
}

div#wrapheader ul#menuhaut li.allume a:hover {
	background-color:#007457;
}

div#wrapheader ul#menuhaut li.allume a:active {
	background-color:#007457;
}


/* SOUS MENU HAUT */

div#wrapheader ul#menuhaut li ul.sousmenu {
	list-style-type:none;
	position:absolute;
	top:100%;
	left:0;
	visibility:hidden;
	margin:0;
	padding:0;
	/*opacity:0.9;
	filter:alpha(opacity=90);*/
}

div#wrapheader ul#menuhaut li ul.sousmenu li {
	display:inline;
	float:none;
	font-size:1em;
	border:none;
}

div#wrapheader ul#menuhaut li ul.sousmenu li a {
	display:block;
	width:164px;
	padding:10px 6px;
	background-color:#FFF;
	color:#000;
	border-bottom:1px solid #C6C5C6;
}

div#wrapheader ul#menuhaut li ul.sousmenu li a:link {
	background-color:#FFF;
}

div#wrapheader ul#menuhaut li ul.sousmenu li a:visited {
	background-color:#FFF;
}

div#wrapheader ul#menuhaut li ul.sousmenu li a:hover {
	background-color:#ECF0CE;
}

/* ZONE DE GAUCHE / MENU GAUCHE */

div#wrapleftpanel {
	width:197px;
	margin-right:3px;
	float:left;
	padding-bottom:190px;
	background-color:#007457;
	background-image:url(/_images/bkg_menugauche.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

div#wrapleftpanel ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div#wrapleftpanel p {
	margin:0;
	padding:3px 0 3px 27px;
	color:#007457;
	font-size:1.5em;
	letter-spacing:-1px;
	background-color:#B2C33A;
}

div#wrapleftpanel a {
	display:block;
	color:#FFF;
	text-decoration:none;
	background-color:#007457;
	padding:7px 0 7px 27px;
	margin-bottom:2px;
	font-size:1em;
	width:170px;
}

div#wrapleftpanel ul#listesoussections_menugauche {
	background-color:#007457;
}

ul#listesoussections_menugauche ul {
	background-color:#409781;
}

ul#listesoussections_menugauche ul li {
	display:inline;
}

ul#listesoussections_menugauche li p {
	text-transform:uppercase;
	font-weight:bold;
	padding:0;
	font-size:1em;
}

ul#listesoussections_menugauche li#listefiches_menugauche a {
	background-color:#409781;
}

ul#listesoussections_menugauche li#listefiches_menugauche li.allume a {
	background-color:#4CAF96;
}

ul#listesoussections_menugauche li#listefiches_menugauche {
	background-color:#409781;
}

/* Menu bas */

ul#menubas {
	margin:0px 0px 5px 0px;
}

ul#menubas li {
	display:inline;
	margin:0px 5px;
}

ul#menubas li a {
	font-size:0.9em;
	color:#007457;
	display:inline;
	margin:5px;
}

/* CONTENU */

div#wrapwebsite div#wrapcontent {
	background-color:#B2C33A;
	width:680px;
	float:right;
}

div#wrapwebsite div#accueil div#wrapcontent {
	padding:13px;
	background-color:#B2C33A;
	width:854px;
	float:none;
}

/* FOOTER */

div#wrapfooter {
	margin:0;
	text-align:center;
}

div#wrapfooter p {
	margin:0 auto;
	color:#007457;
	font-size:0.8em;
	margin-bottom:12px;
}

div#wrapfooter p.premier {
	border-bottom:1px solid #b2c33a;
	padding-bottom:2px;
	margin-bottom:2px;
	width:330px;
	font-size:1em;
}

/***************************/
/* TEXTES, LISTES ET LIENS */
/***************************/

/* GÉNÉRAL */

div#wrapcontent div.texte h1 {
	display:block;
	font-size:1.4em;
	margin-top:0;
	color:#FFF;
}

div#wrapcontent h2 {
	color:#FFF;
	font-size:2.2em;
	font-weight:normal;
	margin:0 13px 20px 0px;
}

div#wrapcontent div.texte {
	padding:15px;
}

div#wrapcontent ul {
	list-style-type:disc;
	margin:5px 30px;
	padding:0;
}

div#wrapcontent ul li, div#wrapcontent ol li {
	margin:5px auto;
}

div#wrapcontent p {
	font-size:1em;
	margin:0 0 15px 0;
}

div#wrapcontent a {
	color:#007457;
	text-decoration:none;
}

div#wrapcontent a:link {
	color:#007457;
	text-decoration:none;
}

div#wrapcontent a:visited {
	color:#007457;
	text-decoration:none;
}

div#wrapcontent a:hover {
	text-decoration:underline;
}

div#wrapcontent a:active {
	text-decoration:none;
}

ul#listefichesordinaire li {
	margin:5px auto;
}

/* Bloc de l'accueil */

div#wrapcontent div#texteaccueil {
	float:left;
	width:287px;
	margin-right:14px;
	margin-left:5px;
}

/* Liste de photos du portfolio */

div#wrapcontent img#grosseimage {
	display:block;
	margin:0;
	border-bottom:3px solid #FFF;
	width:100%;
}

div#wrapcontent ul#listephotos {
	list-style-type:none;
	padding:10px;
	background-color:#000;
	margin:0;
	border-bottom:25px solid #007457;
}

ul#listephotos li {
	display:inline;
	margin:5px;
}

ul#listephotos li img {
	padding:1px;
	height:78px;
}


div#wrapcontent p#menuphoto {
	margin:5px 0;
	text-align:center;
	text-transform:uppercase;
	font-size:1.2em;
}


div#wrapcontent p#menuphoto img {
	padding-top:4px;
	vertical-align:top;
}

div#wrapcontent p#menuphoto a {
	color:#000;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}

div#wrapcontent div#wraplistephotos {
	width:100%;
}


/* Fiches de pageallfiches */

div#listefiches ul {
	list-style-type:none;
}

div#listefiches ul li{
	text-align:center;
	float:left;
	width:120px;
	height:108px;
	margin:10px;
	background-color:#000;
}

div#listefiches ul li img {
	display:block;
	margin:auto;
	padding:2px;
}

div#listefiches ul li a {
	display:block;
	width:100%;
	margin:auto;
	color:#fff;
	background-color:#007457;
	padding:6px 0;
	border:1px inset #E2EF86;
}

div#listefiches ul li a:link {
	color:#fff;
	text-decoration:none;
}

div#listefiches ul li a:visited{
	color:#fff;
}

div#listefiches ul li a:hover {
	color:#fff;
	background-color:#409781;
	text-decoration:none;
}

/* Sauts de page */

div.texte ul#menusauts {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
}

ul#menusauts li {
	display:inline;
	margin-right:10px;
}

/************/
/* PRIMEURS */
/************/

/* Métamorphose du mois */

div#wrapcontent div#prim_metamorphose {
	width:263px;
	padding:14px;
	background-color:#000;
	float:left;
	margin-right:14px;
}

div#wrapcontent div#prim_metamorphose h2 {
	margin:0;
	color:#FFF;
	font-size:1.4em;
	font-weight:normal;
	text-transform:uppercase;
}

div#wrapcontent div#prim_metamorphose h3 {
	margin-top:7px;
	margin-bottom:0;
	padding:2px;
	color:#000;
	font-size:1em;
	background-color:#b2c33a;
	text-align:center;
	width:100px;
	text-transform:uppercase;
}

div#wrapcontent div#prim_metamorphose img {
	border:2px solid #b2c33a;
}

/***************/
/* FORMULAIRES */
/***************/

form fieldset {
	padding:5px;
	margin:10px auto;
	border:1px inset #E2EF86;
}

form fieldset legend {
	font-size:1.5em;
	padding:5px;
}

form label {
	float:left;
	text-align:right;
	margin-top:2px;
	margin-right:10px;
	width:35%;
	font-size:1em;
}

form p {
	margin:10px auto;
	clear:both;
}

form p#soumettre, form p.soumettre {
	margin-top:20px;
	text-align:right;
}


form fieldset div.groupechoix {
	float:left;
	width:350px;
	margin-bottom:10px;
}

form fieldset div.groupechoix p {
	margin:0 0 10px 0;
}

form fieldset div.groupechoix p label {
	display:inline;
	float:none;
	margin-left:5px;
}

/* Message global de formulaire (unique) */
form p#messageerreur {
	display:none;
	background-color:#FFEFEF;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

/* Erreur de champ */
form p.erreurchamp {
	display:none;
	margin-left:37%;
	margin-right:70px;
	padding:5px;
	color:#F00;
	border:1px solid #F00;
}

/***********************/
/* MOTEUR DE RECHERCHE */
/***********************/

table#moteurrecherche {
	border-collapse:collapse;
	margin-top:15px;
	width:100%;
}


table#moteurrecherche tr.ligne1 {
	background-color:#EEE;
}

table#moteurrecherche tr.ligne2 {
	background-color:#EEE;
}


table#moteurrecherche th {
	width:20px;
	padding:2px;
}

table#moteurrecherche td {
	padding:2px;
}

/************/
/* CONTACTS */
/************/

table.departement {
	width:100%;
	margin-bottom:10px;
}

table.departement thead th {
	padding:5px;
	background-color:#F9F9F9;
}

table.departement tbody td, table.departement tbody th {
	padding-left:20px;
}

table.departement tbody th {
	padding-top:10px;
}

form#recherchecontact fieldset {
	padding:5px 30px;
}

form#recherchecontact label {
	display:inline;
	text-align:left;
	float:none;
	margin-left:10px;
}

form#recherchecontact div.groupe {
	float:left;
	width:50%;
}

/****************/
/* PLAN DE SITE */
/****************/

ol#plandesite {
	list-style-type:none;
	margin-left:0;
}

ol#plandesite li {
	margin:5px auto;
}

ol#plandesite li.section {
	margin:15px auto;
	font-weight:bold;
}

ol#plandesite ol.soussections {
	list-style-type:none;
	margin-left:20px;
}

ol#plandesite ol.soussections li {
	font-weight:normal;
}

ol#plandesite ol.soussections ol.fiches {
	list-style-type:none;
	margin-left:30px;
}

ol#plandesite ol.soussections ol.fiches li {
	font-weight:normal;
}

/******************/
/* MODULE SONDAGE */
/******************/


div#sondage {
	background-color:#F5F5F5;
	width:250px;
	margin-top:10px;
	border:1px outset #333;
	text-align:center;
}

div#sondage h2 {
	margin:0;
	padding:5px;
	border:1px inset #333;
}

div#sondage h3 {
	margin:0;
	background-color:#FFF;
	border:1px outset #333;
	padding:5px;
	font-size:1em;
}

div#sondage form p {
	text-align:left;
}

div#sondage label {
	margin-left:30px;
}

div#sondage p.soumettre{
	text-align:center;
}

table#sondage_resultats {
	margin:10px;
	width:225px;
	text-align:left;
}

table#sondage_resultats div.barreresultats_fond {
	height:3px;
	border:1px inset #333;
	font-size:0px;
}

table#sondage_resultats div.barreresultats_dessus {
	height:3px;
	background-color:#00F;
}

/********/
/* MISC */
/********/

p img {
	vertical-align:middle;
}

a img {
	border:none;
}

hr.clear {
	visibility:hidden;
	height:0px;
	clear:both;
}

table#chk h3{
	background: url(/_images/chk.jpg) no-repeat left;
	height: 34px;
	line-height: 34px;
	padding-left: 24px;
}