/* ---------- */
/* RESET.css  */
/* ---------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

html{overflow-y:scroll;}
body{-webkit-text-size-adjust:none;}

.clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after {clear:both;}
.clear{zoom:1;}

sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
textarea {overflow:auto;}
.ie6 legend, .ie7 legend {margin-left:-7px;} 
input[type="radio"], input.radio {vertical-align:text-bottom;}
input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
.ie6 input {vertical-align: text-bottom;}
label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
button, input, select, textarea {margin:0;}
.checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;}

button {width:auto; overflow:visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}

.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
.hidden {display:none; visibility:hidden; }
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}

a:hover, a:active {outline: none;}
.content ul, .content ol {margin-left:2em;}
ol {list-style-type:decimal;}
ul li {list-style-type:none;}
nav ul, nav li {margin:0; list-style:none; list-style-image:none;}
strong, th {font-weight:bold;}



/* ANIMATION */

@-moz-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; } 
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; } 
	21% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100% { top:0px; opacity:1; }
}
@-moz-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; } 
	100% { top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; } 
	60% { top:325px; opacity:0; z-index:0; }
	61% { top:-325px; opacity:0; z-index:-1; } 
	100% { top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100% { top:325px; opacity:0; z-index:0; }
}
/* puis idem pour les autres images */

@-webkit-keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; }
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; }
	21% { top:-325px; opacity:0; z-index:-1; }
	50% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100% { top:0px; opacity:1; }
	
}
@-webkit-keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; }  
	100% { top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; z-index:0; } 
	60% { top:325px; opacity:0; z-index:0; } 
	61% { top:-325px; opacity:0; z-index:-1; }
	100% { top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100% { top:325px; opacity:0; z-index:0; }
}
/* puis idem pour les autres images */

@keyframes cycle {
	0%  { top:0px; }
	4%  { top:0px; } 
	16% { top:0px; opacity:1; z-index:0; } 
	20% { top:325px; opacity:0; z-index:0; } 
	21% { top:-325px; opacity:0; z-index:-1; }
	92% { top:-325px; opacity:0; z-index:0; }
	96% { top:-325px; opacity:0; }
	100% { top:0px; opacity:1; }
}
@keyframes cycletwo {
	0%  { top:-325px; opacity:0; }
	16% { top:-325px; opacity:0; }
	20% { top:0px; opacity:1; }
	24% { top:0px; opacity:1; } 
	36% { top:0px; opacity:1; z-index:0; } 
	40% { top:325px; opacity:0; z-index:0; }
	41% { top:-325px; opacity:0; z-index:-1; } 
	100% { top:-325px; opacity:0; z-index:-1; }
}
@keyframes cyclethree {
	0%  { top:-325px; opacity:0; }
	36% { top:-325px; opacity:0; }
	40% { top:0px; opacity:1; }
	44% { top:0px; opacity:1; } 
	56% { top:0px; opacity:1; } 
	60% { top:325px; opacity:0; z-index:0; }
	61% { top:-325px; opacity:0; z-index:-1; } 
	100% { top:-325px; opacity:0; z-index:-1; }
}
@keyframes cyclefour {
	0%  { top:-325px; opacity:0; }
	56% { top:-325px; opacity:0; }
	60% { top:0px; opacity:1; }
	64% { top:0px; opacity:1; }
	76% { top:0px; opacity:1; z-index:0; }
	80% { top:325px; opacity:0; z-index:0; }
	81% { top:-325px; opacity:0; z-index:-1; }
	100%{ top:-325px; opacity:0; z-index:-1; }
}
@keyframes cyclefive {
	0%  { top:-325px; opacity:0; }
	76% { top:-325px; opacity:0; }
	80% { top:0px; opacity:1; }
	84% { top:0px; opacity:1; }
	96% { top:0px; opacity:1; z-index:0; }
	100% { top:325px; opacity:0; z-index:0; }
}
/* puis idem pour les autres images */

html {
	/*
	background:#f7f6f5 url('../images/fond_html_toile.jpg') repeat top center;
	background-attachment: fixed;
	background-color: #f7f6f5; 
	*/
}

