/* --------------------------------------------------
		Message d'erreur / d'information
-------------------------------------------------- */
.erreur {
	background-color : #E95325;
	padding : 7px;
	font-weight : bold;
	font-size : 14px;
	line-height : 2em;
}
.erreur a {
	font-style : italic;
	color : white;
	text-decoration : none;
}
.erreur a:hover {
	text-decoration : underline;
}
.information {
	background-color : #23A200;
	font-weight : bold;
	padding : 7px;
}
/* --------------------------------------------------
				En Tête  De Page
-------------------------------------------------- */
/*.slider [id="1"] {
	overflow:hidden;
	position:absolute;
	top:50%;
	left:50%;
	width:800px;
	height:450px;
	margin:-260px 0 0 -400px;
	border-radius:10px;
	-webkit-box-shadow:0 1px 7px #000;
	box-shadow:0 1px 7px #000;
}
.slider [id="1"]:hover a {
	opacity:1;
}
.slider [id="1"]:target [data-page][href$="1"], .slider [id="2"]:target [data-page][href$="2"], .slider [id="3"]:target [data-page][href$="3"], .slider [id="4"]:target [data-page][href$="4"] {
	background-position:0 0;
}
.slider [id="1"]:target *+span {
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translateX(0);
}
.slider [id="2"]:target *+span {
	-webkit-transform:translate3d(-800px,0,0);
	-moz-transform:translateX(-25%);
}
.slider [id="3"]:target *+span {
	-webkit-transform:translate3d(-1600px,0,0);
	-moz-transform:translateX(-50%);
}
.slider [id="4"]:target *+span {
	-webkit-transform:translate3d(-2400px,0,0);
	-moz-transform:translateX(-75%);
}
.slider [id="2"] {
	display:block;
	height:100%;
	-webkit-mask-box-image:url(mask);
}
.slider [id="2"]::before {
	content:"";
	width:100%;
	height:100%;
	background:url(border);
	pointer-events:none;
}
.slider [id="2"]::before, a {
	position:absolute;
	z-index:1;
}
.slider a {
	opacity:0;
	-webkit-transition:opacity .8s cubic-bezier(0,0,.4,1);
	-moz-transition:opacity .8s cubic-bezier(0,0,.4,1);
}
.slider [data-page] {
	left:356px;
	bottom:15px;
	width:16px;
	height:17px;
	background:url(dots) no-repeat 0 100%;
}
.slider [data-page][href$="2"] {
	left:381px;
}
.slider [data-page][href$="3"] {
	left:405px;
}
.slider [data-page][href$="4"] {
	left:429px;
}
.slider [data-direction] {
	top:200px;
	background:url(arrows);
	width:29px;
	height:29px;
	visibility:hidden;
}
.slider [data-direction]:active {
	-webkit-transform:translateY(1px);
	-moz-transform:translateY(1px);
}
.slider [data-direction="l"] {
	left:30px;
	background-position:0 100%;
}
.slider [data-direction="r"] {
  right:30px;
}
.slider [id="1"]:target [data-direction="r"][href$="2"], [id="2"]:target [data-direction="l"][href$="1"], .slider [id="2"]:target [data-direction="r"][href$="3"], .slider [id="3"]:target [data-direction="l"][href$="2"], .slider [id="3"]:target [data-direction="r"][href$="4"], .slider [id="4"]:target [data-direction="l"][href$="3"] {
	visibility:visible;
}
.slider  *+span {
	display:block;
	width:3200px;
	-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.2,1);
	-moz-transition:-moz-transform 1s cubic-bezier(0,0,.2,1);
}
.slider img {
	float:left;
}*/


