//* VARIABLES */
@vert: #3aae35;
@rose: #d1226c;
@bleu: #479cdf;
@jaune: #f7c300;
@orange: #e27f1f;
@marron: #733d1a;
@gris: #474747;
@green: #93be48;
.vert {background-color: @vert !important; > a, > h2 { border-bottom-color: @vert !important;} &:hover, &.selected {color: @vert !important;}}
.rose {background-color: @rose !important; > a, > h2 {border-bottom-color: @rose !important;} &:hover, &.selected {color: @rose !important;}}
.bleu {background-color: @bleu !important; > a, > h2 {border-bottom-color: @bleu !important;} &:hover, &.selected {color: @bleu !important;}}
.jaune {background-color: @jaune !important; > a, > h2 {border-bottom-color: @jaune !important;} &:hover, &.selected {color: @jaune !important;}}
.orange {background-color: @orange !important; > a, > h2 {border-bottom-color: @orange !important;} &:hover, &.selected {color: @orange !important;}}
.marron {background-color: @marron !important; > a, > h2 {border-bottom-color: @marron !important;} &:hover, &.selected {color: lighten(@marron, 40%) !important;}}
.green {background-color: @green !important; > a, > h2 { border-bottom-color: @green !important;} &:hover, &.selected {color: @green !important;}}

.uppercase {text-transform: uppercase;}
.alignright {float: right;}
.alignleft {float: left;}
.transition(@property : all, @duration : 0.5s, @ease : linear) {
-moz-transition: @arguments;
-webkit-transition: @arguments;
-o-transition: @arguments;
transition: @arguments;
}

//* RESET  */
header, footer, article, section, nav, menu, figure, video, aside, hgroup {display: block;}
figcaption, address {display: none;}
body * {outline: none;}
a {text-decoration: none;}
.hidden {display: none;}
a img {border: none;}
ul, figure, menu {
margin: 0; padding: 0;
list-style: none; list-style-image: none;
}
#texte_content p ul, #texte_content p + ul {list-style: square inside;}
article header h1,h2 {font-size: 1.5em;}
#content .editor h1,#content .editor h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
.fancy {cursor: url('../javascript/fancybox/zoomin.cur'), pointer;}

