/* --- Couleurs --------------------------------------------------------------------------
Les valeurs de 1 à 6 sont gérées en dynamique dans les squelettes
et sont modifiables sur chaque rubrique dans l'admin.
Les valeurs sont indépendantes de la couleur qui peut être modifiée dans la feuille de styles.

Valeur	|rubriques		|couleur|code couleur

1	|Présentation,contact	|vert	|#c8b200
2	|Action			|rouge	|#a91a1e
3	|Agenda, banniere	|bleu	|#5c8cc1
4	|Actualités		|orange	|#df7500
5	|Partenaires		|jaune	|#f0b400
6	|Contact		|vert	|#978a08

7	|menu, footer		|marron	|#624a3d
8	|encart lien bannier	|	|#885402
9	|recherche		|	|#73594a
10	|submit recherche	|	|#5b3f31
11	|Fond input		|gris	|#ddd
12	|Texte			|gris	|#666
13	|Texte général		|marron	|#624a3d
0	|			|blanc	|#fff
-------------------------------------------------------------------------------------------*/

html , body {
	position : relative;
	width : 100%;
	height : 100%;
	min-height: 100%;
 	height: auto !important;
 	margin : 0;
	padding : 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background : #fff url(img/body.png) repeat-x top;
	color : #624a3d;
}

