/* GENERAL STYLE
-------------------------------------------------- */

html, body {
	padding:0;
	margin:0;
	font-size:12px;
	font-family: 'open_sansregular', Arial;
	color:#333333;
}
a, div, span, p, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, small, strike, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	-webkit-transition:color 250ms ease-out, background 250ms ease-out;
	-moz-transition:color 250ms ease-out, background 250ms ease-out;
	-o-transition:color 250ms ease-out, background 250ms ease-out;
	transition:color 250ms ease-out, background 250ms ease-out;
}

a {
	color: #6c94b4;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

input,select {
	width: auto;
}
.checkbox+.checkbox {
	margin-top: 0px;
}
table {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
table tr td {
	padding: 4px;
}

header {
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	height: 171px;
}
header > .container {
	display: block;
	height: 100px;
}
img.logo {
	padding: 10px 0;
	display: block;
	max-height: 100px;
	width: auto;
}
.navbar {
	margin-bottom: 0;
	bottom: 0;
}
.icon-compte:after {
	content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    font-size: 14px;
}
.icon-edit:after {
	content: "\f040";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    font-size: 14px;
}
.icon-pref:after {
	content: "\f013";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    font-size: 14px;
}
.icon-mp:after {
	content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    font-size: 14px;
}
.icon-logout:after {
	content: "\f011";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    color: #B9121B;
    font-size: 14px;
}
.icon-admin:after {
	content: "\f0e4";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    font-size: 14px;
}
.icon-theme:after {
	content: "\f109";
    font-family: FontAwesome;
    font-style: normal;
    text-decoration: inherit;
    font-size: 14px;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
	margin-left: 0px;
}

#login {
	margin-top: 0;
}
.online{
	position: relative;
	top: 0;
	display: block;
	padding: 8px 0;
	color: #f0f0f0;
	text-align: right;
}

#wrap {
	background-image: url('images/background.png'), url('images/background2.png');
	background-position: center top, center bottom;
	background-repeat: no-repeat;
	background-color: #000;
	z-index: 999;
	display: block;
}

.marketing h3 {
	color: #f0f0f0;
	font-family: 'bebas_neueregular';
}

.text-shadow {
	text-shadow :0 1px 2px rgba(0, 0, 0, 0.6);
}

h4.modal-title {
	font-family: 'bebas_neueregular';
	font-size: 24px;
}

table {
	font-size: 14px;
}

.panel-social {
	padding: 15px;
	border-top: 1px solid #ccc;
	margin-bottom: 0;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.panel-social span {
	font-weight: bold;
	font-size: 14px;
	padding: 0 10px;
}
.icon-footmail:before {
	content: "\f003";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: bold;
    text-decoration: inherit;
    color: #ccc;
    font-size: 16px;
    padding-right: 6px;
}
.icon-footfacebook:before {
	content: "\f082";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: bold;
    text-decoration: inherit;
    color: #ccc;
    font-size: 16px;
    padding-right: 6px;
}
.icon-foottwitter:before {
	content: "\f099";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: bold;
    text-decoration: inherit;
    color: #ccc;
    font-size: 16px;
    padding-right: 6px;
}

#widgets-footer {
	-webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
	border-top: 2px solid #363636;
	padding: 15px;
	background: url('images/textures/mooning.png');
}

.icon-forum:after {
	content: "\f0e6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-left: 3px;
}
.icon-comment:before {
	content: "\f02c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 3px;
}
.icon-recrutement:after {
	content: "\f08b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 14px;
    padding-left: 6px;
}
.icon-newtopic:before {
	content: "\f040";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 14px;
    padding-right: 6px;
}

.text-padding {
	padding: 5px 0;
}
.text-padding-modal {
	padding: 20px;
}
.border-bottom {
	border-bottom: 1px solid #ccc;
}

input[type="submit"], input[type="button"], .read-more {
	-webkit-border-radius: 2px 2px 2px 2px;
     -moz-border-radius: 2px 2px 2px 2px;
          border-radius: 2px 2px 2px 2px;
	background-color: #428BCA;
    border-color: #357EBD;
    color: #FFFFFF;
	-moz-user-select: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.42857;
    margin: 5px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	-webkit-transition:color 250ms ease-out, background 250ms ease-out;
	-moz-transition:color 250ms ease-out, background 250ms ease-out;
	-o-transition:color 250ms ease-out, background 250ms ease-out;
	transition:color 250ms ease-out, background 250ms ease-out;
}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {
	background-color: #3276B1;
	border-color: #285E8E;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	background-color: #fff;
	font-family: inherit;
	border: 1px solid #ccc;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
	color: rgba(0,0,0,0.75);
	font-size: 12px;
	padding: 4px 6px;
	height: 26px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="week"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="time"]:hover, input[type="url"]:hover, textarea:hover {
	border: 1px solid #959595;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
	border: 1px solid #959595;
	color: #428BCA;
}
input[type="radio"], input[type="checkbox"] {
	margin: 2px 5px 4px;
	margin-top: 1px \9;
	line-height: normal;
}
select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background: #fff;
    color: rgba(0,0,0,0.75);
    border: 1px solid #ccc;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