//* GENERAL */
body {
margin: 0; padding: 0;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 82%;
background: #12717c url('../skins/img/bg_body.png') repeat-x top left;
color: #fff;
}
#wrapper {
width: 1247px;
margin: 0 auto;
			 header#header {
				height: 250px; width: 1247px;
									menu {
								.alignright;
								height: 32px;
								margin-top: 4px;
												li {
												.alignleft;
																a {
																text-indent: -9999px;
																.alignleft;
																margin-right: 5px;
																background: @green url('../skins/img/reduire.png') no-repeat center center;
																-moz-border-radius: 8px;
																-webkit-border-radius: 8px;
																border-radius: 8px;
																width: 35px; height: 26px;
																				&:hover {background-color: @bleu;}
																}
																+ li a {background: @green url('../skins/img/agrandir.png') no-repeat center center;}
												}
								}
								form {
								.alignright;
								height: 32px;
								margin: 4px 34px 0 5px;
												#q {
												background: #000; color: #bababa;
												border: 1px solid #5e5e5e;
												-moz-border-radius: 8px;
												-webkit-border-radius: 8px;
												border-radius: 8px;
												padding: 5px; 
												width: 200px; height: 14px;
												font-size: 0.8em;
												}
												#btn_recherche {
												border: none; cursor: pointer;
												background: url('../skins/img/btn_ok.png') no-repeat top right;
												vertical-align: middle;
												width: 27px; height: 15px;
																&:hover {background-position: bottom right;}
												}
								}
								> a {
								clear: both; display: block;
								width: 100%; height: 176px;
												hgroup {
												height: 176px;
												background: url('../skins/img/header_h1.jpg') no-repeat top left; //redecouper - halo
																> * {
																margin: 0;
																text-indent: -9999px;
																}
												}
								}
								nav {
								height: 40px;
								margin: 0 34px;
								background: @gris url('../skins/img/a_topmenu.png') repeat-x top left;
												> ul > li {
                                                float: left;
                                                > a {
												.alignleft;
												border-left: 1px solid #333;
												color: #fff;
												padding: 9px 17px 15px 18px;
												height: 16px;
												background: @gris url('../skins/img/a_topmenu.png') repeat-x top left;
																&:hover, &.selected {
																color: @green;
																}
                                                                + ul {
                                                                display: none;
                                                                position: absolute;
                                                                background: #111;
                                                                margin-top: 34px;
                                                                border-top: 1px solid #474747;
                                                                    li {
                                                                    background: #111;
                                                                    border-top: 1px solid #000;
                                                                    border-bottom: 1px solid #474747;
                                                                    padding: 6px 10px;
                                                                        a {
                                                                        background: #111 !important;
                                                                        color: #ccc;
                                                                        }
                                                                    }
                                                                }
                                                
												}
                                                &:first-child > a {
																border: none;
																text-indent: -9999px;
																background: @gris url('../skins/img/lnk_accueil.png') no-repeat top center;
																padding: 9px 0 15px; width: 50px;
																				&:hover, &.selected {
																				background-position: bottom center;
																				}
																}
                                                }
								}
				}
}
section#main {
width: 1234px;
margin: 0 13px 0 0;
overflow: hidden;
background: url('../skins/img/bg_main.png') repeat-y top left;
			 article + aside {
				clear: both;
				float: left;
				width: 1179px;
				margin: 13px auto 0;
				padding-left: 34px;
				}
}
#left, #content {
.alignleft;
}
#left {
width: 250px;
padding-top: 8px;
background: #12717c;
			 a.titre_left {
				display: block;
				z-index: 1;
				background-image: url('../skins/img/li_left.png');
				background-repeat: no-repeat;
				background-position: top left;
									h2 {
								background: #2f2f2f;
								line-height: 54px; height: 54px;
								vertical-align: middle;
								text-align: center;
								padding: 0 12px 0 16px;
								margin: 0 0 0 34px;
								-moz-border-radius: 0 0 5px 0;
								-webkit-border-radius: 0 0 5px 0;
								border-radius: 0 0 5px 0;
								border-bottom-width: 2px;
								border-bottom-style: solid;
								}
				}
				ul#liste_menu_gauche {
				margin-left: 34px;
				padding-bottom: 27px;
				background: url('../skins/img/liste_menu_gauche.png') no-repeat bottom center;
								> li {
								border-bottom: 1px solid #424242;
												a {
												display: block;
												background: #111;
												line-height: 14px;
												padding: 12px 10px;
												color: #b5b5b5;
																&:hover, &.selected {
																color: #fff;
																background: #282828;
																}
												}
								}
								#menu_niv2 {
								background: #1c1c1c url('../skins/img/shadow_niv2.png') no-repeat top center;
								padding: 10px 10px 10px 20px;
								border-bottom: 1px solid #424242;
												li {
												padding: 3px 0;
																a {
																color: #b5b5b5;
																				&:hover, &.selected {color: #7cad3c;}
																}
												}
								}
				}
				#acc_marches {margin-left: 34px;}
}
#content {
width: 955px;
margin-left: 8px;
padding-top: 8px;
background: #12717c;
				header {
				background: #161616 url('../skins/img/wideshadow.png') no-repeat bottom center;
				padding: 11px 0 45px;
								h1 {
								text-transform: uppercase;
								color: #fff !important; width: 905px;
								padding: 4px 50px 4px 30px;
								height: 25px;
								background-image: url('../skins/img/li_right.png');
								background-repeat: no-repeat;
								background-position: top right;
								margin: 0 -30px 18px 0;
												> span {
												background: url('../skins/img/triangle_blanc.png') no-repeat left center;
												padding-left: 20px;
												}
								}
								nav {
								color: #9c9a9a;
								padding-left: 25px;
												a {color: #9c9a9a;}
								}
				}
}
#texte_content {
				> a, > p a, .editor a {text-decoration: underline; color: #9C9A9A;}
				.editor ul li {list-style:disc; margin-left:30px;}
}