header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
body {
    margin: 0;
    background: #ededed;
    min-width: 240px;
    -webkit-text-size-adjust: none;
    font-family: Arial, Helvetica, sans-serif;
}
.ie7 body,
.ie8 body {
    min-width: 860px;
}
/*
::-moz-selection {
    background: #b80000;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #b80000;
    color: #fff;
    text-shadow: none;
}
*/
a:link {
    -webkit-tap-highlight-color: #b80000;
}
a.btn {
    background: #b80000;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 6px 15px;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: none !important;
    font-size: 13px;
}
a.btn:after {
    content: '\2192';
    padding-left: 10px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
a.btn:hover {
    background: #d80000;
    color: #fff;
}
.content img {
/*
    border: 5px solid #d7d7d7;
    max-width: 70%;
    height: auto;
    : left;
    margin: 6px 20px 10px 0;
*/
padding: 3px;
margin: 5px;
	/* Angles arrondis */
	border-radius: 7px;
	/* ombre portée */
	box-shadow: 1px 1px 12px #555;
	-moz-box-shadow: 1px 1px 12px #555;
	-webkit-box-shadow: 1px 1px 12px #555;

}
.content ul {
    margin: 20px 0 20px 30px;
}
.content li {
    line-height: 22px;
    margin-bottom: 5px;
    list-style-type: disc;
}
.content-container h1 {
    font-size: 36px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 6px;
    margin: 0 0 23px 0;
    line-height: 45px;
}
	.content-container h1 span.amp {
	    font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
	    font-style: italic;
	}
.content-container h2 {
    font-size: 24px;
    margin-bottom: 15px;
    padding-top: 15px;
    line-height: 32px;
}
.content-container h3 {
    font-size: 21px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.content a {
    border-bottom: 1px dashed #b80000;
}
.brand {
    float: left;
    display: inline-block;
    max-width: 500px;
}
.brand h1 {
    margin-left: -10px;
    padding: 0;
	font-size: 48px;
font-family: "danielbd-webfont", "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #fff;
	font-weight: 600;
	font-stretch: normal;
	line-height: 1em;
	/* text-shadow: 0px 2px 3px #fff; */
	text-shadow: #fff 1px 0px 0px, #fff 1px 1px 0px, #fff 1px -1px 0px, #fff -1px 1px 0px, #fff -1px 0px 0px, #fff -1px -1px 0px, #fff 0px 1px 0px, #fff 0px -1px 0px;
}
.brand,
.brand:hover {
    color: #fff;
}
.brand p {
/*  color: #888; */
    color: #fff;
    margin-bottom: 22px;
    font-size: 18px;
}
.search-bar form input.action,
.header .primary li a,
.footer a {
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
/* Search Form */
.search-bar {
    position: absolute;
    right: 50px;
    top: 15px;
}
.search-dropdown-icon {
    display: none;
}
.search-bar form fieldset {
    position: relative;
    padding: 0;
    margin: 0;
}
.search-bar form input.text {
    width: 155px;
    padding-left: 10px;
    padding-right: 35px;
    color: #888;
    margin: 0;
    border: 1px solid #dcdcdc;
    border-radius: 20px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.search-bar form input.active {
    color: #000;
}
.search-bar form input.action {
    font-size: 15px;
    position: absolute;
    right: 3px;
    top: -1px;
    cursor: pointer;
    border: none;
    padding: 5px;
    background: none;
    font-family: 'WebSymbolsRegular'; 
    color: #848484;
}
.search-bar form input.action:hover {
    color: #000;
}
.search-bar form input:focus,
.header textarea:focus {
    outline: none;
}

.header .primary ul {
    /*float: right; margin:23px -12px 0 0;*/ 
    position:absolute; 
    bottom:0; 
    right:17px;
    		background: rgb(249,207,69);
		/*border: 5px solid #eaeaea;*/
		/* Angles arrondis */
		border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		-moz-border-radius:10px 10px 0px 0px;
}
.header .primary li {
    float: left;
    padding-bottom: 17px;
    margin: 0 2px;
    position: relative;
    white-space: nowrap;
}
	.header .primary li a {
		color: #ffffff;
		font-size: 15px;
		font-family: Helvetica, Arial, sans-serif;
		padding: 6px 8px;
		font-weight: bold;
		display: block;
	}
	.header .primary li a:hover {
	    color: #fff;
	    /* ombre portée texte*/
	    text-shadow: 0 0 5px #000;
	}
	.header .primary li.section a,
	.header .primary li.current a {
	   color: #B80000;
	}
.header .primary li.section:after,
.header .primary li.current:after {
    content: '}';
    display: block;
    position: absolute;
    left: 30%;
    margin-left: -7px;
    bottom: -6px;
    font-family: 'WebSymbolsRegular';
    font-size: 98px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

/* when navigation and logo overlap tablet-nav is initialized */
.tablet-nav .brand p {
    margin-bottom: 0;
}
.tablet-nav .header .inner {
    padding-top: 20px;
}
.tablet-nav .header .primary ul {
    float: left;
    clear: both;
    position: relative;
    margin: 20px 0 4px -12px;
    white-space: nowrap;
    right: auto;
}
	.tablet-nav .header .primary ul li {
	    margin-bottom: 10px;
	    padding-bottom: 0;
	    white-space: nowrap;
	}
		.tablet-nav .header .primary ul li a {
		    -moz-transition: none;
		    -webkit-transition: none;
		    transition: none;
		}
	.tablet-nav .header .primary ul li.current a,
	.tablet-nav .header .primary ul li.section a {
	    background-color: #525252;
	    border-radius: 4px;
	    color: #ffffff;
	}
.tablet-nav .header .primary li.section:after,
.tablet-nav .header .primary li.current:after {
    display: none;
}
.tablet-nav .footer .right {
    float: left;
    width: 100%;
}
.header .nav-open-button {
    display: none;
}
.inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 30px;
}
.ie6 .inner {
    width: 960px;
}
.main {
/* background: #fff; */
    padding: 50px 0 60px;
	background: url('../images/fond_body.jpg') no-repeat top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
aside {
    float: left;
    width: 23%;
    margin-top: 17px;
}
#logged-in {
	width: 95%;
	padding: 5px 0 0 10px;
	margin: 0 0 10px 0;
	/* Angles arrondis */
	border-radius: 10px;
	border:solid #dcdcdc 1px;
	list-style-type: none;
	font-size: 11px;
}
.link span img {
	vertical-align:middle;
}
#logged-in a {
	color: #b80000;
	font-weight: bold;
}
.secondary h3 {
    font-size: 20px;
    color: #b8b7b7;
    margin: 0 0 8px 0;
}
.secondary {
    border-bottom: 1px solid #e5e5e5;
}
	.secondary ul {
	    padding: 0;
	    margin: 0;
	}
	.secondary li {
	    border-top: 1px solid #e5e5e5;
	    position: relative;
	    list-style-type: none;
	}
		.secondary li .arrow {
		    color: #b80000;
		    padding-right: 5px;
		    display: block;
		    font-size: 15px;
		    line-height: 20px;
		    position: absolute;
		    left: 2px;
		    top: 5px;
		    -moz-transition: 0.2s;
		    -webkit-transition: 0.2s;
		    transition: 0.2s;
		}
	.secondary li:hover .arrow {
	    left: 6px;
	}
	.secondary li a {
	    padding: 8px 0;
	    display: block;
	    width: 100%;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    font-size: 11px;
	    color: #333;
	    line-height: 17px;
	    font-family: 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
	}
	.secondary li .text {
	    padding-left: 28px;
	    display: block;
	}
	.secondary li.section,
	.secondary li.current {
	    background-color: #f7f7f7;
	}
		.secondary li.section a {
		    color: #000;
		    font-weight: lighter;
		}
		.secondary li.current a {
		    color: #000;
		    font-weight: bolder;
		}
		.secondary li.link a:hover {
			color: #B80000;
		}
	
	.tertiary h3 {    
	    margin: 0;
	}
		.tertiary ul {
		    padding: 0;
		}
		.tertiary li {
	    	    color: #999;
		    border-top: 0px solid #e5e5e5;
		    position: relative;
		    list-style-type: square;
		    margin-left: 50px;
		}	 
		.tertiary li.section,
		.tertiary li.current {
		    background-color: #f7f7f7;
		}
			.tertiary li.link a {
			    color: #000;
			    font-weight: lighter;
			}
			.tertiary li.current a {
			    color: #000;
			    font-weight: bolder;
			}
			.tertiary li.link a:hover {
			    color: #B80000;
			}
.content-container {
    float: right;
    width: 73%;
    padding-bottom: 20px;
}
.no-sidebar .content-container {
    float: left;
}
.header {
	background: #f9cf45;
	/*background-image:  url('../images/seventy-background.png');
	background-repeat: no-repeat;
	background-position: left top;

	background-size: 100% 190px;
	/*
	background-attachment: fixed;
	*/
	padding-top: 0px;
	padding-left: 0px;
	width: auto;
	height: 100%;
}

	/* CONTENT SLIDER */
	#content-slider {
		width:100%;
		height:100%;
		margin:0px;
	}
	/* SLIDER */
	#slider {
		background: #202020;
		/*border: 5px solid #eaeaea;*/
		/* Angles arrondis */
		/*border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius:10px;*/
		/* ombre portée */
		/*
		box-shadow: -1px 2px 10px 3px rgba(0,0,0,0.3) inset;
		-moz-box-shadow: -1px 2px 10px 3px rgba(0,0,0,0.3) inset;
		-webkit-box-shadow: -1px 2px 10px 3px rgba(0,0,0,0.3) inset;
		*/
		height: auto;
		width: 100%;
		margin: auto;
		overflow: visible;
		position: absolute;
		/* Transparence du fond */
		opacity:0.9;
		-moz-opacity:.9;
		-ms-filter:"alpha(opacity=90)";
		-lynx-opacity:0.9;
		-khtml-opacity:0.9;
		
	}
	
	#mask {
		overflow: hidden;
		height: 232px;
	}
		
	#slider ul {
		margin: 0;
		padding: 0;
		position: relative;
	}

	#slider li { 
		width: 100%;  /* Width Image */
		height: 232px; /* Height Image */
		position: absolute;
		top: -232px;	/* Original Position - Outside of the Slider */
		list-style: none;
	}
		
	#slider li.firstanimation {
		animation:cycle 25s linear infinite;
		-moz-animation:cycle 25s linear infinite;	
		-webkit-animation:cycle 25s linear infinite;		
	}
	#slider li.secondanimation {
		animation:cycletwo 25s linear infinite;
		-moz-animation:cycletwo 25s linear infinite;
		-webkit-animation:cycletwo 25s linear infinite;		
	}
	#slider li.thirdanimation {
		animation:cyclethree 25s linear infinite;
		-moz-animation:cyclethree 25s linear infinite;
		-webkit-animation:cyclethree 25s linear infinite;		
	}
	#slider li.fourthanimation {
		animation:cyclefour 25s linear infinite;
		-moz-animation:cyclefour 25s linear infinite;
		-webkit-animation:cyclefour 25s linear infinite;		
	}
	#slider li.fifthanimation {
		animation:cyclefive 25s linear infinite;
		-moz-animation:cyclefive 25s linear infinite;
		-webkit-animation:cyclefive 25s linear infinite;		
	}
	#slider img {
		width:100%;
		height: 240px;
	}
	.header .inner {
	/*
	float: left;
	display: inline-block;
	margin : 0 auto;
	*/
	 	position: relative;   
	   	min-height: 80px;
		padding-top: 1px;
		padding-left: 10px;
	}
	.header .inner a h1 {	
		/* font-family: 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif; */
		padding-top: 15px;
		padding-left: 10px;
    		color: #b80000;
    		font-size: 24px;
	}
	
	
	.header .fond_logo {
		background: url('../images/fond_html_toile.png') repeat top center;
		/* Transparence du fond */
		/*
		opacity:0.85;
		-moz-opacity:.85;
		-ms-filter:"alpha(opacity=85)";
		filter:alpha(opacity=85);
		-lynx-opacity:0.85;
		-khtml-opacity:0.85;
		*/
		/* background-attachment: fixed; 
		margin: 0px 10px 10px 10px; */
		/* Angles arrondis */
		border-radius: 10px;
		/* ombre portée */
		box-shadow: 1px 1px 12px #000;
		-moz-box-shadow: 1px 1px 12px #000;
		-webkit-box-shadow: 1px 1px 12px #000;
		border:solid #dcdcdc; 
		border-width: 3px;
		width: 100%;
		height: 100%;
		min-height: 151px;
	    	
	}
		
	
	.header .logo {
		float: left;
		display: inline-block;
		background: url('../images/fond_header.png') top left no-repeat;
		/* Angles arrondis */
		border-radius: 10px;
		width: 634px;
		height: 151px;
		z-index: 10;
	}
	
	.header .bloc_note {
	margin: 45px auto -25px auto;
	width: 350px;
	height: auto;
	max-height: 145px;
	overflow: auto;
	/*background: url('https://laclal.org/themes/clae/images/postit.png') no-repeat;*/
	background: #ffedb5;
	/* Angles arrondis */
	border-radius: 10px;
	/* ombre portée */
	box-shadow: 0px 0px 4px #555;
	-moz-box-shadow: 0px 0px 4px #555;
	-webkit-box-shadow: 0px 0px 4px #555;
	border:solid #b80000; 
	border-width: 1px;
	text-align: center;
	/*padding: 5px;*/
	}
	.header .bloc_note span {
	font-weight: bold;
	font-size: 22px;
	font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
	color: #b80000;
	text-shadow: #fff 0px 1px 1px;
	}
	.header .bloc_note p {
	font-size: 14px;
	font-weight: bold;
	font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
	color: #333;
	Text-Shadow: 0px 1px 1px #fff ;
	}