select:hover {
	border: 1px solid #959595;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:25px}
}
label {
	margin-bottom: 9px;
}
label.select {
	position: relative;
}
label.select:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:-4px;
    padding:0 0 4px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
label.select:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    position:absolute;
    pointer-events:none;
    display:block;
}
.radio, .checkbox {
	display: inline-block;
	min-height: 21px;
}

.read-more:before {
	content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 12px;
    padding-right: 5px;
}
.read-more:hover {
	background-color: #3276B1;
	border-color: #285E8E;
	color: #fff;
	text-decoration: none;
}

/* CUSTOMIZE MODULES
-------------------------------------------------- */

#m_Forum {
	padding: 0;
}

.module {
	background-color: #fff;
	padding: 10px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
     -moz-border-radius: 2px 2px 2px 2px;
          border-radius: 2px 2px 2px 2px;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.module table h1,h2,h3,h4,h5,h6 {
	color: #474747;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-inverse {
    background: url('images/textures/asfalt.png');
    border-color: #080808;
}
.navbar-static-top {
	border-width: 1px 0 1px;
}
.navbar-wrapper {
	position: relative;
	z-index: 15;
}
.navbar-brand {
	color: #cecece;
	padding-left: 35px;
}
div.navbar-inverse {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.10);
}
div.navbar-inverse > .container {
	padding-left: 0;
	padding-right: 0;
}
ul.navbar-nav {
	font-family: 'bebas_neueregular';
	font-size: 16px;
}
.nav > li > a:hover {
	background: url('images/textures/mooning.png');
}
/* dexieme menu
-------------------------------------------------- */
.nav > li  > ul
{
        display: none;
        position: absolute;
        top: 100%;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

#myCarousel {
	display: block;
	z-index: 1;
	width: 100%;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,.5);
	box-shadow: 0px 0px 15px rgba(0,0,0,.5);
}

/* Carousel base class */
.carousel {
  /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  margin-top: -20px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
.carousel-caption h1 {
	font-family: 'bebas_neueregular';
	font-size: 34px;
}
.carousel-caption p {
	font-size: 16px
}
/* Declare heights because of positioning of img element */
.carousel .item {
  background-color: #777;
  overflow: hidden;
  margin: auto;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
    height: 35px;
	font-size: 46px;
}
.carousel-indicators {
	bottom: 10px;
}


/* CUSTOMIZE BUTTONS
-------------------------------------------------- */

.btn {
	border-radius: 2px 2px 2px 2px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 0;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}

/* Content
------------------------- */

.content {
	margin-top: 20px;
	-webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
	box-shadow: 1px 1px 6px #000;
	background: url('images/textures/60degree_gray.png');
	padding: 10px;
}


/* ==========================================================================
  News                                                                                                   (Style des news sur l'accueil)
   ========================================================================== */
   
.news {
  min-height: 20px;
  padding: 15px;
  margin-bottom: 10px;
  background: url('images/bg_news.png') top left no-repeat #f0f0f0;
  border: 1px solid #cecece;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.news > .newsTitre {
	font-family: 'bebas_neueregular';
	font-size: 24px;
	padding: 0;
	margin-bottom: 20px;
}
.news > .newsTitre a {
	color: #171a1d;
}
.news > .newsTitre a:hover {
	color: #5a92c0;
}
.news > .newsTitre > .auteur {
	font-size: 14px;
	font-family: 'open_sansregular';
	color: #727374;
}
.news > .newsTitre > .newsInfos {
	font-size: 12px;
	font-family: 'open_sansregular';
	color: #727374;
	text-shadow:0px 1px 0px #ffffff;
}
.news > .newsCategorie {
	border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.news > .newsContenu {
	color: #222223;
	margin-top: 15px;
}
.news > .newsContenu img {
	border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
h3.title-commentaire {
	background: url('images/textures/mooning.png');
	margin: 0;
	padding: 10px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
h3.title-commentaire:before {
	content: "\f0e6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 24px;
    padding-right: 10px;
}
   
/* ==========================================================================
   Paginations
   ========================================================================== */

b.pgtitle {
	padding: 8px 12px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-left: -3px;
	margin-right: 3px;
	font-weight: normal;
	margin-top: 7px;
}
b.pgactuel {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    line-height: 20px;
    padding: 8px 12px;
    text-decoration: none;
	margin-left: -3px;
	margin-top: 7px;
}
a.pgnumber {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    line-height: 20px;
    padding: 8px 12px;
    text-decoration: none;
	margin-left: -3px;
	margin-top: 7px;
}

/* COLONNES
------------------------------- */

.droite {
	border: 1px solid #CCCCCC;
	margin: 10px 0;
	background: #f0f0f0;
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(255, 255, 255, 0.0001)), to(rgba(255, 255, 255, 0.8)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.0001) 0%), color-stop(rgba(255, 255, 255, 0.8) 100%));
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.8) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.8) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.droiteTitre {
	font-size: 22px;
	color: #333;
	font-family: 'bebas_neueregular';
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px solid #D7D8D8;
}
.droiteContenu {
	padding: 15px;
	border-top: 1px solid #fff;
}