footer {
width: 1179px;
margin: 14px 34px;
background: #26808b;
overflow: hidden;
				#footer_contact {
				.alignleft;
				font-size: 0.9em;
				width: 192px; height: 242px;
				padding: 25px;
				background: url('../skins/img/footer_contact.png') no-repeat top left;
								.gris {color: #a3a2a2;}
								> a {
								opacity: 0.23;
								filter: alpha(opacity=23);
								margin: 11px 45px 0 0;
												&:hover {
												opacity: 1;
												filter: alpha(opacity=100);
												}
								}
				}
				nav {
				.alignleft;
				padding: 20px 10px;
				overflow: hidden;
								> ul {
								.alignleft;
								margin: 0 35px 0 0;
								color: #a6a6a6;
								max-width: 350px;
												> li {
												padding: 0 0 10px;
																> a {
																.uppercase;
																font-weight: bold;
																color: #b0cdd0;
																}
																ul a {
																font-size: 0.9em;
																color: #b0cdd0;
																}	
												}
								}
				}
}
#credits {
font-size: 0.8em;
text-align: center;
margin: 10px 0;
color: #fff;
				a {color: #fff;}
}

.addthis_button_compact {
color: #fff;
}
.addthis_toolbox {
margin-top: -43px;
text-transform: none;
font-weight: normal;
font-size: 12px;
color: #000;
width: 170px;
}

#acc_marches, #cartes_left {
float: left;
color: #afafaf;
text-decoration: underline;
				&:hover {text-decoration: none;}
}
#acc_marches {
text-align: center;
height: 107px; width: 216px;
padding-top: 76px;
background: url('../skins/img/acc_marches.jpg') no-repeat top center;
}
#cartes_left {
text-align: right;
height: 39px; width: 200px;
padding-top: 90px;
padding-right: 16px;
background: url('../skins/img/cartes_left.png') no-repeat top center;
margin-left: 34px;
}
#rss_big {
float: right;
line-height: 29px;
vertical-align: middle;
background: url('../skins/img/rss_big.png') no-repeat top left;
padding-left: 35px;
text-decoration: underline;
color: #afafaf;
margin: -5px 25px 0 0;
				&:hover {text-decoration: none;}
}
#frmNewsletter {
				clear: both;
				background: url('../skins/img/bg_frmNewsletter.png') no-repeat top left;
				margin: 0 0 0 34px;
				width: 192px;
				padding: 0 12px 24px;
								h3 {
								text-indent: -9999px;
								background: url('../skins/img/h3_frmNewsletter.png') no-repeat top center;
								margin: 16px 0;
								float: left;
								width: 192px; height: 15px;
								}
								#text_newsletter {
								background: #191919;
								border: 1px solid #3f3f3f;
								-moz-border-radius: 6px;
								-webkit-border-radius: 6px;
								border-radius: 6px;
								color: #7f7e7e;
								padding: 3px;
								width: 150px;
								margin-top: 6px;
								}
								#btn_ok {
								border: none; cursor: pointer;
								background: url('../skins/img/btn_ok.png') no-repeat top right;
								vertical-align: middle;
								width: 27px; height: 15px;
												&:hover {background-position: bottom right;}
								}
				}
time {color: #36a3e2;}
#fichiers {
background: #2d2d2d;
padding: 0 10px;
				li {
				padding: 6px 0 6px 20px;
				line-height: 11px;
				background: url('../skins/img/triangle_gris.png') no-repeat left center;
								a {
								color: #6fa337;
								}
				}
}
#medias {
background: #161616;
padding: 25px;
overflow: hidden;
}
.img_page_big {
float: left;
width: 258px; height: 258px;
border: 2px solid #3c3c3c;
margin: 0 20px 20px 0;
}
.img_page {
float: left;
width: 164px; height: 164px;
border: 2px solid #3c3c3c;
margin: 0 15px 15px 0;
}
#pagination {
overflow: hidden;
background: #161616;
				a {
				padding: 0 25px;
				text-indent: -9999px;
				height: 36px;
								&:hover {background-position: bottom center;}
				}
}
#page_suiv {
background: url('../skins/img/page_suiv.png') no-repeat top center;
border-left: 1px solid #3d3d3d;
float: right;
 width: 111px;
}
#page_prec {
background: url('../skins/img/page_prec.png') no-repeat top center;
border-right: 1px solid #3d3d3d;
float: left;
width: 127px;
}