/* Search Results */
.searchResults h1 {
    font-size: 36px;
    margin-bottom: 15px;
}
.searchResults p.searchQuery {
    color: #333;
    margin-bottom: 10px;
}
.searchResults ul#SearchResults {
    padding: 0;
}
	.searchResults ul#SearchResults li {
	    border-top: 1px solid #e5e5e5;
	    padding: 20px 0;
	    list-style-type: none;
	}
	.searchResults ul#SearchResults p {
	    margin-bottom: 12px;
	}
	.searchResults ul#SearchResults a.searchResultHeader {
	    font-size: 16px;
	    font-weight: bold;
	    margin-bottom: 6px;
	    display: block;
	}
	.searchResults #PageNumbers {
	    border-top: 1px solid #e5e5e5;
	    padding-top: 20px;
	}
	.searchResults #PageNumbers a {
	    padding: 0 5px;
	}
	.searchResults #PageNumbers .pagination {
	    float: left;
	}
	.searchResults #PageNumbers p {
	    float: right;
	}
	.searchResults #PageNumbers .next,
	.searchResults #PageNumbers .prev {
	    font-size: 14px;
	}
	.searchResults #PageNumbers .next {
	    margin-left: 15px;
	}
	.searchResults #PageNumbers .prev {
	    margin-right: 15px;
	}
