/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */















/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    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;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



#adresse ul li {
	list-style-type: none;
}
#adresse ul {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(/interface/fond.png);
}
#rechercher {
	height: 2em;
	width: 100%;
	background-color: #374247;
	line-height: 2em;
	-webkit-box-shadow: 0px 3px 9px rgba( 55, 66, 71,0.8);
	;
	-moz-box-shadow: 0px 3px 9px rgba(55, 66, 71,0.8);
	;
	box-shadow: 0px 3px 9px rgba(55, 66, 71,0.8);
	;
	position: absolute;
	top: 0px;
	z-index: 100;
}
#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 3px 9px rgba( 55, 66, 71,0.8);
	;
	-moz-box-shadow: 0px 3px 9px rgba(55, 66, 71,0.8);
	;
	box-shadow: 0px 3px 9px rgba(55, 66, 71,0.8);
	;
	display: block;
	margin-top: 2em;
	background-image: url(/interface/decoFooter.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#societe {
	margin-top: 25px;
	background-image: url(/interface/fondHeader.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#haute {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #c7c6c6;
	border-right-color: #c7c6c6;
	border-bottom-color: #c7c6c6;
	border-left-color: #c7c6c6;
	margin-top: 0px;
	padding-top: 32px;
	width: 912px;
	border-right-style: solid;
	position: relative;
	clear: BOTH;
}
#liensPrincipaux ul {
	list-style-type: none;
	font-size: 1.2em;
	background-color: #FFF;
	height: 31px;
	line-height: 31px;
	margin-left: 0px;
	padding-left: 0px;
	width: 912px;
	margin-top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #c7c6c6;
	border-right-color: #c7c6c6;
	border-bottom-color: #c7c6c6;
	border-left-color: #c7c6c6;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/interface/fondNavPrinciaple.png);
}
#liensPrincipaux li {
	float: left;
	text-align: center;
	height: inherit;
	background-image: url(/interface/entre.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#liensPrincipaux a {
	background-image: url(/interface/fondNavPrinciaple.png);
	background-repeat: repeat-x;
	background-position: left top;
	color: #374246;
	text-decoration: none;
	font-weight: normal;
	padding-right: 1em;
	padding-left: 1em;
	height: 31px;
	display: block;
	margin-right: 3px;
}
#liensPrincipaux a:hover {
	color: #FFF;
	background-position: left bottom;
	background-image: url(/interface/fondNavPrinciaple.png);
	margin-right: 3px;
}
#HOME a {
	background-image: url(/interface/home.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 33px;
	padding-right: 0px;
	padding-left: 0px;
	height: 31px;
}
#HOME a.in {
	background-image: url(/interface/home.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 33px;
	padding-right: 0px;
	padding-left: 0px;
	height: 31px;
}
#HOME a:hover {
	background-image: url(/interface/home.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 33px;
	padding-right: 0px;
	padding-left: 0px;
	height: 31px;
}
#centre, #centro {
	width: 717px;
	position: relative;
	top: -80px;
	padding-top: 0ex;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	font-size: 1em;
	color: #FFF;
	background: rgb(56,67,72); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(56,67,72,1) 0%, rgba(38,46,50,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(56,67,72,1)), color-stop(100%, rgba(38,46,50,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(56,67,72,1) 0%, rgba(38,46,50,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(56,67,72,1) 0%, rgba(38,46,50,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(56,67,72,1) 0%, rgba(38,46,50,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(56,67,72,1) 0%, rgba(38,46,50,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384348', endColorstr='#262e32', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-color: #384348;/*a ne garder que pour le debugage*/
}
h1 {
	font-family: "Maven Pro", sans-serif;
	font-size: 3em;
	display: inline-block;
	margin: 0px;
	font-weight: normal;
	background-image: url(/interface/flecheCentre.png);
	background-repeat: no-repeat;
	background-position: left 20px;
	padding-left: 27px;
	text-transform: lowercase;
}
#centre article, #centro article {
	padding-left: 27px;
	font-family: "Varela Round", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.4;
}
#par3 {
	display: inline-block;
	width: 912px;
	position: relative;
	top: -40px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #c7c6c6;
	border-right-color: #c7c6c6;
	border-bottom-color: #c7c6c6;
	border-left-color: #c7c6c6;
}
#par3 article {
	float: left;
	display: inline-block;
	margin-left: 18px;
}
#par3 article p {
	border: 1px solid #CCC;
	height: 155px;
	width: 270px;
	margin: 0px;
	font-family: Oxygen, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.9em;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.3em;
	padding-top: 1em;
	padding-right: 1ex;
	padding-bottom: 1em;
	padding-left: 1ex;
}
#par3 article.x2 p {
	border: 1px solid #CCC;
	height: 155px;
	width: 558px;
	margin: 0px;
	font-family: Oxygen, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.9em;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.3em;
	padding-top: 1em;
	padding-right: 1ex;
	padding-bottom: 1em;
	padding-left: 1ex;
}
h2 {
	color: #0BA3DE;
	margin: 0px;
	text-align: left;
	font-family: "Quattrocento Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5 em;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.4;
	padding-left: 2px;
	width: 270px;
}
#conteneur footer {
	font-family: "Varela Round", sans-serif;
	clear: both;
	width: 852px;
	padding: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	background: rgb(237,237,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237,237,238,1)), color-stop(100%, rgba(216,216,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededee', endColorstr='#d8d8d8', GradientType=0 ); /* IE6-8 */
}
/*--Window/Masking Styles--*/
.window {
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	border: 1px solid #CCC;
	height: 177px;
	width: 270px;
	margin: 0px;
	font-family: Oxygen, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.9em;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1.3em;
}
.image_reel {
	position: relative;
	top: 0;
	left: 0;
	visibility: visible;
	height: 100%;
	width: 100%;
}
.image_reel DIV {
	float: left;
	width: 257px;
	height: 155px;
	text-align: justify;
	display: block;
	padding-top: 1em;
	padding-right: 1ex;
	padding-bottom: 1em;
	padding-left: 1ex;
}
/*--Paging Styles--*/
.paging {
	right: 0px;
	height: 22px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: right;
	line-height: normal;
	display: inline;

	background-repeat: no-repeat;
	float: right;
}
.paging a {
	text-decoration: none;
	color: #fff;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	background-image: url(/interface/passif.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.paging a.active {
	font-weight: bold;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: url(/interface/actif.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.paging a:hover {
	font-weight: bold;
}
#moteur {
	width: 332px;
	position: absolute;
	left: 50%;
	margin-left: 95px;
}
#res1 a {
	display: block;
	background-image: url(/interface/FACE.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 20px;
}
#res1 a:hover, #res1 a:focus, #res1 a:active {
	background-image: url(/interface/FACE.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 19px;
	width: 20px;
}
#res2 a {
	float: right;
	display: block;
	background-image: url(/interface/TWEAT.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 20px;
}
#res2 a:hover, #res2 a:focus, #res2 a:active {
	background-image: url(/interface/TWEAT.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 20px;
	width: 20px;
}
#fin {
	height: 22px;
}
footer article {
	width: 169px;
	float: left;
}
footer #adresse article {
	font-size: 0.9em;
	width: inherit;
	margin-right: 5em;
	color: #3f4a4e;
}
h3 {
	color: #3f4a4e;
	margin: 0px;
	font-weight: normal;
}
h3 strong {
	font-size: 0.8em;
}
#filet {
	height: 1px;
	width: 852px;
	margin-top: 15px;
}
#opqf {
	float: right;
	margin-top: 8px;
	vertical-align: middle;
}
footer a:link, #footer a:visited {
	color: #a3a3a3;
	text-decoration: none;
	font-size: 0.9em;
}
footer a:hover {
	color: #a3a3a3;
	text-decoration: underline;
}
footer #adresse #bleu {
	float: left;
	margin-right: 2em;
	color: #0BA3DE;
}
#centre ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	-o-column-gap: 20px;
	column-gap: 20px;
	width: 100%;
}
#centre li {
	background-image: url(/interface/5X5.png);
	background-repeat: no-repeat;
	background-position: left 1ex;
	padding-left: 15px;
	list-style-type: none;
	list-style-position: outside;
}


