@charset "UTF-8";

/**
 *    Ideal resolution: 1280 * 960 pixels
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
aside,section{width:100%;padding-right: 5px}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

body { line-height: 1;font-family: Arial, Helvetica, sans-serif;font-size: 1em; width: 100%; height: 100%; color: #000;}
.clear { clear: both; }

/*#wrapper { margin: 0.625em auto; width: 1000px; /*Ideal : 1000px -> 1000/1280 */ 
#wrapper a { text-decoration: none; color: #F48A00; }
#wrapper span.highlight { color: #F48A00; }

#header { margin-bottom: 1.25em; }
#header .top { border-bottom: 1px solid #ccc; margin-bottom: 0.625em; }
#header ul.navigation { list-style: none; text-align: right; }
#header .navigation li { display: inline }
#header .navigation li a { display: inline-block; padding: 0.625em 1em; border-left: 1px solid #ccc; }
#menu{text-align:center;background:#eee;}
#header h2 { font-family: 'Irish Grover', cursive; font-size: 5.75em; text-align: center; line-height: 110px; }
#header h2 a { color: #000; }
#header h3 { text-align: center; font-family: 'La Belle Aurore', cursive; font-size: 1.5em; margin-bottom: 1.25em; font-weight: normal; }

.main-col { min-width:570px; /* ideal : 700 -> 700/1000 */}
.main-2col {border-left: 1px solid #ccc;}
.sidebar { width: 30%!important; display: inline-block;/* 23.9% 239 -> 239/1000 */}

.main-col a { color: #F48A00; }
.main-col h1 { line-height: 1.2em; font-size: 2em; margin-bottom: 0.625em; font-weight: bold; color: #F48A00; }
.main-col h2 { line-height: 1.1em; font-size: 1.75em; margin-bottom: 0.625em; font-weight: normal; color: #F48A00; }
.main-col h3 { line-height: 1.0em; font-size: 1.625em; margin-bottom: 0.625em; font-weight: bold; color: #F48A00; }
.main-col p { line-height: 1.5em; margin-bottom: 1.25em; }

#footer { border-top: 1px solid #ccc; clear: both; text-align: center; padding: 0.625em; color: #aaa; font-size:0.8em;display:none}

.flash-notice { text-align: center; padding: 0.625em; background: #DFF2BF; border: 1px solid; color: #4F8A10; margin-bottom: 0.625em; }
.flash-error { text-align: center; padding: 0.625em; background: chartreuse; border: 1px solid; color: red; margin-bottom: 0.625em; }

form.input_form .datewidget { margin-bottom: 0.625em; padding-left: 0.125em; padding-top: 0.125em; display: inline-table; }
form.input_form div { margin-bottom: 0.625em; padding-left: 0.125em; padding-top: 0.125em; /*clear:both*/}
form.input_form label { margin-right: 0.625em; text-align: left; width: 11.375em; font-weight: bold; vertical-align: middle; line-height: 26px; }
form.input_form select { line-height: 26px; min-height: 26px; }
form.input_form textarea { width:34.375em; height: 150px; line-height: 26px; }
form.input_form button { margin-left: 6.875em; width: 24.875em; line-height: 26px; font-size: 20px; min-height: 26px; }
form.input_form input[type="text"] { line-height: 26px; min-height: 26px; width:34.375em; }
form.input_form input[type="email"] { width: 34.375em; line-height: 26px; min-height: 26px; }
form.input_form button[type="submit"] { margin-left: 6.875em; width: 24.875em; line-height: 26px; font-size: 1.25em; min-height: 26px; }
form.input_form input[type="submit"] { margin-left: 0px; width: 100%; line-height: 26px; font-size: 1.25em; min-height: 26px; }
form.input_form input[type="checkbox"] { margin-top:0.8em; }
form.input_form input[type="number"] {line-height: 26px; min-height: 26px; }

form.input_form ul li { color: #ff0000; margin-bottom: 5px; }

form.input_side .datewidget { margin-bottom: 0.625em; padding-left: 0.125em; padding-top: 0.125em; clear:none; float:left;}
form.input_side .datewidget select { line-height: 26px; min-height: 26px; width:3.5em;}
form.input_side div { margin-bottom: 0.625em; clear:both; }
form.input_side label { float: left; margin-right: 0.625em; text-align: left; width: 5.375em; font-weight: bold; vertical-align: middle; line-height: 26px; }
form.input_side select { line-height: 26px; min-height: 26px; width:10.375em;}
form.input_side textarea { height: 150px; line-height: 26px; width:100%;}
form.input_side button { margin-left: 0; width: 100%; line-height: 26px; font-size: 1.25em; min-height: 26px; }
form.input_side input[type="text"] { line-height: 26px; min-height: 26px; width:9.375em; }
form.input_side input[type="email"] { line-height: 26px; min-height: 26px; width:10.375em; }
form.input_side button[type="submit"] { margin-left: 0; width: 100%; line-height: 26px; font-size: 1.25em; min-height: 26px; }
form.input_side input[type="submit"] { margin-left: 0px; width: 100%; line-height: 26px; font-size: 1.25em; min-height: 26px; }
form.input_side input[type="checkbox"] { margin-top:0.8em; }
form.input_side input[type="number"] {line-height: 26px; min-height: 26px; }
form.input_side ul li { color: #ff0000; margin-bottom: 5px; }

form.search_form label { float: left; margin-right: 0.625em; text-align: left; width: 5.375em; font-weight: bold; vertical-align: middle; line-height: 26px; }
form.search_form input[type="text"] { line-height: 26px; min-height: 26px; width:10.375em; }
form.search_form select { line-height: 26px; min-height: 26px; width:10.375em;}
#menu, #menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0
}
#menu li {
	display: inline-block;
	position: relative;
	font-size: 12px;
}
#menu a, #menu .menutopitem {
	display: block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #eee;
}
#menu li .menutopitem:hover {
	background: #ccc
}
#menu ul {
	
        left: -4000px;
	position: absolute
}
#menu li:hover > ul {
	
        left:0px;
        z-index: 99;
}
#menu li li:hover > ul {
        
        left: 150px;
	top: 0
}
#menu a:hover {
	color: #666;
	background: #ccc
}