.gauche {
	border: 1px solid #CCCCCC;
	margin: 10px 0;
	background: #f0f0f0;
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(255, 255, 255, 0.0001)), to(rgba(255, 255, 255, 0.8)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.0001) 0%), color-stop(rgba(255, 255, 255, 0.8) 100%));
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.8) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.8) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.gaucheTitre {
	font-size: 22px;
	color: #333;
	font-family: 'bebas_neueregular';
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px solid #D7D8D8;
}
.gaucheContenu {
	padding: 15px;
	border-top: 1px solid #fff;
}

/* CUSTOMIZE BAS
-------------------------------------------------- */

.bas {
	border: 1px solid #CCCCCC;
	margin: 10px 0;
	background: #f0f0f0;
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(255, 255, 255, 0.0001)), to(rgba(255, 255, 255, 0.8)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.0001) 0%), color-stop(rgba(255, 255, 255, 0.8) 100%));
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.8) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.8) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.basTitre {
	font-size: 22px;
	color: #333;
	font-family: 'bebas_neueregular';
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px solid #D7D8D8;
}
.basContenu {
	padding: 15px;
	border-top: 1px solid #fff;
}


/* CUSTOMIZE CENTRE
-------------------------------------------------- */

.centre {
	border: 1px solid #CCCCCC;
	margin: 10px 0;
	background: #f0f0f0;
	background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(255, 255, 255, 0.0001)), to(rgba(255, 255, 255, 0.8)));
	background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, 0.0001) 0%), color-stop(rgba(255, 255, 255, 0.8) 100%));
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.8) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.8) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.centreTitre {
	font-size: 22px;
	color: #333;
	font-family: 'bebas_neueregular';
	padding: 10px 15px;
	background: #fff;
	border-bottom: 1px solid #D7D8D8;
}
.centreContenu {
	padding: 15px;
	border-top: 1px solid #fff;
}

/* Correction couleur h* */

.module h3, .droite h3, .gauche h3, .centre h3, .bas h3 {
	color: #333;
}


/* Featurettes
------------------------- */

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 250;
  line-height: 1;
  letter-spacing: -1px;
}

/* Widget video
------------------------- */
.widget-video {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 191px;
}
/* Widget Recrutement
------------------------- */
#modalRecrutement .modal-header {
	background: url('images/textures/60degree_gray2.png');
}
#modalRecrutement .modal-header h4:before {
	content: "\f0ea";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #6D6E6E;
    font-size: 26px;
	padding-left: 4px;
    padding-right: 10px;
}

/* Widget Texte
------------------------- */
#widgetTexte h1 {
	font-size: 30px;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #ccc;
	font-family: 'bebas_neueregular';
}
#widgetTexte p.lead {
	font-size: 16px;
	font-weight: bold;
	color: #D3D4D4;
	margin-bottom: 5px;
}

/* Widget Menu
------------------------- */

.widget-list-menu li {
	padding: 3px;
	text-align: left;
}

