/* 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;
}
strong { font-weight: bold; }
/* remember to define focus styles! */
:focus {
	outline: 0; 
}
body {
	color: black;
	background-color: #f4f4f4 !important;
    margin:0;
	height: 100%;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media screen and (max-width: 320px) { body{font-size:16px; text-align:left !important;}}
h1{
    font-size: 30px;
    font-family: "Arial";
}
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;
}
input, textarea, select { overflow: visible; border: 1px solid #AAAAAA; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 3px;}
input:focus, textarea:focus, select:focus {border: 1px solid #A0C84E;}
label { cursor:pointer; }

ul, li { list-style-position:inside;}

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

img{ border: 0;}
//@media screen and (max-width: 765px) {img{width:75%;}}
#content .sheet .image {padding: 3px; float: left;}
#content .sheet .image a {display: block; text-decoration: none;padding: 3px; color: #666666;}
#content .sheet .image a:hover {text-decoration:none;}
#content .sheet .image img {border: 1px solid #666;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #2666AB;
	background-color: #2666AB;
	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;} 

ul.pagination {list-style-image:none;list-style-position:outside;list-style-type:none; text-align: center; padding: 7px;}
ul.pagination li{display:inline; padding-left: 10px;}
ul.pagination li a{border:1px solid #DDD;color:#666;padding:2px 5px;text-decoration:none;background-color: #FFF;}
ul.pagination li a:hover{border:1px solid #DDD;color:#666; background-color: #DDD; padding:2px 5px;text-decoration:none;}
ul.pagination li.linkSelected a{background-color: #DDD;}

.clear{clear: both;}

hr{color: transparent;;height: 1px; border: 0 none; width: 50%; margin: 5px auto 5px auto;}
hr.footer{color: transparent;height: 1px; border: 0 none; width: 80%; margin: 5px auto 5px auto;}

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;}
fieldset .option { padding: 5px;}
fieldset .title { padding: 0px;}

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

/* Next Level */
.nextLevel li a { display: block; padding: 5px; border-bottom: 1px solid #D8D8D8; color: #716B69; }
.nextLevel li a:hover { color: #252525; text-decoration: none; }
.nextLevel li a:hover { border-bottom: 2px solid #716B69; color: #252525; text-decoration: none; }
			
/* ############################################    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%;}
        #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; margin-left:225px;*/}
        #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:91px; 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; z-index:1;background:url('../../images/home/bg_fixe_pilote_karting.jpg') no-repeat fixed bottom center; background-size: cover;padding-bottom: 10px;}
		@media screen and (max-width: 765px) {#layout #global{ background: url('../../images/home/bg_global_mini.png') no-repeat fixed bottom center;}}
                
                #layout #global #contenu{position: relative; margin: 0 auto; z-index:1; width:72%; overflow:hidden; padding: 10px 0;}
			@media screen and (max-width: 765px) {#layout #global #contenu{width:90%;}}
                        @media screen and (max-width: 320px) {#layout #global #contenu{width:100%;}}
			#layout #global #main{position:relative; width:100%; z-index:1;}
		
                     #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:300px; 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:150px;}
                        #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;
	
}

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

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

#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; }


/* 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 6px;
    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{
}


/* TOOLS */
.tools { 
	font-size:1.1em;
	clear:both;
	padding:5px;
}
.tools h1{
	color: #FEFCFD; 
	padding:4px; 
	margin:0px; 
	font-size: 1.1em; 
	text-align: left; 
	background-color: #FF9524;border:0px;
}
.tools .url{
	font-size:0.85em; 
	background: url(../../images/picto/layout/up.gif) left no-repeat;
	padding-left: 20px; 
	display:block;
}
.tools a{
	float:left; 
	margin: 1px 1px 1px 0;
}

/* SHEET */

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

.sheet h2{
	font-size: 45px;
	padding: 10px 0;
	color: black;
	/*width:360px;*/
	padding-right:40px;
	text-align: left;
	padding-bottom: 20px;
	background: url('../../images/home/bg_hr.png') no-repeat bottom left;
}
h2:first-letter{color: red;}
@media screen and (max-width: 410px) {.sheet h2{text-align: left !important; font-size: 35px;}}

.sheet h3{font-size: 35px;padding: 10px 0;color: grey;line-height: 28px;}
@media screen and (max-width: 765px) {.sheet h3{font-size: 30px;}}
@media screen and (max-width: 320px) {.sheet h3{font-size: 25px;}}

.sheet h4{font-size: 30px;padding: 10px 0;color: grey;line-height: 20px;}
@media screen and (max-width: 765px) {.sheet h4{font-size: 22px;}}
@media screen and (max-width: 320px) {.sheet h4{font-size: 20px;}}


/* NAV */
.nav { position: relative; padding: 4px 0 4px 15px; z-index:1; top: 5px; /*left: 16px;*/ margin-top: 2%; margin-bottom:7%;}
.nav ul{ list-style-type: none;margin:0px;}
.nav li{display: inline;padding-left:10px;margin:0px;}
.nav.navbar-nav li{padding-left:0px;}
.nav li.first{}
.nav a { padding: 3px; text-decoration: none; font-weight: normal; color: black;}
.nav a:hover { text-decoration: underline; color: red;}
.nav .small{  font-weight: normal; font-size: 0.9em; margin-bottom: 1px; color: #275A92;}
.nav .small a{  font-weight: normal; font-size: 0.9em; padding: 2px 0px; text-decoration:none;display:inline;}
.nav .small a:hover{}
option.nav {font-size:10px;margin:0px;font-weight:normal;}

.subNav { padding-top: 13px; text-align: center; float: right;}
.subNav li{ display: inline; background-color:#FFFFFF; border:1px solid #D49743; padding:6px; margin-left: 6px;}
.subNav a { text-decoration: none; }

.print { float:left; width:13px; height:22px; padding:0px 20px 2px 0px; color: black;}
.mailthis { float:right; width:13px; height:12px; padding:0px 4px 2px 0px; }

/* NAVPAGE (PAGINATION) */
.navPage {margin:1em 0px;padding:0;font-size:0.9em;}
.navPage div.left{text-align:left;float:left;width:auto;}
.navPage div.center{white-space:nowrap;text-align:center;margin:0 auto;}
.navPage div.right{text-align:right;float:right;width:auto;}
.navPage a{color:#A2958F; text-decoration: underline;}
.navPage a:hover {text-decoration: none;}
.navPage div.center a {padding:0 5px;}
.navPage div.center strong {padding: 0 5px;}

/* RECORD (LAYOUT BY DEFAULT ) */
.record {padding:0px}
.record input{padding:2px; }
.record p { 
	font-size : 0.95em;
	font-weight:normal;
	text-align:justify;
	text-decoration : none; 
	line-height:1.3em; 
	padding:15px;
	margin: 0 0 10px 0;
}
.record a.doc {	padding:6px;padding-left:30px; }
.record p a .desc {display:block;text-align:right}
.record .subject{ background-color:#A2958F;color:#fff;padding:2px;margin:1px 0;}
.record .sub{font-size:0.95em; color:#434343; font-weight:normal;  padding:6px; display:block;float:right; }
.record .date,
.record .size{ 	float:right; display:block;	text-align:left;color:#999;font-size:0.9em; }
.record ul{margin:0;padding:0;list-style:none}
.record li{margin:5px;}

/* CONTAINER */
.cont {position:relative;width:100%;margin-top: 10px;}
.cont .c-header{text-align: center; padding: 5px;border-bottom: 1px dotted #2C5D8B; background:transparent url('../../images/picto/bgTitreAdmin.gif') repeat;-moz-border-radius: 6px 6px 0 0;}
.cont .c-content{ padding:6px;}
.cont .c-content li{ list-style-position: outside; list-style-type: none;}
.cont .c-footer{padding: 0px; text-align: center; font-size: 0.9em;}
.cont .c-footer a{ color: #000;}
.cont .c-footer a:hover{ text-decoration: none;}

.cont h1{width:100%; display: block;  height: 20px;}
.cont h1 a{position:relative; display:block; text-align: center; padding-top: 1px; color: #605f5f; font-weight:bold; text-decoration: underline;}
.cont h1 span{display: block;}

/* Acces Membre */
#c-acces_membre.cont .c-content{ text-align: center;}
#c-acces_membre.cont .c-content input{ margin: 3px 0;}

#s-acces_membre table.formulaire {width: 100%; border-spacing: 10px;}
#s-acces_membre table.formulaire th{width: 50%; text-align: right;}
#s-acces_membre table.formulaire td{width: 50%; text-align: left;}
#s-acces_membre table.formulaire td.submit{text-align: center;}

/* POLL */
#c-poll.cont .c{text-align:left;background: url( images/layout/poll.gif ) no-repeat;}
#c-poll.cont .c-content{}
#c-poll .content li,
#c-poll table{font-size:0.85em;}

#s-poll .bar table{padding: 0px;margin:0px;height:10px; }
#s-poll .bar td {padding: 0px;margin: 0px;}
#s-poll .poll{margin : 10px auto; border:1px solid #D2E1EC ;padding:5px}

/* 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;}

#s-search{}
#s-search .result{ font-size:1em; color:#000; font-weight:bold; padding:30px 6px 6px 6px;border-bottom:1px solid #646464;}
#s-search .record h1 {font-size: 1.4em; background-color: transparent; border: 0 none;}
#s-search .record .result {padding: 6px;}
#s-search .result span { }
#s-search .result a {color: #C7063D;  text-decoration:underline;}
#s-search img{vertical-align:middle}
#s-search p {display:block;text-decoration:none;color:#474747;}
#s-search .k {background-color : #E4E8D7; padding:1px;}

/* NEWS */
#c-news.cont li{ margin-left: 5px; padding: 2px 0; overflow: hidden; clear: both; }
#c-news.cont .categorie{padding-left: 17px; padding-bottom: 3px; font-weight: normal; display: block; color: #363636; background-position: 2px center;}
#c-news.cont .categorie a{font-weight: bold; color: #8F9929;}
#c-news.cont .categorie a:hover{color: #8F9929;}
#c-news.cont ul{ background-position: bottom right;}
#c-news.cont .subject{ padding: 5px; font-weight: normal;}
#c-news.cont .subject a{font-weight: normal;}
#c-news.cont .date{ padding: 3px 0;}
#c-news.cont .learnmore{text-align: right; font-style: italic;}
#c-news.cont .learnmore a {color: #888;}
#c-news.cont .learnmore a:hover { color: #000; }

#c-news.cont .legende{}
#c-news.cont .legende .cat { padding: 5px;}
#c-news.cont .legende .cat .puceCategorie{display: block; width: 10px; height: 10px; border: 1px solid #333; float: left;}
#c-news.cont .legende .cat .titre{padding-left: 15px;}

#s-news .news{ padding: 5px 0px;border-top: 1px dashed #FFF; border-bottom: 1px dashed #CCC;}
#s-news .news .image{padding: 0px 5px 0 0;}
#s-news .news .subject{color: #FFFFFF;}
#s-news .news .date{font-size: 0.95em; color: #666666; padding-bottom: 2px;}
#s-news .news .description{}
#s-news .news p{ line-height:16px;text-align:justify;margin-bottom:10px;padding: 0px 0;}


/* DOC*/
#c-doc.cont .c-content .liens {padding: 3px;}
#c-doc.cont .c-content li{font-weight: normal; display: block; color: #363636;}
#c-doc.cont .c-content li .img{float: left;padding: 5px;}
#c-doc.cont .c-content li .texte{padding: 8px;}

#s-doc .doc{padding: 0px; margin: 5px;}
#s-doc .doc .image{padding: 0px 5px 0 0;}
#s-doc .doc .image img{border: 0 none;}
#s-doc .doc .titre{ padding: 3px;}
#s-doc .doc .description{padding: 10px;}
#s-doc .doc p{line-height:16px;text-align:justify;margin-bottom:10px;padding: 0px 0;}

#doc.content { }
#doc.content ul, #doc.content li{ list-style-position: outside; list-style-type: none; }
#doc.content h2{ padding-top: 10px; }
#doc.content .fichier{ padding: 5px; border-bottom: 1px solid #AAA; }
#doc.content .fichier .img{ float: right; padding: 0 5px; }
#doc.content .fichier .categorie{ float: right; padding: 5px; font-weight: bold; }
#doc.content .fichier .title{ font-size: 1.4em; font-weight:bold; padding: 5px; }
#doc.content .fichier .description{ padding: 0 5px 5px 5px; text-align: justify; }

/* Gallery Diapo */
#s-gallery.sheet .slideshow { height: 246px; }
#s-gallery.sheet .slideshow div { background-color: #FFF; border: 1px solid #d49743; padding: 6px; }
#s-gallery.sheet .slideshow div a { line-height: 0; }
#s-gallery.sheet .learnmore { padding: 7px; text-align: right;}
#s-gallery.sheet .clear { padding-top: 6px; }
#s-gallery.sheet .legende { padding-top: 5px; }

/* LINKS */
#c-links.cont .c-content li .img{float: left;padding: 5px;}
#c-links.cont .c-content li .liens{padding: 8px;}

#s-link .record li{padding-left: 27px; color: #363636; background-position: 12px center;}

/* AGENDA */
#c-agenda.cont .c-content li {margin-left: 5px; padding-bottom: 2px;}

/* CALENDAR */
#cal {position:relative;width:100%;padding-bottom: 3px;}
	#cal h2 a {position:absolute;}
	#cal h2 a:hover {}
	#cal h2 a span{display: inline;}
#cal h2 {text-align:center;margin-bottom: 5px;}
#cal table{ width:95%;height: 130px;margin: auto;font-size: 0.9em;}
#cal table td{height: 25px;}
.cal-top td {color:#000;}
.cal-top a{}
a.cal-prev{top: 0px;left: 5px;display:block;width:9px;height:10px;}
a.cal-next{top: 0px;right: 5px;display:block;width:9px;height:10px;}
.cal-week{color:#000;}
.cal-week td{}
.cal-days {color: #000;}
.cal-days td{}
.cal-days a{width: 100%; text-decoration: underline;}
.cal-today{}
.cal-today a{color:#fff}
.cal-none{}
.cal-on{}
.cal-on a{color:#fff}

/* FOCUS */
#c-focus.cont li .imgFocus{ margin-top: 19px; padding: 5px; float: right;}
#c-focus.cont li .subject{ color: #666666; font-weight:bold; text-transform:uppercase; line-height: normal; padding-top: 5px; margin-top: -10px!ie;}
#c-focus.cont li .corps{ padding: 1px; text-align: justify;}
#c-focus.cont li a{color:#809D26;}
#c-focus.cont li a:hover{color:#4E6017; text-decoration: underline;}

/* LEARN MORE */
#c-learnmore.cont li{padding-bottom:5px;}
#c-learnmore.cont li .liens{padding-bottom:3px;padding-top:3px;}
#c-learnmore.cont li a{color: #FFFFFF;}
#c-learnmore.cont li a:hover{color: #FDCD1B;}

/* FORMS */
#c-form.cont .c-content li{font-weight: normal; display: block;}
#c-form.cont .c-content li .img{float: left;padding: 5px;}
#c-form.cont .c-content li .liens{padding: 8px;}

#s-forms .record h1{font-size: 1.4em; padding:5px 5px 10px 15px;color: #FDCD1B;font-weight: bold;font-style: normal;letter-spacing: 0px;}
#s-forms .record li{padding-left: 27px; color: #363636; background-position: 12px center;}
#s-forms form{font-size:0.9em;}
#s-forms table{width: 100%;}
#s-forms td{padding:6px 15px ;text-align:left; font-weight:bold;}
#s-forms .desc {font-weight:italic; font-weight:normal;}
#s-forms caption{font-size: 1.4em;padding:5px 5px 10px 15px;font-weight: bold;}
#s-forms .head td {padding:6px 5px;font-weight:bold;line-height:1.4em;}
#s-forms .foot td{padding:4px;}

/* GALLERY */
#s-gallery.sheet .description {padding-top: 7px;}

.thumbwrap {float:left;}
.thumbwrap a {display: block;text-decoration: none;padding: 3px; color: #666666;}
.thumbwrap a:hover {background-color: #DDDDDD;text-decoration:none;}
#content .thumbwrap a:hover {background-color: #DDDDDD;text-decoration:none;}

.thumbwrapRSS {float:left; padding-right: 5px;}
.thumbwrapRSS a{display: block;}

/* SITEMAP */
#s-sitemap {font-size: 0.95em; text-align:left}
#s-sitemap a{text-decoration: none; }
#s-sitemap a:hover {text-decoration: underline;}
#s-sitemap ul {padding:5px;margin:0;}
#s-sitemap li {margin:0 15px;padding: 0;}

#s-sitemap ul li {list-style-type: circle; list-style-position: outside;}
#s-sitemap ul li a{ font-weight: bold;}
#s-sitemap ul li ul li{list-style-type: disc; list-style-position: outside;}
#s-sitemap ul li ul li a{ font-weight: normal;}

/* INVENTORY */
#s-inventory li{list-style:square; padding:5px;margin:0px;font-size:0.9em;}

/* ORKI */

#status{position:absolute;right:0;top:0;} 
#status a{display:block;/*float:left;*/  margin: 3px 0;}

.entete { }
.colored{ color :#8C0000;}

.imgOrki{  
	line-height:1.2em; 
	font-size: 0.9em; 
	padding:5px 5px 5px 5px; 
}
.imgOrki a{ display:block;}
.imgOrki a:hover{text-decoration:none;}
.imgOrki span{padding:8px 2px;display:block;}
.visuel0 {	}
.visuel1 {	 }
.visuel2 {	border: 1px solid #DDDDDD;
}
.visuel3 {	border: 1px solid #FDCD1B;
}
.swf{width:100%}
.flv{width:100%}
.mov{}
.mpg{}
object{}
* html .object{	}
* html object.mpg{ display/**/: none;}
* html object.mov{ display/**/: none;}


.chapeau{ color:#EEA701; margin: 5px 0px; font-weight:bold; padding: 5px 10px 0px 10px;}
.redirect { font-weight: bold; text-align: center; padding:4px ;}
.redirect a{color : #FDCD1B; font-size:1.4em;padding:5px; }

.lettrine {font-size: 3em; float:left; margin-top: 18px; padding-right:3px; color: #666666;}

.chap{ 
	text-align:justify;
        margin-left:7%;
        background-color: #eaeaea;
       background-color: rgba(234, 234, 234, 0.5);
        padding: 2%;
        font-size: 22px;
    line-height: 45px;
}
@media screen and (max-width: 320px) {.chap{margin: 0 auto; text-align: left;}}

.chap ul{}
.chap td{ vertical-align: middle; }
.chap li{ padding: 0 0 0 15px; }
.chap p{
	margin-bottom:10px;
}
.chap blockquote {
	margin:10px;
}
.top {text-align:right;clear:both; margin-top:4px}


/* SUMMARY */
#sumary{padding: 10px 10px 0 10px;}
.sumary{font-size:1.15em; padding: 5px 0 5px 28px ; line-height: 130%; text-align:left; }

ul.sumary{padding-left:15px; margin: 0 0 0 10px;} /*sommaire complet UL*/
	ul.sumary li.rub{list-style-type:none; color:#C7063D;} /*rubrique + article = Rubrique LI*/
		ul.sub_rub{padding-left:10px;}/*Article 1 UL*/
			ul.sub_rub li.art{list-style-type:square; font-size:1.15em; text-transform:lowercase; font-weight:normal;} /*Article LI*/

ul.sumary li.rub a{text-decoration: underline; color: #444;  font-weight:bold; padding:3px auto;}
ul.sumary li.rub a:hover{ color: #C7063D; text-decoration: underline; }
	ul.sub_rub li.art a{text-decoration : none; color: #444;  font-weight:normal; padding:3px auto;}
	ul.sub_rub li.art a:hover{ color: #C7063D; text-decoration : none; }
.sumary a{}
.sumary a:hover{text-decoration:underline}
.summary h2{color: #FDCD1B; }

/* FAMILY KART */

#familykart p#title{font-size: 28px; text-align:center; margin: 0; margin-bottom:10px;
	padding: 0px;
	 }
#familykart #menu_gauche{position:relative;float:left;width:20%;}
#familykart #menu_droite{position:relative;float:right;width:20%;}
#familykart #page_principale{position:relative;float:left;width:56%; font-family:Arial, Helvetica, sans-serif;margin:0 2% 0 2%;font-size:0.9em;}

#familykart .contentoffre{ padding: 0 7px 0 0;}
#familykart .contentoffre > p {
    margin-bottom: 0;
    margin-top: 7px;
}
#familykart .contentoffre a {
text-decoration: underline; color: #CC6600; 
}
#familykart .offre { padding: 15px 0 ; clear: both;border-bottom: 2px solid black; }
#familykart .ticket { float: left; padding: 0 7px 0 0px; }
#familykart .clear { clear: both; }
#familykart .prix { color: #FE0000; font-size: 3.5em;  margin-top:10px; margin-bottom:10px;}
#familykart .title { font-size: 1.4em; }
#familykart p.prix {/*padding: 0; margin: 0;*/ }
#familykart .visualise{ text-transform:uppercase; }
	
#familykart .gallery { margin: 10px auto;}
#familykart .gallery .image { width: 100%;  padding: 4px; border: 1px solid #333;margin: 12px auto;}
#familykart .gallery .image img{ width: 100%;}

#familykart .offre img#box_cadeau{width:100%;max-width:515px;}

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

@media screen and (min-width: 1127px) {
	#layout #header #title{
		background-position:left;
	}
}

@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;}
	#layout #global #contenu{width:100%;}
	.chap{margin-left: 0%;}
}

@media screen and (max-width: 960px) {
	#layout .TMenu .TMainFolderText, #layout .TMenu .TMainItemText{
		font-size: 1.2em;
		font-weight:bold;
		padding: 25px 5px;
	}
}

@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-weight:normal;
	}
}

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

@media screen and (max-width: 785px) {
	#layout .TMenu .TMainFolderText, #layout .TMenu .TMainItemText{
		padding: 25px 4px;
	}
}.

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

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

@media screen and (max-width: 550px){
	#familykart #menu_gauche{display:none;}
	#familykart #menu_droite{display:none;}
	#familykart #page_principale{width:100%;margin:0;}
	#familykart .offre{text-align: center;}
}

@media screen and (max-width: 400px) {
	#layout #header #title{
		height:50%;
	}
	#familykart .ticket { float: none;}
}

@media screen and (max-width: 300px) {
	#layout #footer #col_left .para .menufooter{float:none;clear:both;width:100%;}
}
.navbar{
	font-size: 13px !important;
}

.filAriane{padding: 4px 0px 4px 15px; margin-top: 2%;}
.breadcrumb a{color: black; font-size: 0.875em;}
.breadcrumb a:hover{color: red; text-decoration: underline;}