/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/

html { height: 101%; }

body { margin: 0; padding: 0; }

* {
    padding: 0;
    margin: 0;
}

.flexiblecolumn { min-height: 1px; }
.clr { clear : both; }
table img { max-width: none; }
.column.column2 { width: 0%; }
.column.center { width: 100%; }
.noright .column.center { width: 100%; }
.flexiblemodule, .column, .logobloc, .flexiblecolumn { float: left; }

/* for equalheights */
.equalheights > .inner > .clr { display: none; }
.equalheights > .inner,
.equalheights .maincenter > .inner { display: flex; }

.equalheights .flexiblemodule, .equalheights .column { display: flex; }

.equalheights .flexiblemodule > .inner,
.equalheights .column > .inner {
	max-width:100%;
	width: 100%;
	box-sizing: border-box;
}

.videobackground { 
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	/*background: url(polina.jpg) no-repeat;*/
	background-size: cover; 
}

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

/* ---------------------------------------
	specific to images
-----------------------------------------*/

ul.actions {
	margin: 0;
}

ul.actions li a {
	text-decoration: none;
}
.print-icon {
	list-style: none;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(../images/system/printButton.png) left center no-repeat;
}

.email-icon {
	list-style: none;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(../images/system/emailButton.png) left center no-repeat;
}

.edit-icon {
	list-style: none;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding-left: 20px;
	background: url(../images/system/edit.png) left center no-repeat;
}

/* ---------------------------------------
	Custom styling
-----------------------------------------*/

.container, .container-fluid {
	margin: 0 auto;
}

.container {
	width: 100%;
}

.container-fluid {
	max-width: 100%;
}

body {
	background: #f0f0f0;
	color: #303030;
	text-align: left;
	line-height: 20px;
	font-size: 12px;
	font-family: latoregular;
}

a {
	color: #b40901;
}


a:hover {
	color: #d92018;
}

h1, div.componentheading {
	color: #d92018;
	font-weight: bold;
	font-size: 28px;
	font-family: latobold, arial, sans-serif;
	text-shadow: 0px 0px 4px #888;
}
h1 { margin-bottom: 15px; }
h2, div.contentheading {
	color: #d92018;
	font-size: 24px;
	font-family: latobold, arial, sans-serif;
}

h2 a, div.contentheading a {
	color: #d92018;
	text-decoration: none;
}


h2 a:hover, div.contentheading a:hover {
	color: #b40901;
	text-decoration: none;
}

h3 {
	color: #303030;
	/*font-weight: bold;*/
	font-size: 18px;
	font-family: latobold, arial, sans-serif;
}

h3 a {
	color: #303030;
	text-decoration: underline;
}


h3 a:hover {
	color: #b40901;
	text-decoration: underline;
}

h4 {
	font-family: latoregular;
}