/* Widget Roster
------------------------- */
.modal-header-roster {
	background: url('images/textures/60degree_gray2.png');
	border-bottom: 1px solid #A3A4A4;
}
.modal-body-roster {
	padding: 0;
}
.modal-body-roster > p.lead {
	font-size: 14px;
	color: #676767;
}
h4.title-roster-players {
	color: #333;
	font-family: 'bebas_neueregular';
	margin: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-left: 20px;
}
.roster-img {
	display: block;
}
.roster-img > a.btn{
	padding: 0;
	display: block;
	border: none;
}
.modal-header > .pull-right {
	margin-right: -14px;
}
.label-roster {
	position: relative;
	margin-top: -15px;
	margin-left: 0;
	height: 100%;
	text-align: center;
	padding: 0 15px 11px;
	background: url('images/textures/subtle_grunge.png');
	display: inline-block;
}
.label-roster h3 {
	margin-top: 13px;
	margin-bottom: -4px;
	color: #5C5C5C;
}
.label-roster span {
	font-size: 10px;
	font-weight: bold;
	color: #8D8D8D;
}


/* CUSTOMIZE THE BLOCKQUOTE
-------------------------------------------------- */

blockquote {
	color: #7A7B7A;
	font-style: italic;
}
blockquote > p:before {
	content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #6D6E6E;
    font-size: 12px;
    padding-right: 5px;
}
blockquote > p:after {
	content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #6D6E6E;
    font-size: 12px;
    padding-left: 10px;
}


/* CUSTOMIZE THE LIST ITEM
-------------------------------------------------- */

.list-group {
	box-shadow: 1px 1px 6px #000;
}
a.list-group-item:hover span.badge, a.list-group-item:focus span.badge {
	background-color: #428bca;
}
a.list-group-item:nth-child(even) {
	background: url('images/textures/60degree_gray1.png');
}
a.list-group-item:nth-child(odd) {
	background: url('images/textures/60degree_gray2.png');
}
a.list-group-item:hover, a.list-group-item:focus {
	background: url('images/textures/60degree_gray.png');
	padding-left: 13px;
	border-left: 3px solid #428bca;
}

/* CUSTOMIZE BLOCK MENU
-------------------------------------------------- */

ul.list-menu {
	width: 100%;
	margin-bottom: 0;
	padding-left: 0;
	-webkit-transition:background 750ms ease-out;
	-moz-transition:background 750ms ease-out;
	-o-transition:background 750ms ease-out;
	transition:background 750ms ease-out;
}

li.list-group-item a {
	font-size: 16px;
	color: #333;
	font-family: 'bebas_neueregular';
}
li.list-group-item:hover, li.list-group-item a:hover {
	background: url('images/textures/solid.png');
	color: #545454;
}


/* CUSTOMIZE WIDGETS
-------------------------------------------------- */

#widgets-footer .widget-recrutement .text-muted {
	color: #D3D4D4;
}

#widgets-footer h3 {
	margin-top: 5px;
}


/* CUSTOMIZE THE FOOTER
-------------------------------------------------- */

footer p {
	color: #8F9090;
	padding: 10px 0;
}
footer a {
	color: #6C94B4;
}
footer a:hover {
	color: #fff;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 1200px) {
	.carousel-caption {
		font-size: 80%;
	}
}

@media (max-width: 768px) {
	#myNavigation .container {
		padding-left: 0;
		padding-right: 0;
	}
	#myNavigation .container > .navbar-header,.navbar-collapse {
		margin-right: 0;
	}
	#myNavigation .container>.navbar-collapse {
	margin-right: 0;
	margin-left: 0;
	}
  /*mobile */
  	.col-md-12{
		padding-right: 0;
	    margin-right: 0;
	}
	.col-md-8{
		padding-right: 0;
	    margin-right: 0;
	}
    .col-md-4{
	    padding-right: 0;
	    margin-right: 0;
	}
    .row{
	    padding-right: 0;
	    margin-right: 0;
	}
    .droite{
	    padding-right: 0;
	    margin-right: 0;
	}	
.marketing {
  padding-left: 0;
  padding-right: 0;
}
.container{
  padding-left: 0;
  padding-right: 0;
}
.module {
  padding-left: 0;
  padding-right: 0;
}
.content {
	margin-top: 20px;
	-webkit-border-radius: 2px 2px 0 0;
     -moz-border-radius: 2px 2px 0 0;
          border-radius: 2px 2px 0 0;
	box-shadow: none;
	background: url('images/textures/60degree_gray.png');
	padding: 0;
}
  /*mobile */	
}

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: -1px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 2px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
#myNavigation {
		z-index: 90000;
	}


