/* DEFAULT CSS */
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th {
	/*margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;*/
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
    margin:0;
}
h1{
    font-size: 40px;
    font-family: "Arial";
    margin-top: 20px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html {
	height: 100%;
	background-color: #f4f4f4;
}
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #01141F;
	background-color: #f4f4f4 !important;
	height: 100%;
	font-size:16px;
	line-height:20px;
}
input, textarea, select {}
input:focus, textarea:focus, select:focus {border: 2px solid #C7063D;}
label { cursor:pointer; }
li {list-style-position: outside; list-style-type: none; }

a { text-decoration: none; outline:none; color:#FDB800;}
a:hover { text-decoration: underline; color:#9D4F07;}
#content a { text-decoration: none; outline:none; color:#FDB800;}
#content a:hover { text-decoration: underline; color:#9D4F07;}

img{ border: 0;}
.image {padding: 3px;}
.image a {display: block;text-decoration: none;padding: 3px; color: #666666; text-align: center;}
.image a:hover {background-color: #DDD;text-decoration:none;}
.image img {border: 1px solid #666;display:block;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #87042B;
	background-color: #DF343A;
	padding: 2px;
	opacity: 0.90;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3{font-size: 0.9em; color: #FFF;}
#tooltip div{font-size: 0.9em; color: #FFF;} 

.clear{clear: both;}

hr{color: #C7063D;background-color: #C7063D;height: 1px;border: 0;margin: 5px auto 5px auto;}
hr.footer{width: 90%; color: #C7063D;background-color: #C7063D;height: 1px;border: 0;}

fieldset {border: 1px solid #0955A0; -moz-border-radius: 4px; width: 95%; margin: 4px auto; padding: 7px; }
fieldset legend { padding: 0px 10px; margin-left: 10px; font-size: 1.2em; color: #0955A0;}

.info {font-weight: normal; font-size: 0.9em;}

#suivezNous{
	text-align: center;
    margin: 15px 0;
}
/* ############################################    LAYOUT   #####################################   */
#layout { position: relative; width: 100%; z-index:1; background-color: #FFF; margin: auto;max-width:1200px;}
	#layout #page {margin: auto; z-index:1; position: relative;}
	
        #layout #header{position:relative;height:385px;background:url('../../images/home/header.jpg') no-repeat;background-size: cover;z-index:4;}
        #layout #header #title{position: absolute; left:0; bottom: 0; width:100%; height: 131px; background:url('../../images/home/bg_title.png') bottom right no-repeat; z-index:10;}
        #layout #header #title img{width:100%; max-width:782px; position: absolute; left: 0; bottom: 0; padding-left: 10%;}
        /*@media screen and (max-width: 765px) {#layout #header #title img{width:50%;}}*/
        #layout #header #title h1{margin: 0;}
        #layout #header #title h1 a{display:block; width:100%; /*height:131px; background:url('../../images/home/title.png') no-repeat;*/}
        #layout #header #title h1 a span{display: none;}
        #layout #header #links{position: absolute; top: 152px; left: 205px; width: 755px; text-align: center;}
        #layout #header #links .sep {color: #ffb600; padding: 0 5px;}
        #layout #header #links a {color: #fff;}
        @media screen and (max-width: 1600px) {#layout #header{height: 385px;}}
        @media screen and (max-width: 1500px) {#layout #header{height: 385px;}}
        @media screen and (max-width: 1450px) {#layout #header{height: 378px;}}
        @media screen and (max-width: 1400px) {#layout #header{height: 365px;}}
        @media screen and (max-width: 1350px) {#layout #header{height: 352px;}}
        @media screen and (max-width: 1300px) {#layout #header{height: 340px;}}
        @media screen and (max-width: 1250px) {#layout #header{height: 326px;}}
        @media screen and (max-width: 1200px) {#layout #header{height: 313px;}}
        @media screen and (max-width: 1150px) {#layout #header{height: 299px;}}
        @media screen and (max-width: 1100px) {#layout #header{height: 286px;}}
        @media screen and (max-width: 1050px) {#layout #header{height: 246px;}}
        @media screen and (max-width: 1000px) {#layout #header{height: 234px;}}
        @media screen and (max-width: 950px) {#layout #header{height: 222px;}}
        @media screen and (max-width: 900px) {#layout #header{height: 210px;}}
        @media screen and (max-width: 850px) {#layout #header{height: 200px;}}
        @media screen and (max-width: 800px) {#layout #header{height: 187px;}}
        @media screen and (max-width: 750px) {#layout #header{height: 187px;}}
        @media screen and (max-width: 700px) {#layout #header{height: 164px;}}
        @media screen and (max-width: 650px) {#layout #header{height: 153px;}}
        @media screen and (max-width: 600px) {#layout #header{height: 140px;}}
        @media screen and (max-width: 550px) {#layout #header{height: 130px;}}
        @media screen and (max-width: 500px) {#layout #header{height: 117px;}}
        @media screen and (max-width: 450px) {#layout #header{height: 111px;}}
                                
		#layout #menu{ position: relative; z-index:8;  	background: linear-gradient(left, #a10000 0%, #ff0035 100%);
        background: -moz-linear-gradient(left, #a10000 0%, #ff0035 100%);
        background: -webkit-linear-gradient(left, #a10000 0%, #ff0035 100%);
        background-color: -ms-red; height:82px; background:#a10000\9; }
		
		.navbar {
			border: 0px solid transparent !important;
		}

		.navbar-collapse{
			background: linear-gradient(left, #a10000 0%, #ff0035 100%);
			background: -moz-linear-gradient(left, #a10000 0%, #ff0035 100%);
			background: -webkit-linear-gradient(left, #a10000 0%, #ff0035 100%);
			background-color: -ms-red;
			background:#a10000\9;
		}
		
		.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
			background-color: #a70003 !important;
		}
		
		.navbar-default .navbar-toggle {
			border-color: #a70003 !important;
		}
		
		.navbar-default .navbar-toggle .icon-bar {
			background-color: #fff !important;
		}

		@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		/* IE10+ CSS styles go here */
			#layout #menu{background:#a10000; }
		}
			
						
		#layout #global{position:relative; /* height: 1250px;*/z-index:1;}
		@media screen and (max-width: 1595px) {#layout #global{position:relative; /*height: 1650px;*/z-index:1;}} 
                @media screen and (max-width: 1055px) {#layout #global{position:relative; /*height: 2000px;*/z-index:1;}}
                #layout #global #contenu{position: relative; margin: 0 auto; z-index:1; width:100%; /*height:850px;*/}
				/*#layout #global #contenu #imgHome{background: transparent url('/template/1ColumnResponsive/images/home/home_img') right top no-repeat;}*/
				#layout #global #contenu #imgHome{width: 100%; direction: rtl; overflow: hidden;}
					#layout #global #contenu #imgHome img{width: 100%; overflow: hidden;}		
			#layout #global #main{position:relative; margin: 0 auto;z-index:1; padding-top:30px; text-align: center;background:url('../../images/home/bg_drapeau.jpg') no-repeat;background-size: cover; }

                        #layout #footer{position:relative; margin: 0 auto;width:100%; height:350px; background:url('../../images/home/bg_footer.jpg') no-repeat; background-size: cover; padding: 5px 10px;}
                        @media screen and (max-width: 765px) { #layout #footer{height:650px;}}
                        @media screen and (max-width: 320px) { #layout #footer{height:700px;}}
                        #layout #footer #content_footer{position:relative; margin: 0 auto;width:100%;max-width:1100px; height:275px; padding-top:20px; color: white;}
                        #layout #footer #col_left{float: left;width:400px; height:250px;left: 200px;}
                        @media screen and (max-width: 765px) {#layout #footer #col_left{float:none !important; left:0; margin: 0 auto;  position: relative;}}
                        #layout #footer #col_right{float: right;width:330px; height:250px;left: 200px; }
                        @media screen and (max-width: 945px) {#layout #footer #col_right, #layout #footer #col_left{text-align:center;width:100%; margin: 0;}}
                        @media screen and (max-width: 765px) {#layout #footer #col_right{ float:none !important; left: 0; margin: 0 auto;}}
                        #layout #footer h1{font-weight: bold; font-size: 30px;}
                        #layout #footer #col_right p{font-size:20px;}
                        @media screen and (max-width: 320px) {#layout #footer #col_right p{font-size:16px;}}
                        #layout #footer #col_left p{font-size:20px;}
                        @media screen and (max-width: 320px) {#layout #footer #col_left p{font-size:16px;}}
                        #layout #footer #col_left .para .menufooter{float:left; width:130px;padding-right:20px;}
                        #layout #footer #col_left .para a{font-size:16px; color: white; display:block; margin-bottom: 10%; margin-left: 2px;}
                        #layout #footer .para{ margin-top: 50px;}
                        #layout #footer #black {margin:0 auto; bottom: 9px; font-size: 0.875em; }
                        @media screen and (max-width: 765px) { #layout #footer #black{bottom: 0; color: #fff;margin: 0; position: absolute; text-align: center;}}
                        #layout #footer #black p {color: #FFF; padding: 0px 5px; text-align: center;}
                        @media screen and (max-width: 320px) {#layout #footer #black p {font-size:12px; padding:0;}}
                        #layout #footer #black p a {color: #FFF; text-decoration: underline;}


/******
* MENU 
*******/
#layout .menuDiv {
	z-index: 10;
	color: white;
	font-size: 25px;
	text-transform: uppercase;

}
@media screen and (max-width: 765px) {
	#layout .menuDiv {font-size: 16px;}
	#layout #menu{height:50px;}
}
#layout #menuID {
	z-index: 10;
	color: #fff;
	font-family: Arial, Verdana;
    text-transform: uppercase;
}
#layout .TMenu,#layout .TSubMenuTable {
	cursor:pointer;
    margin: 0 auto;
	z-index:10;
}

#layout .TMenu {
	z-index:10;
	position: relative;
	top:0px;
}

#layout .TSubMenu {
	font-family: Arial, Verdana;
	position: absolute;
	visibility: hidden;
	font-size: 0.9em;
	background-color: #F6F6F6;
	color: #716B69;
	margin-top: 1px;
}
#layout .TSubMenu td { vertical-align: middle; }
#ddo{padding: 20px 0;}

/* Menu principal */

/* td */
#layout .TMenu .TMainItem td, #layout .TMenu .TMainItem:hover {
background-color: #5e0000;
        color:white;
}
/* td hover */
#layout .TMenu .TMainItemHover td, #layout .TMenu .TMainItemHover {
	background-color: #5e0000;
        color:white;
}
/* td hover active */
#layout .TMenu .TMainItemActive td, #layout .TMenu .TMainItemActive {
	background-color: #E0E0E0;
        color:white;
}

/* left */
#layout .TMenu .TMainFolderLeft, #layout .TMenu .TMainItemLeft{
	width: 0px;
	padding: 0;
	text-align: center;
}
/* left hover */
#layout .TMenu .TMainItemHover .TMainFolderLeft, #layout .TMenu TMainItemHover .TMainItemLeft{
}

/* texte */
#layout .TMenu .TMainFolderText, #layout .TMenu .TMainItemText{
	text-align: center; display: block; padding: 25px 10px;
	font-size:1.6em;
	font-weight:normal;
}
/* texte hover */
#layout .TMenu .TMainItemHover .TMainFolderText, #layout .TMenu .TMainItemHover .TMainItemText{
	color: white;
}
/* texte active */
#layout .TMenu .TMainItemActive .TMainFolderText, #layout .TMenu .TMainItemActive .TMainItemText{
	color: white;
}

/* right */
#layout .TMenu .TMainFolderRight, #layout .TMenu .TMainItemRight{
	width: 0px;
	padding: 0;
	text-align: center;
}
/* right hover */
#layout .TMenu .TMainItemHover .TMainFolderRight, #layout .TMenu .TMainItemHover .TMainItemRight{
}
/* right active */
#layout .TMenu .TMainItemActive .TMainFolderRight, #layout .TMenu .TMainItemActive .TMainItemRight{
}


/* Sub Menu */

/* td */
#layout .TSubMenu td{
}
/* td hover */
#layout .TSubMenu .TMenuItemHover td{
	background-color: #E0E0E0;
}
/* td active */
#layout .TSubMenu .TMenuItemActive td{
	background-color: #E0E0E0;
}

/* left */
#layout .TSubMenu .TMenuFolderLeft, #layout .TSubMenu .TMenuItemLeft{
	width: 0px;
	padding: 0;
	text-align: center;
}
/* left hover */
#layout .TSubMenu .TMenuItemHover .TMenuFolderLeft, #layout .TSubMenu TMenuItemHover .TMenuItemLeft{
}

/* texte */
#layout .TSubMenu .TMenuFolderText, #layout .TSubMenu .TMenuItemText{
	padding: 3px;
	text-align: center;
}
/* texte hover */
#layout .TSubMenu .TMenuItemHover .TMenuFolderText, #layout .TSubMenu .TMenuItemHover .TMenuItemText{
	color: #252525;
}

/* right */
#layout .TSubMenu .TMenuFolderRight, #layout .TSubMenu .TMenuMenuText{
	width: 0px;
	text-align: center;
}
/* right hover */
#layout .TSubMenu .TMenuItemHover .TMenuFolderRight, #layout .TSubMenu .TMenuItemHover .TMenuMenuText{
}
#MenuWrapper .navbar{padding: 0px;}
#MenuWrapper .navbar .container{padding: 0px;}
a.nav-link{text-align: center; display: block; padding: 25px 10px !important; font-size: 1.4em; line-height: 1.4em; font-weight: normal; color: white; text-transform: uppercase; font-family: Arial, Verdana;}
li.current-page, a.nav-link:hover{background-color: #5e0000; color: white; text-decoration: none;}
#MenuDIV{padding: 0px 15px;}

@media screen and (min-width: 1127px) {
	#layout #header #title{
		background-position:left;
	}
	#layout #global{background-size: cover;}
	/*#layout #global #main{padding-top:520px;}*/
	.btn_home img{max-width:280px;}
}

@media screen and (max-width: 1127px) {
	/*#layout #global #main{padding-top:64%;}*/
	.btn_home img{width:260px;}
}

@media screen and (max-width: 1100px) {
	#layout .TMenu .TMainFolderText, #layout .TMenu .TMainItemText{
		font-size: 1.4em;
		font-weight:bold;
	}
}

@media screen and (max-width: 1000px) {
	#layout .TMenu .TMainFolderText, #layout .TMenu .TMainItemText{
		font-size: 1.3em;
		font-weight:bold;
	}
}

@media screen and (max-width: 950px) {
	#layout .TMenu .TMainFolderText, #layout .TMenu .TMainItemText{
		font-size: 1.2em;
		font-weight:bold;
	}
	.btn_home img{width:240px;}
}


@media screen and (max-width: 945px) {
	#layout #footer #col_left .para .menufooter{width:100%;margin-bottom: 25px;}
	#layout #footer #col_left .para a{display:inline;padding:0 6px;}
	#layout #footer #col_left, #layout #footer #col_right{height:auto;}
	#layout #footer, #layout #footer #content_footer{height:100%;}
	#layout #footer #black{position:relative;}
}

@media screen and (max-width: 900px) {
	#layout .TMenu .TMainFolderText, #layout .TMenu .TMainItemText{
		font-size: 1.1em;
		font-weight:bold;
		padding: 25px 7px;
	}
	/*#layout #global #main{padding-top:70%;}*/
	#layout #global #contenu #imgHome img{width: 120%;}
}

@media screen and (max-width: 800px) {
	.btn_home img{width:180px;}
}

@media screen and (max-width: 768px) {
	#layout #header #title{
		height:60%;
	}
}

@media screen and (max-width: 700px) {
	#layout #header #title{
		height:60%;
	}
	.btn_home img{width:150px;}
	#layout #global #contenu #imgHome img{width: 170%;}
}

@media screen and (max-width: 490px) {
	#layout #global #contenu #imgHome img{width: 198%;}
}

@media screen and (max-width: 400px) {
	#layout #header #title{
		height:50%;
	}
	#layout #header #title img {
		padding-left: 0px;
	}
	.btn_home img{width:80%;}
}

/*@media screen and (max-width: 380px) {
	#layout #global #contenu #imgHome{height:152px;}
	#layout #global #contenu #imgHome img{width: 670px;margin-right: -14%;}
}*/

@media screen and (max-width: 300px) {
	#layout #footer #col_left .para .menufooter{float:none;clear:both;width:100%;}
	#layout #global #contenu #imgHome img{width: 670px;margin-right: -22%;}
}

@media screen and (max-width: 270px) {
	#layout #footer #col_left .para .menufooter{float:none;clear:both;width:100%;}
	#layout #global #contenu #imgHome{display:none;}
}

/* SHEET */ 

/* titre */
.sheet h1{
	font-size: 30px;
	padding: 10px 0;
	color: #2C5D8B;
}
.sheet h1 a { color: #2C5D8B; }

.sheet h2{
	font-size: 1.4em;
	padding: 10px 0;
	color: #2C5D8B;
}
.sheet h3{
	font-size: 1.4em;
	padding: 10px 0;
	color: #2C5D8B;
}

/* SEARCH */
#c-search{position: relative;width:100%; margin: 0;}
#c-search h2{position: absolute; top: 3px; left: 8px; color: #FFF; font-weight: normal; padding: 0px; border: 0 none; width: 0px;}
#c-search .content{}
#c-search ul{}
#c-search li{}
#c-search input{vertical-align:middle;}
#c-search form{}
#c-search input.keywords{
	position: absolute;
	background-color:transparent;
	border:0 none;
	color:#444;
	font-size: 11px;
	cursor:text;
	height:15px;
	top: 22px;
	left: 22px;
	padding:3px;
	width:127px;
}
#c-search input{position: absolute; left: 161px; top: 23px; width:22px; height: 17px; background:transparent; border:0 none; cursor: pointer;} 
#c-search .titre{color: #777777;}

/* News */
#c-news .c-footer { text-align: center; }



#promo{
	position: absolute;
    left: -50px;
	margin-top: 50px;
	
}

#promo:hover{
	cursor: pointer;
}