#centro article ul.rech {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
#centro article ul.rech li {
	background-image: url(/interface/5X5.png);
	background-repeat: no-repeat;
	background-position: left 1ex;
	padding-left: 15px;
	list-style-type: none;
	list-style-position: outside;
}


#centre nav {
	text-align: right;
	margin-bottom: 15px;
}
#centre nav a, #centro nav a {
	color: #FFF;
	text-decoration: none;
}
#centre nav a:hover, #centro nav a:hover  {
	color: #FFF;
	text-decoration: underline;
}
#centre article ul {
	float: left;
	margin-right: 30px;
}
.cadrePh {
	border: 1px solid #364144;
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#centre article ul li a, #centro article ul li a {
	color: #FFF;
	text-decoration: none;
}
#centre article ul li a:hover, #centro article ul li a:hover {
	color: #FFF;
	text-decoration: underline;
}
.bleu {
	font-weight: bold;
	color: #009FE4;
}
#zoneContact1 {
	margin-top: 10px;
	background-color: #eeeeee;
	height: 105px;
	font-size: 12px;
	color: #384348;
	padding-left: 30px;
	padding-top: 15px;
	width: 882px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	border-left-color: #C0C0C0;
}
.zoneContact2 {
	height: 79px;
	width: 273px;
	padding-top: 0px;
	padding-left: 10px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-top-color: #dcdbdb;
	border-right-color: #dcdbdb;
	border-bottom-color: #dcdbdb;
	border-left-color: #dcdbdb;
	float: left;
}
.arialBleu {
	font-family: "Maven Pro", sans-serif;
	font-size: 24px;
	color: #009fe3;
	display: block;
	margin-bottom: 8px;
}
.arial24 {
	font-size: 24px;
}
#button {
	color: #FFF;
	background-color: #009FE3;
	border: 1px solid #009FE3;
}
.bleu {
	color: #009EE7;
}
.CapDevant {
	text-transform: capitalize;
}

.ColProg {
padding-left:27px;

-moz-column-count:2;
-webkit-column-count:2;
-o-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
-o-column-gap:20px;
column-gap:20px;
-webkit-column-rule-width:1px;
-webkit-column-rule-color:#cfcfcf;
-webkit-column-rule-style:solid;
-moz-column-rule-width:1px;
-moz-column-rule-color:#cfcfcf;
-moz-column-rule-style:solid;
-o-column-rule-width:1px;
-o-column-rule-color:#cfcfcf;
-o-column-rule-style:solid;
column-rule-width:1px;
column-rule-color:#cfcfcf;
column-rule-style:solid;
	width: 66%;
	}
	
	#cartouche {
	padding: 5px;
	float: right;
width: 22%;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
background: rgb(237,237,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237,237,238,1)), color-stop(100%, rgba(216,216,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(237,237,238,1) 0%, rgba(216,216,216,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededee', endColorstr='#d8d8d8', GradientType=0 ); /* IE6-8 */
}

article {
	overflow: hidden;

}