/* -------------------------------- Balises / Reset css ----------------------------------- */
ul, ol { margin: .75em 0 .75em 30px; padding: 0;}
dl {margin: .75em 0 .75em 0; padding: 0;}
dt, dd {margin : 0;padding :0;}
li {margin : 0 ; padding : 0;}
dt {font-weight : bold; font-size : 1.1em;}
p {margin: .75em 0 ; padding :0;}
img {border : 0px solid #fff; background : none; vertical-align : top;}
blockquote, q { font-size: 1.1em;font-style: italic;font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;}
blockquote {margin: .75em 0 .75em 24px;}
cite {font-style: italic;}
table { width : 100%;text-align : left;}
caption {text-align : center; font-weight : bold;}


/* -------------------------------- Liens ------------------------------------------------- */
a:visited {}
a {color : #624a3d; font-weight : bold; text-decoration : none;}
a:hover, a:focus, a:active {text-decoration : underline;}


/* -------------------------------- Titres ------------------------------------------------- */
h1, h2 {margin : 0; padding :0;}

h2 {font-size : 1.4em;}
.titre2 {font-size : 1.1em;}

.titre_fleche {
	height : 30px;
	line-height : 30px;
	padding : 0 30px;
	background-image : url(img/fleche_titre.png);
	background-position : 10px 10px;
	background-repeat : no-repeat;
}

.titre_fleche1 {
	height : 30px;
	line-height : 30px;
	padding :0 30px;
	background : #df7500 url(img/fleche_titre1.png) no-repeat top left;
}

.titre_fleche2 {
	height : 30px;
	line-height : 30px;
	padding :0 30px;
	background : #5c8cc1 url(img/fleche_titre2.png) no-repeat top left;
}

.logo {min-height : 60px;}


/* ------------------------------ Classes internes  --------------------------------------- */


/*------------------- Classes générales ------------------*/
.italic {font-style : italic;}
.justify {text-align : justify;}
.alignright {text-align : right;}
.pointer {cursor : pointer;}

.left {float : left; margin-right : 20px;}
.right {float : right;}
img.left {margin-bottom : 10px;}
.center {text-align : center; margin : 0 auto;}
.wrapper {overflow : hidden;}
.clear {clear : both;}
.none {display : none;}
.bloc {display : block;}
.blocline {display : inline-block;}
.over {overflow : auto;}

.nolist, .nolist li {list-style-type : none; background : none;}
.nolist {margin : 0; padding : 0;}
.nolist li {margin : 0; padding : 0.75em 0;}

.clevermail ul {
	float : left;
	list-style-type : none; background : none;
	margin : 0; padding : 0;
}

.clevermail p {
	overflow : hidden;
	margin : 0;
	padding :0;
}

.clevermail li {margin :0 ; padding : 0.5em; list-style-type : none; background : none;}


/*------------------- Classes Envirobat ------------------*/
li {list-style-type : square;}

.suite {background : transparent url(img/fleche.png) no-repeat left top;}
	
a.suite, span.suite {
	display : inline-block;
	margin-left : 8px;padding-left : 8px;
	background-position : left center;
}

li.suite, h2.suite {
	list-style-type : none;
	line-height : 10px;
	padding-left : 10px;
	margin : 0.75em 0;
}


.chapo {margin : 0.5em 0; text-align : justify; line-height : 1.3em;  word-wrap: break-word; }
.texte {text-align : justify; line-height : 1.5em; margin-bottom : 50px;  word-wrap: break-word; }
.texte img.left {margin-top : 0.5em;}

.clear img {margin-bottom : 0.75em;}

.col1, .col2 {
	float: left; 
	margin-right : 2%;
}
.col1 {width : 48%;}
.col2 {width : 49%;}

.points {background : transparent url(img/points.png) no-repeat right top;}


.border {
	border-width : 1px;
	border-style : solid;
}

.border ul.nolist {padding : 0 5%;}
.border dl {margin : 0; padding : 0.65em 5% 0 0;}
#sidebar .border dl {padding : 0.75em 5% 0;}
.border .nolist li {margin : 0; padding : 0.75em 0 0;}
.border dt {font-weight : normal;}
#sidebar .border dt.left {width : 40px; margin :0;}
.border dd {padding : 0;}
.border p {margin : 0; padding : 1em 5% 10px 0;}

.couleur0 {color : #fff;}
.couleur1 {color :#c8b200;}
.couleur2 {color :#a91a1e;}
.couleur3 {color :#5c8cc1;}
.couleur4 {color :#df7500;}
.couleur5 {color :#f0b400;}
.couleur6 {color : #978a08;}
.couleur12 {color : #666;}

.border0 {border-color : #fff;}
.border1 {border-color :#c8b200;}
.border2 {border-color :#a91a1e;}
.border3 {border-color :#5c8cc1;}
.border4 {border-color :#df7500;}
.border5 {border-color :#f0b400;}
.border6 {border-color :#978a08;}

.fond0 {background : #fff;}

a.c1:hover, a.c1:focus, a.c1:active,
.fond1, .c1.on,.selected a.c1 {background-color :#c8b200;}

a.c2:hover, a.c2:focus, a.c2:active,
.fond2, .c2.on, .selected a.c2 {background-color :#a91a1e;}

a.c3:hover, a.c3:focus, a.c3:active,
.fond3, .c3.on, .selected a.c3 {background-color :#5c8cc1;}

a.c4:hover, a.c4:focus, a.c4:active,
.fond4, .c4.on, .selected a.c4 {background-color :#df7500;}

a.c5:hover, a.c5:focus, a.c5:active,
.fond5, .c5.on, .selected a.c5 {background-color :#f0b400;}

a.c6:hover, a.c6:focus, a.c6:active,
.fond6, .c6.on, .selected a.c6 {background-color :#978a08;}

.fond11 {background-color : #ddd;}

span.jour, span.mois {
	display : block;
	color : #fff;
	text-align : center;
	width : 43px;
}

span.jour {
	position : relative;
	background : #5c8cc1; 
	height : 21px;
	vertical-align : bottom;
	font-size : 16px;
	font-weight : bold;
}

span.jour span {
	display : block;
	position : absolute;
	width : 43px;
	height : 16px;
	bottom : 1px;
}

span.mois {
	background : #624a3d; 
	margin-bottom : 10px;
	height : 20px;
	line-height : 20px;
	font-size : 10px;
}

p.pagination {text-align : center;}
p.pagination a {padding : 0 2px;}
p.pagination span.on {background : #ddd; padding : 0 2px;}

p.navigation {width : 740px; text-align : right; margin-right : 2%;}

ul.navigation {float : right; margin : 20px 0;}
ul.navigation li {
	list-style-type : none; 
	float : left;
	margin : 0 5px;
	padding : 0;
	height : 25px;
	line-height : 25px;
}
ul.navigation img {vertical-align : middle;}

dl.portfolio dd {margin : 10px 0; padding : 0;}
dl.portfolio dt {margin : 0 ; padding : 0;font-weight : normal; text-align : center;}

#telechargement h2, #portfolio h2 {margin-bottom : 10px;}
#telechargement {margin-bottom : 20px;}
#portfolio {overflow : auto;}
#portfolio dl {width : 150px; padding : 0; margin : 10px 0 10px 19px;}
#portfolio dd {margin-bottom : 0;}

#sidebar dl.portfolio {
	text-align : center;
	width : 230px;
	margin : 0;
	padding : 0;
}

.customSlider {
	position : relative;
	width : 735px;
}

.customSlider ul {
	margin-left : -20px;
}

.customSlider ul li {
	float : left;
	width : 175px;
	margin:0;
	padding:0;
}

.controls {
	position : absolute; 
	top : 40%;
	left :2px;
	width : 735px;
}

.controls a
{
	display:block;
	position : absolute;
	z-index :100;
	width:51px;
}

.controls a img {z-index :100;}

.controls a.up {left : 0;}
.controls a.down {right :0;}


.plan {margin : 20px 0 20px 50px;}
.plan li.nolist {padding-bottom : 5px;}
.plan li.nolist a {font-weight : normal;}

dl.equipe {height : 120px;}
dl.equipe dd {overflow : hidden; text-indent : 32px; margin : 5px 0; font-weight : bold;}
dl.equipe dd.photo {float : left; width : 100px; margin : 0; text-indent :0;}
dl.equipe dd.mail {background : transparent url(img/sobre.gif) no-repeat 32px top; font-weight : normal; padding-left : 20px;}
dl.equipe dt {
	overflow : hidden;
	font-weight : bold;
	padding-top : 20px;
	text-indent : 32px;
	background : transparent url(img/equipe.png) no-repeat left top ;
} 

.spip_surligne {color : #a91a1e;}
.vcard {margin : 30px 0 0 10px;}
.map {margin-left : 10px;} 


/* -------------------------------- Structure ----------------------------------------------- */
#page {
	position : relative;
	width : 1000px;
	margin : 0 auto;
}

/* -------------- Top ----------------- */

#top {
	position : relative;
	height : 225px;
	background : #5c8cc1 url(img/top.png) no-repeat 149px top;
}

#top ul, #top li {
	list-style-type : none;
	margin : 0; padding : 0;
}


#top a {color : #fff; font-weight : normal;}

#top ul#encart_lien {
	position : absolute;
	top : 0;
	right : 0;
	width : 256px;
	height : 90px;
	background : #fff;
	text-align : center;
}

#top #encart_lien li {height :30px; margin : 10px 0 0;}

/* -------------- Menu ------------------- */

#menu {
	position: relative;
	width : 1000px;
	height : 88px;
}

/* ------ Navigation ------ */
ul#navigation {width : 770px; margin :0; padding : 0;}

ul#navigation ul, ul#navigation li {list-style-type : none; margin : 0; padding :0;}
ul#navigation li {display : inline;}
#menu a {
	display : block;
	float : left;
	font-weight : normal;
}

li.item a {
	color : #fff;
	text-transform : uppercase;
	height : 31px;
	margin : 21px 8px 0;
	padding-left : 18px;
	font-size : 12px;
	text-decoration : none;
}

li.item a:hover img, li.item a:focus img, li.item a:active img,
li.item a.on img, li.item a.selected img
	{padding-top : 10px;}

li.item .subMenu li a {
	float : left;
	border-right : 1px solid #eee;
	height : 12px;
	line-height : 12px;
	margin : 15px 0;
	padding : 0 20px;
	text-transform : none;
	text-align : center;
}

li.item .subMenu a:hover, 
li.item .subMenu a:active, 
li.item .subMenu a:focus,
li.item .subMenu a.on
	 {color : #624a3d;}

#menu ul.subMenu {
	position:absolute;
	top : 52px;
	left : 0;
	width : 100%;
	height : 36px;
}

#menu span.subMenu {
	display : block;
	position:absolute;
	top : 52px;
	left : 0;
	width : 100%;
	height : 10px;
}

/* ------ Recherche ------ */

#search {
	position : absolute;
	top : 19px;
	right :0;
	width : 230px;
}

/* -------------- Global ----------------- */
#global {
	clear : both;
	overflow : auto;
	background : #fff;
	margin-top : 20px;
}

#main, .main {float : left; width : 770px;}

#sidebar, .sidebar {overflow : hidden;}

#content {margin : 0 30px 0 0;}

p#ariane {
	margin-bottom : 20px;
	font-size : 0.9em;
}

#ariane a {font-weight : normal;}



/* --------- Sidebar ---------- */
ul#encart_sidebar, ul#encart_sidebar li {margin :0; padding:0; list-style-type: none;}
#envirofeuille, ul#encart_sidebar li, #agenda {margin-bottom : 14px;}
#envirofeuille p {margin : 4px; padding :0;}



/* --- Bottom (partenaires) --- */

#bottom {
	clear : both;
	font-size : 0.9em;
	color : #5c8cc1;
	padding-top : 20px;
}

#bottom p {margin : 0; padding : 0;}

.content {
	height : 73px;
	border : 1px solid #eef3f9;
	padding : 1em 2%;
}

.content .left {width : 56%; margin-top : 10px;}
.sidebar .content {border-left-width :0px; text-align : center;}



/* -------------- Bas de page ----------------- */

#footer {
	clear : both;
	width : 100%;
	margin-top : 20px;
	padding : 10px 0;
	background : #624a3d;
	color : #fff;
	font-size : 0.9em;
	text-align : center;
}

#footer a {
	border-right : 1px solid #fff;
	padding : 0 0.5em;
	color : #fff;
	font-weight : normal;
}

#footer img {vertical-align : middle;}

/* -------------------------------- Formulaires ----------------------------------------------- */

label, input.submit {cursor : pointer;}

fieldset, input, form {
	margin : 0;
	padding : 0;
	font-size : 0.9em;
}

fieldset {border : 1px solid #978a08; padding : 0;}
#search fieldset, #sidebar fieldset, input, textarea {border : 0px solid #fff;}
#search fieldset {padding :0;}

legend, h2.legend {
	background : #978a08 url(img/fleche_titre.png) no-repeat 10px 10px;
	height : 30px;
	line-height : 30px;
	margin : 0;
	padding : 0 30px;
	color : #fff;
	font-size : 1.1em;
	font-weight : bold;
}

h2.legend {width : 35%; margin-bottom : 5px; padding : 0 0 0 30px;}

p.field, li.field {margin : 0.5em 5%;}

#search p {margin :0;}

label {
	display : block;
	float : left;
	width : 30%;
	margin-right : 1%;
	text-align : right;
	color : #978a08;
}

label.line {display : inline;}

#search label, #sidebar label {display : inline; float : none; text-align : left; margin :0; padding :0;}

input.text, textarea {background : #ddd; padding : 3px;}
input.text {width : 60%;}
textarea {width : 85%; margin-left : 7%;}

#sidebar input.text {width : 183px;}
#search input.text {
	width : 170px;
	background : #73594a;
	color : #fff;
}

input.submit {background : #978a08; padding : 2px; color : #fff;}

#search input.submit, #sidebar input.submit {width : 20px;}
#search input.submit {background : #5b3f31;}
#sidebar input.submit {background : #df7500;}


input.submit:hover, 
input.submit:focus, 
input.submit:active {background : #c8b200;}

#search input.submit:hover, 
#search input.submit:focus, 
#search input.submit:active {background : #a91a1e;}

#search input.text:hover, 
#search input.text:focus, 
#search input.text:active {background : #885402;}

#sidebar input.submit:hover, 
#sidebar input.submit:focus, 
#sidebar input.submit:active {background : #c8b200;}

fieldset strong {font-size : 1.1em; color : #624a3d;}
p.boutons {text-align : right; margin-right : 7%;}
p.erreur_message {color :#a91a1e; margin-left : 31%;}