p span.highlight {
  font-weight: bold;
  background: yellow;
}
/* Commentaires */
.Comments {
	width: 100%;
	float: left;
}


/* Footer */
.footer {
    color: #999;
    background: #ededed;
    padding: 20px 0;
    font-size: 11px;
    line-height: 22px;
}
	.footer a {
	    color: #999;
	}
	.footer a:hover {
	    color: #000;
	}
	.footer .left {
	    float: left;
	    color: #000;
	    display: block;
	    margin-bottom: 10px;
	}
	.footer .right {
	    float: right;
	    display: block;
	    margin-bottom: 10px;
	}
	.footer span {
	    padding: 0 3px;
	    color: #bbb;
	}
	.footer .primary,
	.footer .primary ul {
	    display: inline;
	    margin: 0;
	    padding: 0;
	}
		.footer .primary li {
		    display: inline;
		}
.ie6 .footer .primary li,
.ie7 .footer .primary li {
    display: inline;
    /* zoom: 1; */
    margin-right: 10px;
}
.footer .primary li:after {
    padding: 0 3px 0 5px;
    content: '/';
    color: #999;
}
.footer .primary li:last-child:after {
    content: ''
}
.footer .arrow {
    padding: 0 8px 0 5px;
    color: #b80000;
    font-size: 13px;
}
.footer .primary .nav-open-button {
    display: none;
}
.footer .primary ul#nav .menu-bubble-arrow {
    display: none;
}
#media-query-trigger {
    display: none;
    visibility: hidden;
}
@media only screen and (max-width: 1068px) {

	#content-slider {
		display: none;
	}
	.leftAlone, .left, .right, .center {
	    max-width: 50%;
	    height: auto;
	    margin: 0 0 20px;
	}
	.header .primary ul {
	    margin-left: -12px;
	    -webkit-padding-start: 0px;
	}
	
	.header {
		background: #f9cf45;
		background-image:  url('../images/seventy-background.png');
		background-repeat: no-repeat;
		background-position: left top;

		background-size: 100% 190px;
		/*
		background-attachment: fixed;
		*/
		padding-top: 0px;
		padding-left: 0px;
		width: auto;
		height: 100%;
	}
	
	.header .fond_logo {
		/*
		float: left;
		display: block;
		*/
		background: url('../images/fond_html_toile.jpg') repeat top center;
		/*background-attachment: fixed; 
		margin: 0px 10px 10px 10px;*/
		/* Angles arrondis */
		border-radius: 10px;
		/* ombre portée */
		box-shadow: 1px 1px 12px #555;
		-moz-box-shadow: 1px 1px 12px #555;
		-webkit-box-shadow: 1px 1px 12px #555;	
		border:solid #dcdcdc; 
		border-width: 3px;
		width: 98%;
		height: 100%;
		min-height: 151px;
	}
	.header .logo {
		float: left;
		display: inline-block;
		background: url('../images/fond_header.png') top left no-repeat;
		/* Angles arrondis */
		border-radius: 10px;
		width: 100%;
		height: 100%;
		min-height: 151px;
		z-index: 10;
	}
	
	.header .primary li a {
		color: #ffffff;
		font-size: 15px;
		font-family: Helvetica, Arial, sans-serif;
		padding: 6px 8px;
		font-weight: bold;
		display: block;
	}
	.header .primary li a:hover {
	    color: #fff;
	}
	.header .primary li.section a,
	.header .primary li.current a {
	   color: #B80000;
	}
			
	.header .bloc_note {
	/*	
		float: right;
		display: inline;
	*/	
		width: auto;
		height: auto;
		max-height: 105px;
		margin-top: 28px;
		margin-right: auto;
		margin-left: 0px;
		margin-bottom: 0px;
		
		background: #ffedb5;
		/* Angles arrondis */
		border-radius: 10px;
		/* ombre portée */
		box-shadow: 1px 1px 12px #555;
		-moz-box-shadow: 1px 1px 12px #555;
		-webkit-box-shadow: 1px 1px 12px #555;
		text-align: center;
		padding: 5px;	
	}
	
}
/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 640px) {
	#content-slider {
		display: none;
	}
	body {
	    max-width: 640px;
	}
	#media-query-trigger {
	    visibility: visible;
	}

	.brand {
	    float: none;
	    display: inline-block;
	    margin-left: 22px;
	    margin-bottom: 22px;
	    display: none;
	}
		.brand h1 {
		    font-size: 40px;
		}
		.brand h1 {
		    padding-right: 5px;
		}
	.header {
	    padding: 0px;
	}
	
		.header .inner {
		    padding: 20px 0 0 0;
		    min-height: 0;
		}
		.header .primary .nav-open-button {
		    z-index: 100;
		    width: 20px;
		    height: 20px;
		    position: absolute;
		    right: 20px;
		    top: 32px;
		    display: block;
		    cursor: pointer;
		    font-family: 'WebSymbolsRegular';
		    font-size: 20px;
		    color: #b80000;
		    border-radius: 5px;
		    -moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		    border: 1px solid #b80000;
		    padding: 5px;
		}
		.header .primary ul {
		    z-index: 10;
		    position: relative;
		    display: none;
		    float: left;
		    margin: 0 !important;
		    padding: 0;
		    white-space: normal;
		    width: 100%;
		}
			.header .primary ul li {
			    width: 100%;
			    margin: 0 !important;
			    float: none;
			    background: none;
			    position: relative;
			    text-shadow: 0 1px #fff;
			}
			.header .primary ul li:after {
			    content: '\003e';
			    display: block;
			    position: absolute;
			    right: 20px;
			    top: 0px;
			    font-family: 'WebSymbolsRegular';
			    font-size: 14px;
			    color: #999;
			    text-align: center;
			    vertical-align: middle;
			    line-height: 38px;
			}
			.header .primary ul li a,
			.header .primary ul li.current a,
			.header .primary ul li.section a {
			    padding: 10px 0 10px 22px;
			    font-weight: bold;
			    border-bottom: 1px solid #bbb;
			    color: #434343;
			    border-radius: 0 !important;
			    background: #e7e7e7 !important;
			}
			.header .primary ul li a:hover {
			    color: inherit;
			}
			
			.header .fond_logo {
			/*
			float: left;
			display: block;
			*/
				background: url('../images/fond_html_toile.jpg') repeat top center;
				/*background-attachment: fixed; 
				margin: 0px 10px 10px 10px;
				/* Angles arrondis */
				border-radius: 10px;
				/* ombre portée */
				box-shadow: 1px 1px 12px #555;
				-moz-box-shadow: 1px 1px 12px #555;
				-webkit-box-shadow: 1px 1px 12px #555;
				border:solid #dcdcdc; 
				border-width: 3px;
				width: 98%;
				height: 100%;
				min-height: 151px;
			}
			.header .logo {
				float: left;
				display: inline-block;
				background: url('../images/fond_header.png') top left no-repeat;
				/* Angles arrondis */
				border-radius: 10px;
				width: 100%;
				height: 100%;
				min-height: 151px;
				z-index: 10;
			}
			
			.header .bloc_note {
				float: left;
				display: inline;
				margin-top: 10px;
				margin-right: 32px;
				margin-bottom: 0px;
				width: 98%;
				height: 100%;
	max-height: 100%;
	overflow: hidden;
				background: #ffedb5;
				/* Angles arrondis */
				border-radius: 10px;
				/* ombre portée */
				box-shadow: 1px 1px 12px #555;
				-moz-box-shadow: 1px 1px 12px #555;
				-webkit-box-shadow: 1px 1px 12px #555;
				text-align: center;
				padding: 5px;	
			}
		
	/* Search Form */
	.search-bar {
	    /*
	    width: 100%;
	    position: relative;
	    top: 0;
	    right: 0;
	    display: none;
	    padding: 20px 0;
	    margin: 0;
	    */
	    position: relative;
		display: none;
		float: left;
		top: 0;
	    right: 0;
		margin: 0 !important;
		padding: 10px 0;
		width: 100%;
	    background-color: #E7E7E7;
	}
	.search-dropdown-icon {
	    display: block;
	    cursor: pointer;
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    right: 60px;
	    top: 32px;
	    font-family: 'WebSymbolsRegular';
	    font-size: 20px;
	    color: #b80000;
	    text-align: center;
	    line-height: 20px;
		    border-radius: 5px;
		     -moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		    border: 1px solid #b80000;
		    padding: 5px;
	}
	.search-bar form {
	    margin: 0;
	    width: 100%;
	}
		.search-bar form fieldset {
		    padding: 0 18px;
		    left: 0;
		    right: 0;
		    position: relative;
		}
	.search-bar div.field {
	    margin-bottom: 0;
	}
	.search-bar form input.text {
	    width: 93%;
	    padding: 8px 7% 8px 0;
	    text-indent: 15px;
	    position: relative;
	    display: block;
	    right: 0;
	    left: 0;
	    border: 1px solid #e5e5e5;
	    background: #fff;
	    font-size: 17px;
	}
	.search-bar form input.action {
	    right: 24px;
	    top: 2px;
	    font-size: 18px;
	}

	/* Main Content */
	.main {
	    padding: 20px 0 45px;
	}
	.content-container,
	aside {
	    width: 100%;
	}
		.content-container h1 {
		    font-size: 30px;
		    margin-bottom: 15px;
		    padding-bottom: 3px;
		}
		.content-container p {
		    font-size: 14px;
		    line-height: 23px;
		}
	p.intro {
	    font-size: 19px;
	    line-height: 27px;
	}
	.main .inner {
	    padding: 0 22px;
	}
	/* Secondry Nav */
	.secondary li a {
	    line-height: 24px;
	}
	.secondary li .arrow {
	    line-height: 26px;
	}
	/* Footer */
	.footer .right {
	    float: left;
	    width: 100%;
	}
}
@media print { 
	* {
	    background: transparent !important;
	    color: black !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	    -ms-filter: none !important;
	}
	.header,
	.footer {
	    display: none;
	}
	a,
	a:visited {
	    text-decoration: underline;
	}
	thead {
	    display: table-header-group;
	}
	tr,
	img {
	    page-break-inside: avoid;
	}
	img {
	    max-width: 100% !important;
	}
}