.admin, .adminmenbre, .annonces, .annuaire, .articles, .calendrier, .chat, .compte, .contact, .cours, .edit_add, .feed, .forum, .galerie, .home, .jeux_flash, .livreor, .membre, .message_priv, .montage, .partenaires, .pfe, .recherche, .recomender, .stat, .telechargement, .td, .TP-electricite, .Projets-fin-etudes{	background:transparent url("pucesh.png") no-repeat 22px 0;padding:.54em 0 .54em 1.5em;}
.cat1, .cat2, .cat3, .cat4, .cat5, .cat6, .cat7, .cat8, .cat9, .cat10{background:transparent url("pucesh.png") no-repeat 40px 0;padding:.80em 0 .80em 2.8em;}
.admin{background-position:0px -23px;}
.adminmenbre {background-position:0px -63px;}
.annonces {background-position:0px -108px;}
.annuaire {background-position:0px -148px;}
.articles{background-position:0px -186px;}
.calendrier{background-position:0px -222px;}
.chat{background-position:0px -263px;}
.compte{background-position:0px -308px;}
.contact{background-position:0px -352px;}
.cours{background-position:0px -396px;}
.edit_add{background-position:0px -438px;}
.feed{background-position:0px -476px;}
.forum{background-position:0px -512px;}
.galerie{background-position:0px -548px;}
.home{background-position:0px -582px;}
.jeux_flash{background-position:0px -622px;}
.livreor{background-position:0px -664px;}
.membre{background-position:0px -706px;}
.message_priv{background-position:0px -746px;}
.montage{background-position:0px -790px;}
.partenaires{background-position:0px -826px;}
.pfe{background-position:0px -868px;}
.recherche{background-position:0px -908px;}
.recomender{background-position:0px -948px;}
.stat{background-position:0px -995px;}
.telechargement{background-position:0px -1040px;}
.td{background-position:0px -1077px;}
.cat1{background-position:2px -1225px;}
.cat2{background-position:2px -1173px;}
.cat3{background-position:2px -2215px;}
.cat4{background-position:2px -1477px;}
.cat5{background-position:2px -1350px;}
.cat6{background-position:2px -1285px;}
.cat7{background-position:2px -1543px;}
.cat8{background-position:2px -1173px;}
.cat9{background-position:2px -1117px;}
.cat10{background-position:2px -1415px;}
.TP-electricite{background-position:2px -1608px;}
.Projets-fin-etudes{background-position:2px -1656px;}

.tabberlive .tabbertabhide{display:none;}
.tabber{}
.tabberlive{margin-top:1em;}
ul.tabbernav{margin:0;padding:3px 0;border-bottom:1px solid #778;font:bold 12px Verdana, sans-serif;}
ul.tabbernav li{list-style:none;margin:0;display:inline;}
ul.tabbernav li a{padding:3px 0.5em;margin-left:3px;border:1px solid #778;border-bottom:none;background:#DDE;text-decoration:none;}
ul.tabbernav li a:link{color:#448;}
ul.tabbernav li a:visited{color:#667;}
ul.tabbernav li a:hover{color:#000;background:#AAE;border-color:#227;}
ul.tabbernav li.tabberactive a{background-color:#fff;border-bottom:1px solid #fff;}
ul.tabbernav li.tabberactive a:hover{color:#000;background:white;border-bottom:1px solid white;}
.tabberlive .tabbertab{padding:5px;border:1px solid #aaa;border-top:0;}
.tabberlive .tabbertab h2{display:none;}
.tabberlive .tabbertab h3{display:none;}
.tabberlive#tab1{}
.tabberlive#tab2{}
.tabberlive#tab2 .tabbertab{height:200px;overflow:auto;}
@media screen and (max-width: 600px) {
ul.tabbernav li{list-style:none;margin:0;display:flex;font-size-adjust: 0.60;}
ul.tabbernav li a:link{width:100%;}
}
h1{font-family: Verdana,Arial,sans-serif;font-size: 14px;margin: 0px;padding: 0px;}
h1 big{font-family: Verdana,Arial,sans-serif;font-size: 16px;margin: 0px;padding: 0px;}
#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: OpenSans, arial, "sans-serif";
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #ffba55;
    display: inline-block;
    padding: 0 10px;
}
#myCookieConsent a:hover {
	color: #fda016;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 1.1em;
	background: #ffba55;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    float: right;
    border-radius: 20px;
}
#myCookieConsent a#cookieButton:hover {
    background: #fda016;
	color: #000;
}