.nodisplay {
    display:none!important
}
#backtop{
 position:fixed;
 background:#eff0d4;
 border:2px solid #125371;
 width:135px;
 padding:12px;
 right:30px;
 bottom:35px;
 border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px    }
#backtop:hover{
 cursor:pointer;
 background:#125371;
 border:2px solid #eff0d4;
 color:#eff0d4}

a.tooltip
{
  position: relative;
  background: #eaeaea;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

a.tooltip span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

a.tooltip:hover
{
  border: 0; /* IE6 fix */
}

a.tooltip:hover span
{
  visibility: visible;
}

a.tooltip span:before,
a.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

a.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}

ul.search{
    display:inline-block;
    width:100%;
}
ul.search label {
	/*float:left;*/
}
ul.search input {
	float:right;
}
.tab-content{
    border: 1px solid;
    border-color: #ffff #dee2e6 #dee2e6;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    margin-bottom: 1em;
    padding: 0.5em;
}
#volet {
	width: 270px;
	padding: 10px;
	background: #6B9A49;
        color: #fff;
        position: absolute;
	left: -270px;
    
        -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        transition: all .5s ease-in;
}
#volet a.ouvrir,#volet a.fermer {
	padding: 10px 25px;
	background: #555;
	color: #fff;
	text-decoration: none;
        position: absolute;
	right: -116px;
	top: 150px;

	/* quelques styles CSS3 */
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);

	border-radius: 0 0 8px 8px;
}
#volet:target {
	left: 0;
        
}
#volet_clos:target #volet {
	left: -270px;
}
#volet a.fermer {
	display: none;
}
#volet:target a.ouvrir {
	display: none;
}
#volet:target a.fermer {
	display: block;
}
#volet_clos {
        position: fixed; 
        top: 55px; left: 0;
}