/**
* JQuery-UI Accordion
**/

#accordion h2 {
	width: 100%;
	margin: 10px 0 10px 0;
	padding: 0;
	outline:none;
	border-radius: 7px;
	box-shadow: 1px 1px 10px #555;
	-moz-box-shadow: 1px 1px 10px #555;
	-webkit-box-shadow: 1px 1px 10px #555;
}
#accordion h2:hover {
	cursor:pointer;
}
#accordion h2 span {
	margin: 0 0 0 20px;
}
#accordion h2 .ui-icon-plus {
	display: block;
	float: left;
	margin: 5px 0 0 10px;
	background-image:  url('../images/arrow_down.png') !important;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}
#accordion h2 .ui-icon-minus {
	display: block;
	float: left;
	margin: 5px 0 0 10px;
	background-image: url('../images/arrow_right.png') !important;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}

/**
 *
 * Commentaires
 *
 */
 /* Form - Boputon Pulier... */
#Form_CommentsForm {
	background-image:  url('../images/body-bg.jpg');
	background-repeat: repeat;
	padding: 15px;
	margin: 0 5px 0 5px;
	border: 1px solid #b80000;
	/* Angles arrondis */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* ombre portée */
	box-shadow: 1px 1px 8px #555;
	-moz-box-shadow: 1px 1px 8px #555;
	-webkit-box-shadow: 1px 1px 8px #555;
}
#Form_CommentsForm .action {
	margin: 0 auto;
	display: table;
	width: 180px;
}
/* Messages **/
.good {
	background-position: 5px 7px;
	background-image:  url('../images/valid.png');
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	padding: 5px;
	border: 1px solid #b80000;
	text-indent: 20px;
	/* Angles arrondis */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.required {
	float: left;
	background-image:  url('../images/thead.png');
	color: #b80000;
	font-weight:900;
	/* Angles arrondis */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* ombre portée */
	box-shadow: 1px 1px 8px #555;
	-moz-box-shadow: 1px 1px 8px #555;
	-webkit-box-shadow: 1px 1px 8px #555;
}
/* Commentaires */
#comments-holder {
	padding: 20px;
	margin: 50px 0 0 0;
	width: 100%;
	/* Angles arrondis */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #dcdcdc;

}