h5 {
	font-family: latoregular;
}
.button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active {
        border: none;
	background: #ececec;
	background-image: url("buttonbuttonbody-gradient.svg");
	background-image: -o-linear-gradient(center top,#ececec, #d4d4d4 100%);
	background-image: -webkit-gradient(linear, left top, left bottom,from(#ececec), color-stop(100%, #d4d4d4));
	background-image: -moz-linear-gradient(center top,#ececec, #d4d4d4 100%);
	background-image: linear-gradient(center top,#ececec, #d4d4d4 100%);
	-pie-background: linear-gradient(center top,#ececec, #d4d4d4 100%);
	border: #999999 1px solid;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	color: #303030;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	font-family: latoregular;
}
.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover {
	background: #d4d4d4;
	background-image: url("buttonbuttonhoverbody-gradient.svg");
	background-image: -o-linear-gradient(center top,#d4d4d4, #ececec 100%);
	background-image: -webkit-gradient(linear, left top, left bottom,from(#d4d4d4), color-stop(100%, #ececec));
	background-image: -moz-linear-gradient(center top,#d4d4d4, #ececec 100%);
	background-image: linear-gradient(center top,#d4d4d4, #ececec 100%);
	-pie-background: linear-gradient(center top,#d4d4d4, #ececec 100%);
	color: #b40901;
	font-size: 14px;
	font-family: latoregular;
}
.btn-primary {
   	background: #d92018!important;
	background-image: none!important;
	border: 1px solid #d92018!important;;
	color: #fff!important;
	position: absolute;
	top: 10px;
	right: 7px;
	height: 21px;
	padding: 1px 5px 3px 5px!important;
}
.btn-primary:hover { background: #b40901; color: #ffff00; }

.readmore a, .readmore .btn {
	color: #d92018;
	font-weight: normal;
	font-size: 14px;
	font-family: latoregular;
}

.readmore a:hover {
	color: #b40901;
	font-weight: normal;
	text-decoration: underline;
	font-size: 14px;
	font-family: latoregular;
}

.invalid {border: red;}
                
input.inputbox, .registration input, .login input, .contact input, .contact textarea,  select,
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: none;
	height: auto;
	border: #999999 1px solid;
	color: #000000;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 3px;
	padding: 4px;
	text-align: left;
	font-size: 14px;
	font-family: Tahoma, sans-serif;
}

input:focus, input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus,  select:focus,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border: #999999 1px solid;
	color: #780202;
	box-shadow: rgba(217,32,24,0.35) 0px 0px 8px 4px;
	-moz-box-shadow: rgba(217,32,24,0.35) 0px 0px 8px 4px;
	-webkit-box-shadow: rgba(217,32,24,0.35) 0px 0px 8px 4px;
}

ul:not(.nav) li {
list-style-type:square;
	color: #303030;
	font-weight: normal;
	font-size: 14px;
	font-family: latoregular;
}

ul li a {
	color: #d92018;
	text-decoration: underline;
}


ul li a:hover {
	color: #b40901;
	text-decoration: underline;
}

.introArticle { font-size: 1.286em; color: #d92018; font-weight: bold; }
.texteRouge { color: #d92018; }

.article-info {
	color: #303030;
	text-align: justify;
	font-size: 14px;
	font-family: latoregular;
}

.article-info a {
	color: #d92018;
	text-decoration: underline;
}


.article-info a:hover {
	color: #b40901;
	text-decoration: underline;
}
/* ---------------------------------------
	Table styling
-----------------------------------------*/

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
	background-color: #f9f9f9;
}

table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 2px solid #d92018;
  border-bottom: 2px solid #d92018;
}
table thead { background: #d92018; color: #fff; }
table th,
table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
table th { font-weight: bold; color: #fff; background-color: #d92018; }
table thead th { vertical-align: bottom; bold; color: #fff; background-color: #d92018; }
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td { border-top: 0; }
table tbody + tbody { border-top: 1px solid #dddddd; }
table table { background-color: #ffffff; }
td.gris { background-color: #e5e5e5; }
/*table tr:nth-child(odd) { background-color:#e5e5e5; }*/

@media only screen and (max-width: 40em) 
{ 
		table { display: block; position: relative; width: 100%; }
		table thead { display: block; float: left; }
		table tbody { display: block; width: auto; position: relative; overflow-x: auto; overflow-y: auto; height: auto; min-height: 100px; white-space: nowrap; }
		table thead tr { display: block; }
		table th { display: block; }
		table tbody tr { display: inline-block; vertical-align: top; }
		table td { display: block; min-height: 1.25em; }
/* sort out borders */
		table th { border-bottom: 0; }
		table td { border-left: 0; border-right: 0; border-bottom: 0; width: auto!important; }
		table tbody tr { border-right: 1px solid #babcbf; }
		table th:last-child,
		table td:last-child { border-bottom: 1px solid #babcbf; }	
}



#wrapper2 { background: #ffffff; width: 100%; margin: 0 auto!important; padding: 0!important; }

#logo1 > div.inner > .bannerlogodesc {
	color: #a3a3a3;
	font-size: 13px;
	font-family: Arial, sans-serif;
}

#logo1 > div.inner {
	margin: 0 auto;
	max-width: 990px;
	max-height: 126px;
}

#wrapper3 { /* Recherche */
	background: #eab60b;
	text-align: center;
	width: 100%;
}

/*@media (max-width: 760px) {  }*/

#nav .n1 > .flexiblemodule { width: 100%; } /* barre navigation */
#nav .n2 > .flexiblemodule { width: 77%; } /* menu */
#nav .n2 > .flexiblemodule + div { width: 23%; } /* Recherche */
#nav .n2 > .flexiblemodule + div label { display: none; }
div.mod_search89 { margin-left: 25px; position: relative; }
div.mod_search89 input[type="search"] { /* Champ RECHERCHE */
  width: auto;
  max-width: 200px;
  margin: 7px 0 0 0;
  height: 27px;
  line-height: 27px;
  border: #000 1px solid;
  color: #303030!important;
  background: #fff;
  padding: 4px;
  text-align: left;
  font-size: 14px;
  font-family: Tahoma, sans-serif;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
	@media(min-width: 760px) and (max-width: 815px) { /* recherche */
	    div.mod_search89 input[type="search"] { max-width: 180px; }
	}
	@media(min-width: 760px) and (max-width: 920px) { /* onglets menu niveau 1 */
	    div#maximenuck88 ul.maximenuck li.maximenuck.level1 { margin: 5px 0; }
	}
	@media(min-width: 525px) and (max-width: 759px) { /* onglets menu niveau 1 */
	    div#maximenuck88 ul.maximenuck li.maximenuck.level1 { margin-bottom: 10px; }
	    #nav .n2 > .flexiblemodule { width: 70%; } /* menu */
	    #nav .n2 > .flexiblemodule + div { float: right; } /* Recherche */
	    div.mod_search89 input[type="search"] {  max-width: 150px; }
	}
	@media screen and (max-width: 524px) { /* Menu petit */
	    #wrapper3 { background: #d92018; }
	    #nav .n2 > .flexiblemodule { width: 100%; }
	    #nav .n2 > .flexiblemodule + div { width: 20%; position: absolute; top: 65px; right: 5px; }
	    #maximenuck88 .maximenumobiletogglericonck { display: block !important; font-size: 28px !important; line-height: 25px; color: #fff; text-align: left; text-indent: 10px; }
	    #maximenuck88 ul.maximenuck .maximenumobiletogglerck ~ li.maximenuck.level1 { background: #eab60b; display: block; padding: 5px 0; border-bottom: 1px solid #fff; width: 100%; } /* onglet sous-menu level1 */ 
		  #maximenuck88 ul.maximenuck .maximenumobiletogglerck ~ li.maximenuck.level1:hover { background: #b40901; color: #fff!important; }
	    div#maximenuck88 ul.maximenuck li.maximenuck.level1 > span.separator:hover { color: #fff!important; }
	    div#maximenuck88 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck88 ul.maximenuck2 li.maximenuck { margin: 0 10%; text-indent: 10px; } /* onglet sous-menu level2 */ 
	}
	@media (max-width: 375px) { /* onglets menu niveau 1 */
	    #nav .n2 > .flexiblemodule + div { display: none; } /* Recherche */
	}
	
#nav > div.inner {
	max-width: 990px!important; margin: 0 auto:important;
}
#recherche > div.inner {
	float: right; margin-left: 25px; max-width: 227px;
}

#wrapper4 {
	background: #d92018;
	width: 100%; padding: 0; margin: 0; text-align: center; max-height: 330px;
}

#slideshowck > div.inner {
	/*height: 330px;*/
	padding: 0px;
	max-width: 990px; max-height: 330px; margin: 0 auto; text-align: center;
}

#wrapper {
	background:  url(../images/fond.jpg) top center no-repeat fixed;
	background-size: auto;
	text-align: center;
}

#wrapper > div.inner {
	background: #fff;
}

#maincontent > div.inner {
	background: #ffffff;
	color: #303030;
	padding: 20px 30px;
	text-align: justify;
	box-shadow: rgba(16,16,16,0.25) 0px 0px 10px 10px;
	-moz-box-shadow: rgba(16,16,16,0.25) 0px 0px 10px 10px;
	-webkit-box-shadow: rgba(16,16,16,0.25) 0px 0px 10px 10px;
	font-size: 14px;
	font-family: latoregular;
	max-width: 930px; margin: 0 auto;
	min-height: 350px;
}
ul.breadcrumb { margin-left: 0!important; }


#maincontent a { color: #b40901; }
#maincontent a:hover { color: #d92018; }
#maintopmodule > div.inner { padding: 10px; }

#center > div.inner { padding: 10px; }
#centertopmodule > div.inner { padding: 10px; }
#centerbottommodule > div.inner { padding: 10px; }
#mainbottommodule > div.inner { padding: 10px; }
#footer > div.inner { background: #eab60b;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-family: oswald_regularregular;
	line-height: 22px;
}
#footer > div.inner a { font-size: 0.9em; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #d92018; }
#wrapper1 {width: 100%; background: #d92018; }
#wrapper1 > div.inner {
	background: #d92018;
	color: #ffffff;
	padding: 30px;
	text-align: center;
	font-weight: bold;
	font-family: oswald_regularregular;
}
#footer3 > div.inner {
	color: #ffffff;
	text-align: center!important;
	max-width: 990px; text-align: center; text-shadow: 0px 0px 7px #555;
}
#footer3 a { color: #ffffff; text-decoration: none; font-family: oswald_regularregular; font-size: 21px!important; margin-right: 30px; }
#footer3 a:hover { color: #eab60b; text-decoration: none; }
.falink:before, .faenvelope:before { font-family: FontAwesome; color: #fff; content: '\f0c1'; margin-right: 10px; font-size: 24px!important;}
.faenvelope:before { content: '\f0c1'; }
.faenvelope:before { content: '\f0e0'; }

	@media (max-width: 506px) { /* Liens du footer */
	  #footer3 ul li { margin-bottom: 18px!important; }
	  #footer > div.inner a { display: block; float: left; padding: 18px 10px 0 10px!important; }
	} 
/* Page accueil */
#accueilColGauche { float: left; width: 32.258%; max-width: 300px; }
#accueilColdroite { float: right; width: 64.51613% ; max-width: 600px; }

	@media (min-width:507px) and (max-width: 767px) { /* colonnes accueil */
	      .moduletableglobalNews, .moduletableglobalNews h4 { text-align: left!important; }
	      #accueilColdroite { width: 100%; max-width: 100%; text-align: left; }
	      #accueilColGauche { width: 100%; max-width: 100%; overflow: hidden;  margin-top: 20px; text-align: center; }
	      #accueilColGauche .moduletable { float: left; width: 100%; max-width: 270px; height: 100%; margin: 0!important; padding: 15px 15px 0 0!important }
	      .fb_iframe_widget { margin: 0!important; }
	} 
	@media (max-width: 506px) { /* colonnes accueil */
	      .moduletableglobalNews, .moduletableglobalNews h4 { text-align: left!important; }
	      #accueilColGauche { display: none; }
	      #accueilColdroite { width: 100%!important ; }
	} 


#accueilColGauche .moduletable ul { margin-left: 0!important; } /* breadcrumbs */
/* Colonne gauche Accueil */
#accueilColGauche .moduletable { margin-bottom: 20px; } /* tous */
#accueilColGauche .moduletable h4 { /* tous */
  background: #d92018;
  color: #fff;
  width: 100%;
  font-size: 1.2em;
  text-indent: 10px;
  height: 30px;
  line-height: 30px;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.camera_amber_skin { border: 1px solid #d92018!important; } /* Module Joueurs et Partenaires */
#partenairesBas { background: #d92018; color: #fff; width: 100%; height: 31px; line-height: 31px; text-align: center; font-size: 1.2em; } /* Module partenaires */
    #partenairesBas  a { color: #fff; }
    #partenairesBas  a:hover { color: #eab60b; }
.fb_iframe_widget { margin: 15px 0; max-width: 299px; border: 1px solid #d92018; } /* Module Facebook */
    @media(min-width:508) and (max-width: 991px) { 
	    .fb_iframe_widget { display: none!important; } /* Module Facebook */
	}
.fb_border { display: none; }

/* Modules Accueil */
/* les News */
.moduletableglobalNews { text-align: right; }
.moduletableglobalNews h4 { color: #d92018; text-shadow: 0px 0px 4px #888; font-size: 2em; font-weight: bold; text-align: right; width: 100%; border-bottom: 1px solid #d92018; }
.moduletableglobalNews a { color: #d92018!important; text-decoration: none; }
.moduletableglobalNews a:hover { color: #b40901!important; }
.moduletableglobalNews a.titreGlobalNews  { color: #b69500!important; font-size: 1.125em; font-weight: bold; text-align: right; }
.moduletableglobalNews a.titreGlobalNews:hover  { color: #b40901!important; }
.gn_static_1 { border: none!important; border-bottom: 1px solid #d1d1d1!important; padding: 15px 0!important; height: auto!important; }
.moduletableglobalNews a.readon { color: #b40901!important; font-size: 1.125em; font-weight: bold; display: block; margin-top: 15px!important; }
.moduletableglobalNews a.readon:hover { color: #d92018!important; text-decoration: underline; }
  /* Page Les actualites */
  .globalnews h3 a, .moreA a { text-decoration: none; }
  .moreA { font-weight: bold; }
  .dateA { color: #999; font-style: italic; font-size: 0.95em; }
  /* Page article en détails*/
  .listeA {display: block; height: 30px; line-height: 30px; width: 100%; background: #cfcfcf; margin: 5px 0; text-indent: 10px; font-weight: bold; font-size: 1.1em; }
.gn_header_1, h2.actus { display: none; }
/* Zone de texte centrale */
.inner .moduletable { margin-bottom: 0; important; }

/* Page contact */
.fc_outer { border: 1px solid #fff!important; background-color: #fff!important; border-radius: 0!important; }
.fc_form label.fc_left { text-align: left; }
.fc_lcb { padding: 15px 0!important; }
.fc_image_inner { margin-top: 10px!important; }
.fc_error { font-size: 1.2em!important; }
input.fc_button { background-color: #d92018; border: 1px solid #d92018; border-radius: 0; }
input.fc_button:hover { background-color:#b40901; }
/* Galeries photos */
ul.sigFreeClassic li.sigFreeThumb { margin: 15px!important; }
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover { background-color: #fff!important; }

/* Page liste des articles - et des catégories d'articles */
#liste-articles ul { margin-left: 0; }
#liste-articles ul li { display: block; width: 100%; padding: 8px 0!important; text-indent: 10px; }
#liste-articles ul li.cat-list-row1 { background: #e5e5e5; }
#liste-articles li a { text-decoration: none; color:#303030; font-weight: bold; }
#liste-articles li a:hover { color:#b40901; font-weight: bold; }
div.sizePlus ul { margin-top: 10px; }
div.sizePlus ul li { font-size: 1.2em!important; text-indent: 0!important; }
ul.pager { margin: 0!important; }
ul:not(.nav) li.previous { float: left; }
ul:not(.nav) li.next { float: right; }
@media (max-width : 391px) {
  ul:not(.nav) li.next, ul:not(.nav) li.previous { float: none; padding: 10px 0; }
}