@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
}


BODY{
font-family: 'Open Sans', sans-serif;
margin:0px;
background-color: #FFF;
}

body, html
{
height: 100%;
width: 100%;
}

#spacer {
clear : both;
}	

a:link  {COLOR: #000; TEXT-DECORATION: none; }
a:visited { COLOR: #000; TEXT-DECORATION: none; }
a:active  { COLOR: #000; TEXT-DECORATION: none; }
a:hover {COLOR: #B40404; TEXT-DECORATION: none;  cursor: hand; transition: all 0.5s linear 0s;}

a.linkmenu:link  {COLOR: #FFF; TEXT-DECORATION: none; }
a.linkmenu:visited { COLOR: #FFF; TEXT-DECORATION: none; }
a.linkmenu:active  { COLOR: #FFF; TEXT-DECORATION: none; }
a.linkmenu:hover {COLOR: #B40404; TEXT-DECORATION: none;  cursor: hand; transition: all 0.5s linear 0s;}


.txtrougefonce {
COLOR: #990000;	
}	

.txtrouge {
COLOR: #FF0000;	
}

.txtnoir {
COLOR: #000000;	
}

.txtgris {
COLOR: #cccccc;	
}

.txtbleu {
COLOR: #2c739b;	
}

.txtgrisfonce {
COLOR: #999999;	
}

.txtvert {
COLOR: #6FCC18;	
}

.txtorange {
COLOR: #ff6600;	
}	

.txtblanc {
COLOR: #fff;	
}

.navbar {
padding-right: 15px !important;
padding-left: 15px !important;
border-color: #6FCC18;
}

.navbar-nav > li > a {
padding-bottom: 0;
}	

.navbar.navbar-inverse {
background-color: #1e0466;
COLOR: #fff !important;
}

.navbar-nav > li > a {
COLOR: #FFF !important;
font-size: 14px;
}

.navbar-nav > li > a:hover {
COLOR: #888 !important;
}

.logohome {
COLOR: #FFF !important;
font-size: 26px !important;
font-weight:bolder;
line-height:50px;
}

#div1 {
margin-top:30px;
background-image:url(../images/fond-bleu.jpg);
background-repeat:no-repeat;
background-size: 100% 100%;
}

#div1-1 {
padding:50px;
Color:#FFF;
min-height:450px;
}

#div1-1 > h1 {
font-size: 52px;
font-family: 'Oswald', sans-serif;
}
#div1-1 > h3 {
font-size: 36px;
font-family: 'Oswald', sans-serif;
}
#div1-1 > h5 {
padding-top:15px;
}
#div1-2 {
padding:40px;
Color:#FFF;
}

#div2 {
margin-top:0;
text-align:center;
padding:20px;
}
#div2 > h1 {
font-size: 52px;
font-family: 'Oswald', sans-serif;
}

#div3 {
margin-top:30px;
text-align:center;
padding:20px;
background-color: #eee;
}
#div3 > h1 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}

#div4 {
margin-top:20px;
text-align:center;
padding:30px;
}
#div4 > h1 {
font-size: 52px;
font-family: 'Oswald', sans-serif;
}


#div5 {
margin-top:40px;
background-color: #1e0466;
background-image:url(../images/fond-ligne1.jpg);
background-repeat:no-repeat;
background-size: 100% 60px;
color:#FFF;
}
#div5-1 {
margin-top:70px;
padding:30px;
text-align:center;
}
#div5-2 {
margin-top:70px;
padding:30px;
font-size:18px;
}
#div5-2 > ul {
  list-style: none;
  color:#BBB;
}
#div5-2 > ul li:before {
content: '\2714\0020';
color:#6FCC18;
}
#div5-2 > ul li {
padding-top:20px;
}


#div6title {
text-align:center;
}

#div6-1 {
margin-top:40px;
padding:50px;
text-align:justify;
}
#div6-2 {
margin-top:40px;
padding:50px;
text-align:justify;
}
#div6-3 {
margin-top:40px;
padding:50px;
text-align:justify;
}
#div6-4 {
text-align:center;
margin-top:10px;
padding:10px;
}


#div7 {
margin-top:80px;
text-align:left;
background-color: #eee;
}
#div7-1 > h1 {
text-align:center;
color:#CCC;
font-size:28px;
padding-bottom:30px;
}
#div7-2 {
text-align:center;
}
#div7-2 .label-success {
cursor: pointer;
}
#div7-3 {
font-size:20px;
font-weight:bolder;
}
#div7-3 .fa {
cursor: pointer;
}

.genaffiprod {
border-style:solid;
border-color: #FFF;
color:#529b0d;
}

#container {
margin-top:100px;
font-size:15px;
text-align:justify;
padding:15px;
}

.framevidinfos {
border-width:1px;
border-color:#cccccc;
border-style:solid;	
width: 100%;
height: 281px;
}

.videocontainer{
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}

.videocontainer iframe, .videocontainer embed, .videocontainer object{
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
}

#recentposts {
margin-top:100px;
padding:15px;
}


#footer {
margin-top:0;
text-align:center;
padding:30px;
background-color: #1e0466;
color: #FFF;
font-size:10px;
}





@media only screen and (max-width:768px) {
	
#menunavbar {
margin-top:0;
position: fixed;
width:100%;
display:block;
}
#div1 {
margin-top:20px;
} 
#div1-1 {
padding:30px;
min-height:50px;
}
#div1-1 > h1 {
font-size: 30px;
}
#div1-1 > h3 {
font-size: 25px;
}
#div1-2 {
padding:30px;
}
#div2 > h1 {
font-size: 30px;
}
#div2 > h2 {
font-size: 15px;
}
#div4 {
margin-top:20px;
padding:0px;
}
#div4 > h1 {
font-size: 30px;
font-family: 'Oswald', sans-serif;
}
#div5-1 {
margin-top:50px;
padding:0;
}
#div5-2 {
margin-top:0;
padding:20px;
font-size:18px;
}
#div6-1 {
margin-top:10px;
padding:10px;
}
#div6-2 {
margin-top:10px;
padding:10px;
}
#div6-3 {
margin-top:10px;
padding:10px;
}



}