#comments-holder h4 {
	font-size: 24px;
	padding: 20px;
}

#comments-holder ul li .comment {
	background-image:  url('../images/body-bg.jpg');
	background-repeat: repeat;
	padding: 15px;
	border-bottom: 1px solid #dcdcdc;
	margin: 0 0 5px 0;
}
#comments-holder div ul li.spam div {
	background-image:  url('../images/body-bg-red.jpg');
	background-repeat: repeat;
	padding: 15px;
	border-bottom: 1px solid #dcdcdc;
	margin: 0 0 5px 0;
}
#comments-holder div ul li.spam p.info {
	background-image:  url('../images/forbidden.png');
	background-repeat: no-repeat;
	text-indent: 20px;
}

#comments-holder ul li .info {
	font-size: 11px;
	font-style: italic;
}
#comments-holder ul li ul.action-links {
	margin: 0 auto 20px auto;
	padding: 0 0 20px 0;
	list-style: none;
	display: table;
	border-bottom: 1px solid #dcdcdc;
}
#comments-holder ul li ul.action-links li {
	display: inline;
	border: none;
}
#comments-holder ul li ul.action-links li a {
	padding: 0 20px 0 20px;
	border-right: 2px solid #b80000;
	color: #3c3c3c;
	
}
#comments-holder ul li ul.action-links li a:hover {
	color: #b80000;
	
}