.bloc-carousel {
    margin: 0px auto 10px auto;
    position: relative;
    border: 10px solid #fff;
    width: 800px;
    height: 250px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

/** Carousel **/

.carousel {
    position: relative;
    overflow: hidden;
}

.carousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel li {
    float: left;
    width: 600px;
    height: 400px;
}

/** Carousel Controls **/

.carousel-controle-precedent,
.carousel-controle-suivant {
    position: absolute;
    top: 90px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.carousel-controle-precedent {
    left: -50px;
}

.carousel-controle-suivant {
    right: -50px;
}

.carousel-controle-precedent:hover span,
.carousel-controle-suivant:hover span {
    display: block;
}

header {
	padding-top : 20px;
	background-color : #34495E;
}
div#slider {
	height : 250px;
	width: 100%;
	max-width: 800px;
	overflow : hidden;
} 
div#slider figure {
	position: relative; 
	width: 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: left;
}
div#slider figure img {
	width: 20%;
	height: auto;
	float: left;
}
@keyframes slidy {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}
div#slider figure {
	position: relative;
	width: 500%;
	max-width : 500%;
	margin: 0;
	padding: 0;
	font-size: 0;
	left: 0;
	border : none;
	text-align: left;
	animation: 30s slidy infinite;
}*/
.logo {
	min-width : 250px;
}
/* --------------------------------------------------
				Menu De Page
-------------------------------------------------- */
nav {
	text-transform : uppercase;
	font-family : Arial, Helvetica;
	font-size : 14px;
	font-weight : bold;
	line-height : 40px;
}
nav a {
	text-decoration : none;
	display : block;
}
@media handheld, only screen and (max-device-width : 500px), only screen and (min-device-width : 501px) and (max-device-width : 1024px) and (orientation : portrait), only screen and (min-device-width : 501px) and (max-device-width : 1024px) and (orientation : landscape) {
	nav a {
		display : inline-block;
	}
}
nav ul, nav ul ul {
	list-style : none;
	padding : 0;
}
nav a, nav ul li {
	color : #FFFFFF;
}
nav ul li {
	display: inline; zoom: 1; /* inline-block pour IE6 */
	display : inline-block;
	background-color : #546678;
	width : 247px;
	text-align : center;
	border : 4px solid #485B6E;
	margin-left : -4px;
	margin-top : -4px;
}
nav ul li ul li, nav ul li ul li ul li {
	width : 247px;
	border-top : none;
	border-bottom : none;
	position : relative;
	z-index : 1;
}
nav ul li ul li:first-child {
	border-top : 4px solid #485B6E;
	margin-top : 0;
}
nav ul li ul li:last-child {
	border-bottom : 4px solid #485B6E;
}
nav ul li:hover {
	background-color : #5D6D7E;
}
nav ul li ul, nav ul li:hover ul li ul {
	display : none;
	position : absolute;
	width : 247px;
}
nav ul li ul {
	margin-left : -2px;
}
nav ul li:hover ul, nav ul li ul li:hover ul {
	display : block;
}
nav ul li ul li ul {
	margin-left : 241px;
	margin-top : -44px;
}
/* --------------------------------------------------
				Menu fil ariane
-------------------------------------------------- */
.menu-fil-ariane {
	margin : 0px 0px 0px 30px;
}
.menu-fil-ariane, .menu-fil-ariane a {
	text-align : left;
	font-size : 16px;
	color : #F08D00;
}
/* --------------------------------------------------
				Zone de recherche
-------------------------------------------------- */
.recherche {
	width : 293px;
	line-height : 40px;
}
.recherche:hover {
	background-color : #546678;
}
.menu-form-recherche {
	position : relative;
	left : 10px;
}
.champ-recherche {
	width : 260px;
	padding : 2px;
	padding-right : 35px;
	border : 2px solid rgb(24,24,24); /* Pour les anciens navigateurs qui ne gèrent pas rgba */
	border : 2px solid rgba(24,24,24,0.8);
	font-size : 14px;
}
.champ-recherche:focus {
	border-color: #66AFE9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bouton-recherche {
	position : relative;
	right : 28px;
	bottom : -2px;
}
ul.ui-autocomplete {
	text-align : left;
	font-size : 14px;
	border-color: #66AFE9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	border-top : none;
}
/* --------------------------------------------------
				Corps des pages
-------------------------------------------------- */
/* Tous les éléments */
* {
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}
/* Corps de la page */
body {
	font-family : "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size : 14px;
	line-height : 1.42857143;
	color : #333;
	text-align : center;
	margin : 0;
	min-width : 300px;
}
/* Alignement */
.align-left {
	text-align : left;
	/*float : left;*/
}
.align-center {
	text-align : center;
	margin : auto;
}
.align-right {
	text-align : right;
	/*float : right;*/
}
.align-justify {
	text-align : justify;
}
.vertical-top {
	vertical-align : top;
}
.vertical-middle {
	display : inline-block;
	vertical-align : middle;
}
.alinea {
	text-indent : 35px;
}
/* Style d'écriture */
.gras {
	font-weight : bold;
}
.italique {
	font-style : italic;
}
.souligner {
	text-decoration : underline;
}
.barrer {
	text-decoration : line-through;
}
.info {
	font-size : 12px;
}
/* Titre de la page */
.titre-logo {
	text-align : left;
	margin : 10px 0 45px 0;
}
.titre-logo img {
	
}
.titre-logo h1 {
	margin : -64px 0 0 50px;
	font-size : 20px;
	color : white;/*#81725F*/
	text-shadow : 0px 0px 2px #333333;
	border : 1px solid #485B6E;
	background-color: #AEB6BE;
	padding : 2px;
	text-align : center;
	position : relative;
}
h3 {
	font-weight : bold;
	text-decoration : underline;
	text-transform : uppercase;
	display : inline-block;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color : inherit;
}
/* Liste à puces */
ul {
	list-style-position : inside;
}
/* Image et légende */
figure {
	margin: 0;
	margin-bottom : 20px;
	border : 1px solid #485B6E;
	max-width : 450px;
}
figure img {
	border-bottom : 1px solid #485B6E;
}
figcaption {
	padding : 4px;
	text-align : center;
	background-color : #7D8A98;
	font-weight: bold;
	text-transform : uppercase;
}
figure:hover figcaption {
	background-color : #5D6D7E;
}
figcaption input {
	white-space : normal;
}
/* ligne horizontale*/
hr {
	margin-top : 20px;
	margin-bottom : 20px;
	border : 0;
	border-top : 1px solid #EEE;
}
/* tableau */
.table {
	width : 100%;
	max-width : 100%;
	margin-bottom : 30px;
	border-spacing: 0;
	text-align : center;
}
.table, .table th, .table td {
	border : 1px solid #DDDDDD;
}
.table th {
	text-transform : uppercase;
	background-color : #B0C4DE;
}
.table th, .table td {
	padding : 8px;
	vertical-align: top;
}
.table td {
	background-color : #F9F9F9;
}
.table tr:hover td {
	background-color : #D9EDF7;
}
.table-inverse th {
	width : 30%;
}
/*.table-responsive {
	overflow-x: auto;
  min-height: 0.01%;
}
@media (max-width: 500px) {
	    .table-responsive {
			width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #dddddd;}
	.table-responsive td, .table-responsive tr {
		display : block;
	}
	.table-responsive thead, .table-responsive tfoot {
		display : none;
	}
	.table-responsive tr {
		border-bottom : 2px solid #DDDDDD;
	}
	.table-responsive td {
		position : relative;
		padding-left : 50%;
	}
	.table-responsive td:before {
		content : attr(data-titre);
		position : absolute;
		left : 0px;
		width : 45%;
		text-transform : uppercase;
		text-align : center;
		font-weight : bold;
		margin-right : border-bottom : 1px solid #DDDDDD;
	}
}*/
/* formulaire */
form div {
	margin : auto;
	margin-bottom: 15px;
}
form a {
	text-decoration : none;
}
fieldset {
	border : 1px solid #E5E5E5;
	/*padding : 0;
	margin : 0;*/
}
legend {
	padding : 0 10px 0 10px;
	font-size : 18px;
	line-height : 40px;
	/*color : ;*/
}
.input {
	height : 34px;
}
.textarea {
	resize : none;
	vertical-align : top;
	height : 250px;
}
.input, .textarea {
	width : calc(100% - 200px);
	padding : 6px 12px;
	font-size: 14px;
	color: #555555;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin-right : 40px;
	margin-bottom : 10px;
}
.input:focus, .textarea:focus {
	border-color: #66AFE9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.input-file {
	width : calc(100% - 200px);
	font-size : 14px;
	margin-right : 40px;
	margin-bottom : 10px;
}
.infos-file {
	font-size : 10px;
	text-align : left;
	margin-left : 160px;
	margin-top : -8px;	
}
.titre-select {
	background-color : #EEE;
	opacity : 1;
	border-bottom : 1px solid #DDD;
}
.label, .label-checkbox, .label-radio {
	display : inline-block;
	font-weight : bold;
	text-align : right;
	width : 150px;
	margin-right : 5px;
}
.label-checkbox, .label-radio {
	text-align: left;
}
.hidden {
	display : none;
}
input[type="checkbox"], input[type="radio"] {
	margin-bottom : 25px;
}
.button, html .input[type="button"], .input[type="reset"], .input[type="submit"] {
	width : 40%;
	margin : 10px;
	-webkit-appearance: button;
	cursor: pointer;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	
}
@media (min-width: 492px) and (max-width: 734px) {
	.label {
		width : 100%;
		margin-bottom : 5px;
		text-align : left;
		margin-left : 20px;
	}
	.input, .textarea, .input-file {
		width : 100%;
	}
	.infos-file {
		margin-left : 0;
	}
}
@media (max-width: 491px) {
	.label {
		width : 100%;
		margin-bottom : 5px;
		text-align : center;
	}
	.input, .textarea, .input-file {
		width : 100%;
	}
	.infos-file {
		margin-left : 0;
	}
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
		width : 100%;
		margin-left : 0;
		margin-right : 0; 
	}
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
	text-align : center;
    float: none !important;
}
.boite-dialogue-lien, .boite-dialogue-tableau, .boite-dialogue-image {
	margin-top : 15px;
}
.boite-dialogue-lien .label {
	width : 55px;
}
.boite-dialogue-lien .input {
	width : calc(100% - 80px);
	margin : 0;
}
.boite-dialogue-image .label {
	width : 115px;
}
.boite-dialogue-image .input {
	width : calc(100% - 130px);
	margin : 0;
}
.boite-dialogue-tableau .label {
	width : 180px;
}
.boite-dialogue-tableau .label-radio {
	width : auto;
	vertical-align : middle;
}
.boite-dialogue-tableau input + .label-radio {
	margin-left : 20px;
}
.boite-dialogue-tableau .input, .groupe-radio div {
	width : calc(100% - 205px);
	margin : 0;
}
.groupe-radio div, .groupe-radio p {
	display : inline-block;
}
.groupe-radio p {
	text-align : right;
	margin-right : 5px;
	font-weight : bold;
	width : 180px;

}
.boite-dialogue-couleur {
	
	
}
.boite-dialogue-couleur tr a {
	display : block;
	width : 20px;
	height : 20px;
	border : 1px solid #808080;
}
/* --------------------------------------------------
				Pied De Page
-------------------------------------------------- */
footer {
	border-top : 4px solid #485B6E;
	background-color : #34495E;
	padding : 10px;
	color : white;
}
footer a, .lien-footer {
	color : #B4B4B4;
	padding : 0px 15px 0px 15px;
}
footer a:hover {
	color : white;
}
/* --------------------------------------------------
				Impression
-------------------------------------------------- */
@media print {
	header {
		border-bottom : 4px solid #485B6E;
	}
	nav, .lien-footer {
		display : none;
	}
	.container {
		margin : 0px;
	}
	.container-principal {
		border : none;
	}
}