@charset "UTF-8";
/* CSS Document */



h1, .h1-like {
	color: #fff;
	font-size: 55px;
	font-family: "Roboto Condensed";
	font-weight: 700;
	line-height: 1em;
	margin: .8077em 0 0 0;
	text-transform: uppercase;
}
h2, .h2-like {
	color: #37322f;
	font-family: "Roboto Condensed";
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	margin: .875em 0 0 0;
	text-transform: uppercase;
}
h3, .h3-like {
	font-family: "Roboto Condensed";
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
	margin: .9545em 0 0 0;
	text-transform: uppercase;
}
h4, .h4-like {
	font-size: 1.4286em; /* equiv 20px */
	font-weight: normal;
	line-height: 1.05em;
	margin:  1.05em 0 0 0;
}
h5, .h5-like {
	font-size: 1.2857em; /* equiv 18px */
	font-weight: normal;
	line-height: 1.1667em;
	margin:  1.1667em 0 0 0;
}
h6, .h6-like {
	font-size: 1.1429em; /* equiv 16px */
	font-weight: normal;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}

p,li{
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 5px;
}
p{margin-bottom:10px;}
a {
	color: #ed1941;
}

/* float layout */
/* module, contains floats (.item is the same) */
.mod, .item { 
	overflow: hidden;
}

/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
	clear: both;
}

/* blocks that must contain floats */
.clearfix:after,
.line:after,
.mod:after {
	content: "";
	display: table;
	clear: both;
}

