@charset "UTF-8";
/* CSS Document */
/*
@import "royal-preloader.css";
@import "bootstrap.min.css";
@import "font-awesome.min.css";
@import "animate.min.css";*/

/*@import "font-awesome.min.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300);*/



/**********************
	-	RESET	-
************************/
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, address, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
}
/*
html {
	overflow-x:hidden;
	padding: 0 !important;
	margin:0px !important;
}

body {
	background-color:#747580;
	padding: 0 !important;
	margin:0px !important;
    -webkit-backface-visibility: inherit;
}*/

.conteneur{
    width: 100%; /*960px;*/
    margin-left: auto;
    margin-right: auto;
}

.layout{
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}
a:link {
	text-decoration: none;
	color: rgba(238,127,10,1);
	font-weight: 500;
}
a:visited {
	text-decoration: none;
	color: rgba(238,127,10,1);
	font-weight: 500;
}
a:hover {
	text-decoration: none;
	color: rgba(238,127,10,1);
	font-weight: 700;
}
a:active {
	text-decoration: none;
	color: rgba(238,127,10,1);
	font-weight: 500;
}
.container{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,1);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 5px solid #fff;
	-moz-box-shadow: 1px 1px 12px #aaa;
	-webkit-box-shadow: 1px 1px 12px #aaa;
	box-shadow: 1px 1px 12px #555;
	z-index: 1000;
	position:relative;
    overflow: hidden;
}
.container_sans{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,1);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/*border: 5px solid #fff;*/
	-moz-box-shadow: 1px 1px 12px #aaa;
	-webkit-box-shadow: 1px 1px 12px #aaa;
	box-shadow: 1px 1px 12px #555;
	z-index: 1000;
	position: relative;
	background-image: url(../navig/fond_contenu.png), url(../navig/pied_contenu.png);
	background-size: 100%, contain;
	background-repeat: repeat-y, no-repeat;
	background-position: top, bottom;
}

.center{
	text-align: center;
}
.row{
	display: block;
	position: relative;
} /*margin-right:-25px;margin-left:-25px*/

.clear{
	clear: both;
	height: 0px;
	width: 100%;
	position: relative;
}
table{border-collapse:collapse;border-spacing:0}

.margetop10 { margin-top: 10px !important }
.margetop25 { margin-top: 25px }
.margetop40 { margin-top: 40px }
.margetop50 { margin-top: 50px }
.margetop75 { margin-top: 75px }
.margetop100 { margin-top: 100px }
.margetop125 { margin-top: 125px }
.margetop150 { margin-top: 150px }

.margebottom10 { margin-bottom: 10px !important }
.margebottom25 { margin-bottom: 25px }
.margebottom40 { margin-bottom: 40px }
.margebottom50 { margin-bottom: 50px }
.margebottom75 { margin-bottom: 75px }
.margebottom100 { margin-bottom: 100px }
.margebottom125 { margin-bottom: 125px }
.margebottom150 { margin-bottom: 150px }

.padtop10 { padding-top: 10px !important }
.padtop25 { padding-top: 25px }
.padtop40 { padding-top: 40px }
.padtop50 { padding-top: 50px }
.padtop75 { padding-top: 75px }
.padtop100 { padding-top: 100px }
.padtop125 { padding-top: 125px }
.padtop150 { padding-top: 150px }

.padbottom10 { padding-bottom: 10px !important }
.padbottom25 { padding-bottom: 25px }
.padbottom40 { padding-bottom: 40px }
.padbottom50 { padding-bottom: 50px }
.padbottom75 { padding-bottom: 75px }
.padbottom100 { padding-bottom: 100px }
.padbottom125 { padding-bottom: 125px }
.padbottom150 { padding-bottom: 150px }

.padleft10{ padding-left: 10px }
.padright10{ padding-right: 10px }
.padleft30{ padding-left: 30px }
.padright30{ padding-right: 30px }
.padleft140{ padding-left: 140px }
.padleft40{ padding-left: 40px }
.padright40{ padding-right: 40px }

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;min-height:1px;}



.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{float:left}
.col-1{width:25%}
.col-2{width:50%}
.col-3{width:75%}
.col-4{width:100%}
.col-5{width:100%}
.col-6{width:100%}
.col-7{width:100%}
.col-8{width:100%}
.col-9{width:100%}
.col-10{width:100%}
.col-11{width:100%}
.col-12{width:100%}




@media(min-width:768px){
.container, .container_sans{
	max-width:740px;
}
.col-1{width:16.666666666666664%}
.col-2{width:25%}
.col-3{width:25%}
.col-4{width:50%}
.col-5{width:83.333333333333334%}
.col-6{width:100%}
.col-7{width:100%}
.col-8{width:100%}
.col-9{width:75%}
.col-10{width:75%}
.col-11{width:91.66666666666666%}
.col-12{width:100%}
}



@media(min-width:992px){
.container, .container_sans{
	max-width:950px;
}
.col-1{width:8.333333333333332%}
.col-2{width:16.666666666666664%}
.col-3{width:25%}
.col-4{width:33.33333333333333%}
.col-5{width:41.66666666666667%}
.col-6{width:50%}
.col-7{width:58.333333333333336%}
.col-8{width:66.66666666666666%}
.col-9{width:75%}
.col-10{width:83.33333333333334%}
.col-11{width:91.66666666666666%}
.col-12{width:100%}
}



@media(min-width:1200px){
.container, .container_sans{
	max-width:1160px;
}
.col-1{width:8.333333333333332%}
.col-2{width:16.666666666666664%}
.col-3{width:25%}
.col-4{width:33.33333333333333%}
.col-5{width:41.66666666666667%}
.col-6{width:50%}
.col-7{width:58.333333333333336%}
.col-8{width:66.66666666666666%}
.col-9{width:75%}
.col-10{width:83.33333333333334%}
.col-11{width:91.66666666666666%}
.col-12{width:100%}
}