/* table layout */
.row {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.row > *,
.col {
	display: table-cell;
	vertical-align: top;
}

/* inline-block */
.inbl {
	display: inline-block;
	vertical-align: top;
	margin-right: -.25em;
}

/* alignments (blocks and inline) */
/* ------------------------------ */

/* left elements */
.left {
	float: left;
}
img.left {
	margin-right: 1em;
}

/* right elements */
.right {
	float: right;
}
img.right {
	margin-left: 1em;
}

img.left, img.right {
	margin-bottom: 5px;
}

.center    { margin-left: auto; margin-right: auto; }
.txtleft   { text-align: left; }
.txtright  { text-align: right; }
.txtcenter { text-align: center; }

/* blocks widths (percentage and pixels) */
.w10    { width: 10%; }
.w20    { width: 20%; }
.w25    { width: 25%; }
.w30    { width: 30%; }
.w33    { width: 33.333%; }
.w40    { width: 40%; }
.w50    { width: 50%; }
.w60    { width: 60%; }
.w66    { width: 66.666%; }
.w70    { width: 70%; }
.w75    { width: 75%; }
.w80    { width: 80%; }
.w90    { width: 90%; }
.w100   { width: 100%; }

.m-reset, .ma0 { margin: 0; }
.p-reset, .pa0 { padding: 0; }
.ma1 { margin: 10px; }
.ma2 { margin: 20px; }
.ma3 { margin: 30px; }
.pa1 { padding: 10px; }
.pa2 { padding: 20px; }
.pa3 { padding: 30px; }
.mt0 { margin-top: 0; }
.mt1 { margin-top: 10px; }
.mt2 { margin-top: 20px; }
.mt3 { margin-top: 30px; }
.mt4 { margin-top: 40px; }
.mt5 { margin-top: 50px; }
.mr0 { margin-right: 0; }
.mr1 { margin-right: 10px; }
.mr2 { margin-right: 20px; }
.mr3 { margin-right: 30px; }
.mr4 { margin-right: 40px; }
.mr5 { margin-right: 50px; }
.mb0 { margin-bottom: 0; }
.mb1 { margin-bottom: 10px; }
.mb2 { margin-bottom: 20px; }
.mb3 { margin-bottom: 30px; }
.mb4 { margin-bottom: 40px; }
.mb5 { margin-bottom: 50px !important; }
.ml0 { margin-left: 0; }
.ml1 { margin-left: 10px; }
.ml2 { margin-left: 20px; }
.ml3 { margin-left: 30px; }
.ml4 { margin-left: 40px; }
.ml5 { margin-left: 50px; }
.pt0 { padding-top: 0; }
.pt1 { padding-top: 10px; }
.pt2 { padding-top: 20px; }
.pt3 { padding-top: 30px; }
.pt4 { padding-top: 40px; }
.pt5 { padding-top: 50px; }
.pr0 { padding-right: 0; }
.pr1 { padding-right: 10px; }
.pr2 { padding-right: 20px; }
.pr3 { padding-right: 30px; }
.pr4 { padding-right: 40px; }
.pr5 { padding-right: 50px; }
.pb0 { padding-bottom: 0; }
.pb1 { padding-bottom: 10px; }
.pb2 { padding-bottom: 20px; }
.pb3 { padding-bottom: 30px; }
.pb4 { padding-bottom: 40px; }
.pb5 { padding-bottom: 50px; }
.pb8 { padding-bottom: 80px; }
.pl0 { padding-left: 0; }
.pl1 { padding-left: 10px; }
.pl2 { padding-left: 20px; }
.pl3 { padding-left: 30px; }
.pl4 { padding-left: 40px; }
.pl5 { padding-left: 50px; }

.mt-1 {
	margin-top: -10px;
}


/* ajouts */


.formResponsive .formHorizontal .formControlLabel {font-size: 1.5em;}



/* ----------------------------- 
			Grids
----------------------------- */
.grid {
	overflow: hidden;
}
.grid > * {
	display: block;
	padding: 0;
	margin-left: -17px; /* gutter value */
	text-align: left;
	letter-spacing: -0.31em;
	text-rendering: optimizespeed;
}
/* Opera hack */
.opera:-o-prefocus,
.grid > * {
	word-spacing: -0.43em;
}
.grid > * > * {
	display: inline-block;
	width: 100%;	
	padding-left: 17px; /* gutter value */
	margin-left: 0;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal;
	text-rendering: auto;
}
.grid2 > * { width: 50%;}
.grid3 > * { width: 33.333%;}
.grid4 > * { width: 25%;}
.grid5 > * { width: 20%;}
.grid6 > * { width: 16.667%;}
.grid8 > * { width: 12.5%;}
.grid10 > * { width: 10%;}
.grid12 > * { width: 8.333%;}

/* unequal grids (1-2, 2-1, 1-3 and 3-1) for 2 blocks */
.grid2-1 > *:first-child,
.grid1-2 > * + * { width: 66.666%; }
.grid1-2 > *:first-child,
.grid2-1 > * + * { width: 33.333%; }
.grid1-3 > *:first-child,
.grid3-1 > * + * { width: 25%; }
.grid3-1 > *:first-child,
.grid1-3 > * + * { width: 75%; }

/* Responsiv-o-matic */
@media (max-width: 1024px) {
	.grid5 > *,
	.grid6 > *,
	.grid8 > *,
	.grid10 > *,
	.grid12 > * {width: 33.333%}
}
@media (max-width: 768px) {
	.grid3 > *,
	.grid4 > *,
	.grid5 > *,
	.grid6 > *,
	.grid8 > *,
	.grid10 > *,
	.grid12 > * {width: 50%}
}
@media (max-width: 640px) {
	.grid > * > * {width: 100% !important}
}

/* ----------------------------- 
			Content
----------------------------- */
.txtWhite {
	color: #fff;
}

.bgWhite {
	background-color: #fff;
}

.bgGrayMed {
	background-color: #bfbbb6;
}

.bgGrayDark {
	background-color: #37322f;
}

.bgGrayLight {
	background-color: #ebe9e7;
}

.bgRed {
	background-color: #ed1a3b;
}

.bgSoldat {
	background: url(../img/design/bgSoldat.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.bgSoldat p {
	color: #37322f;
	font-family: "Roboto Condensed";
	font-size: 58px;
	font-weight:700;
	line-height: 1em;
	text-transform: uppercase;
}

.wrapper {
    width: 945px;
    margin: 0 auto;
}

.wrap{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -255px;
}


/* Header */
/* ________________________________ */

.headerSocial li {
	list-style: none;
	display: inline-block;
}

.logo {
	height: 79px;
	margin-top: 5px;
	width: 187px;
}

.menuMain li {
	float: left;
	font-family: "Roboto Condensed";
	font-weight:700;
	font-size: 17px;
	font-variant: normal;
}

.menuMain a {
	color: #37322f;
	display: block;
	height: 100px;
	line-height: 100px;
	padding: 0 14px;
}

.menuMain li.active a,
.menuMain li a:hover {
	background-color: #ebe9e7;
	color: #ed1941;
}

.sousMenu ul {
	text-align: center;
}

.sousMenu li{
	display: inline-block;
	font-family: "Roboto Condensed";
	weight:400;
	margin-right: 15px;
	text-transform: uppercase;
}

.sousMenu li:before{
	content: url("../img/design/icons/arrowSM.png");
	display: inline-block;
	margin-right: 5px;
	vertical-align: 10%;
}

.sousMenu a{
	color: #8c8a89;
}

.sousMenu a:hover{
	color: #fff;
}
.sousMenu a:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(235, 233, 231, 0);
	border-left-color: #ebe9e7;
	border-width: 7px;
	margin-top: -7px;
}

.topGray {
	min-height: 215px;
}

.title {
	margin-top: -150px;
	/*z-index:10000;*/position:relative;
}
.menu-144 .title, .menu-143 .title {margin-top: 0;}
/* Main */
/* ________________________________ */
.accueilArticle h1 {
	color: #d8192f;
	font-size: 25px;
}

.accueilBandeHaut h2 {
	font-size: 50px;
	color: #fff;
	margin-bottom: 15px;
}

.accueilBandeHaut p {
	color: #9e9e9e;
	font-size: 20px;
}

.main {
	padding-bottom: 90px;
}
.soldat {
	margin-top: -60px;
	margin-right: -30px;
}

.btnEvents {
	background: url(../img/design/btnEvents.jpg) 0 0 no-repeat;
	color: #fff;
	display: block;
	font-family: "Roboto Condensed";
	font-weight:700;
	font-size: 28px;
	height: 185px;
	line-height: 185px;
	margin-top: -25px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.btnProgScol {
	background: url(../img/design/btnProgScolaire.jpg) 0 0 no-repeat;
	color: #fff;
	display: block;
	font-family: "Roboto Condensed";
	font-size: 28px;
	font-weight:700;
	height: 185px;
	line-height: 185px;
	margin-top: -25px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.voirAvantage p:first-of-type {
	color: #fff;
	font-family: "Roboto Condensed";
	font-weight:700;
	font-size: 55px;
	line-height: 1;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.voirAvantage p a{
	color: #fff;
	font-family: arial;
	font-size: 19px;
	line-height: 1;
	text-decoration: none;
}

.carreBottom {
	margin-top: -108px;
}

.accueilQuatre {
	margin-top: -10px;
	color: #fff;
}

.accueilQuatre h3{
	font-size: 28px;
	text-align: left;
}

.accueilQuatre p{
	font-size: 13px;
	text-align: left;
}
.accueilQuatre a{
	color: #fff;
	text-decoration: none;
}

/* Footer */
/* ________________________________ */

footer, 
.push {
	clear: both;
	height:255px;
}

footer,
footer a {
	color: #9e9e9e;
	font-family: "Roboto Condensed";
	weight:400;
}

footer a {
	text-decoration: none;
}

footer a:hover {
	color: #fff;
}

footer h3{
	color: #fff;
}

.liensRapides ul {
	list-style: none;
	margin: 0;
}

.liensRapides li {
	border-bottom: 1px solid #4b4744;
	float: left;
	margin-right: 20px;
	width: 45%;
}

/*.liensRapides li:before {
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3px 0 3px 4px;
	border-color: transparent transparent transparent #8c8a89;
}*/

.footerSocial li{
	float: left;
	list-style: none;
	margin-bottom: 10px;
	width:50%;
}

.footerBottom {
	border-top: 1px solid #4b4744;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    text-decoration: none;
}


.menuTop li{
	float: left;
	list-style: none;
	margin-right: 25px;
}

.menuTop a{
	color: #fff;
	font-family: "Roboto Condensed";
	weight:400;
}
.item-page ul{margin-left:20px;}
dl dd{margin:0 0 25px 0;} 
.pos-description p, .pos-description li{	font-size: 1em;
	line-height: 1.25em;
	margin-bottom: 5px;}
	#yoo-zoo div.item .element-textarea h3, #yoo-zoo div.item .element-textareapro h3{	font-family: "Roboto Condensed";
	font-size: 20px;
	font-weight: 400;
	line-height: 26px;
	margin: .9545em 0 0 0;
	text-transform: uppercase;}
	.yoo-zoo h2{	color: #37322f;
	font-family: "Roboto Condensed";
	font-size: 27px;
	font-weight:700;
	line-height: 1em;
	margin: .875em 0 0 0;
	text-transform: uppercase;}
	ul.nav{background-color: #37322f;}
	.wk-slideshow-default
.nav {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    padding-top:10px;
}
b,
strong {
    font-family: ;
    font-weight: bold !important;
}
.yoo-zoo h1{
	color: #c3c1c0;
	font-family: "Roboto Condensed";
	font-size: 32px;
	font-weight:700;
	line-height: 1.25em;
	margin: .875em 0 0 0;
	text-transform: uppercase;
}