@font-face {
	font-family: 'Open Sans';
	src: url('/css/fonts/open-sans.ttf');
}
@font-face {
	font-family: 'Open Sans';
	src: url('/css/fonts/open-sans.ttf');
	font-style: italic;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/css/fonts/open-sans.ttf');
	font-weight: bold;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
  background-color: #FFFFFF;
  /*background: url(/images/illustrations/bg_social.png) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {font-family:'Open Sans', sans-serif;}
.container, header {background-color: #FFFFFF;}

#ifram_tube{width:100%;}

.gdtit, p[class=gdtit] { text-align:center; font-size: 24px; font-weight: normal; color: #353535; text-decoration: none; background-color: #EAE8E8;display:block;width:auto;padding:8px;margin:8px 0px 8px 0px;}
li .gdtit {font-size:16px;}
p[class=pttit]{font-size: 20px; font-weight: normal; color: #353535; text-decoration: none; }
.pttit {  background-color: #EAE8E8;padding:4px 8px;margin:8px 0px 8px 0px;display:block;text-align:center;}
.resum {   font-size: 14px; line-height: 16px; color: #000000; background-color: #F2F2F2}
.comment {   font-size: 14px; color: #666666;}
.txt-inmarge {font-size: 14px; color: #666666;}
.captitle {text-transform: capitalize;}
.divtitle{padding:5px 8px;}
.title{font-size: 32px; color: #666666;}

.bluesoustit { font-size: 14px; font-weight: normal; color: #3b5998;}
.boldsoustit { font-size: 18px; font-weight: bold; color: #303030;}
.xbold {font-weight: bold; color: #303030;}
.xitalic {font-family:arial helvetica;font-style: italic; color: #303030;}

.spanbgred {
	color: #FFFFFF;
	background-color: #CC0033;
}
.spanbgred a {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: underline;
}
.btn-info {
	color: #FFFFFF;
	background-color: #86A3E9;
	border:1px solid #96AFEB;
}
.appspace h2,.appspace h3,.appspace h4,.appspace h5 {color: #3E3E3E;}
h5{font-size:14px;font-weight: 500;line-height:21px;}
h6 {font-size: 13px;font-weight: 500;line-height: 10px;}
h7 {font-size: 12px;font-weight: 500;line-height: 10px;}
h8 {font-size: 10px;font-weight: 500;line-height: 10px;}
	
.fontsize10 {font-size: 10px;}
.fontsize11 {font-size: 11px;}
.fontsize12 {font-size: 12px;}
.fontsize14 {font-size: 14px;}
.fontsize16 {font-size: 16px;}
.fontsize18 {font-size: 18px;}
.fontsize20 {font-size: 20px;}
.fontsize22 {font-size: 22px;}
.fontsize24 {font-size: 24px;}
.fontsize26 {font-size: 26px;}

.spanbrun {color: #834121;}
.spanblanc{color: #FFF;}
.spangris {color: #3E3E3E;}
.spanviolet {color: #663399;}
.spanorange {color: #FF6600;}
.spankodack {color: #FF9933;}
.spanrouge {color: #F90000;}
.spanbleu {color: #4572D9;}
.spanvert {color: #00EE11;}
.grismedium {color: #4E4E4E;}
.bgdblue {background-color: #EBF4FD;}
.bgdvert {background-color: #F3FFF4;}
.bgdyellow {background-color: #FFE981;}
.bgdkodack {background-color: #FF9933;}
.bgdgrislight {background-color: #E8E8E8;}
.bgdwhite{background-color: #fff;}
.cap {text-transform: capitalize;}
.msgalert{font-size:14px;font-weight:bold;color:#FF0048;}
.msginfos{font-size:14px;font-weight:normal;color:#4572D9;}
.important{font-weight:bold;color:#595959;}
.msgsucces{font-size:14px;font-weight:bold;color:#45D945;}
.control-label{color:#4572D9;}
.divtable{
	overflow-x:auto;
	padding:0px 18px 0px 30px;
}
.div-middle{
	display: inline-block;
	vertical-align: middle;
	float: none;
}
.div-bottom{
	display: inline-block;
	vertical-align: bottom;
	float: none;
}
.xofmedia-middle{
	margin-top:5%;
	margin-bottom:5%;
    vertical-align:middle; 
}
.xof-middle{
	margin-top:2%;
	margin-bottom:2%;
    vertical-align:middle; 
}
.boxtitle{
	display:inline-block;
	width:100%;
	text-align:center;
	margin:0px 0px 10px 0px;
	padding:6px 10px;
	color:#808080;
	font-weight:normal;
	background-color: #fff;
	border-radius: 12px;
    border: 1px solid #DCDCDC;
}
.boxtitle h3,.boxtitle h2 {border-radius:20px;}
.boxtxt .btn {display:block;}
.boxtxt{
	text-align:center;
	margin:0px 0px 20px 0px;
	padding:10px 10px;
	color:#808080;
	font-weight:normal;
	background-color: #fff;
	border-radius: 12px;
    border: 1px solid #DCDCDC;
}
.boxindic{
	display:inline-block;
	width:100%;
	text-align:center;
	margin:5px 0px 5px 0px;
	padding:2px 2px;
	background-color: #fff;
	border-radius:4px;
    border: 1px solid #DCDCDC;
}
.neutralbox{
	display:inline-block;
	width:100%;
	padding:5px 5px;
	background-color: #fff;
}

.boximg{background-color:#E10000;width:100%;height:50px;}

.boximg h4{
	font-size:22px;
	color:#FFF;
}

*[class^="counter-"]{
	font-size: 10px;
	color: #C3C2C2;
	font-style: italic; 
	letter-spacing: 0.02em;
}
.smllindic{
	font-size: 10px;
	color: #333;
	font-style: italic;
	letter-spacing: 0.02em;
}

.listindic{
	color:#808080;
	font-size:12px;
	line-height:12px;
}
div.success, p.success{background-color: #DDFDDC;}
div.successlight, p.successlight{background-color: #EDFDEC;}

div.info, p.info{background-color: #DCECFE;}
div.infolight, p.infolight{background-color: #F0F6FC;}
div.infomedium, p.infomedium{background-color: #ECF5FF;}

.v_align {
    vertical-align: middle;
}
.xpull{
	width:100%;
	z-index:1000;
}

.avatar {
	width:22px;
	border-radius:50%;
    border: 0px solid #D0D1FF;
}
.copyright {font-size: 10px;color: #333;}
.axlight {font-size:12px;color:#CC0033;}

.parent_valign-box {
  display: flex; /* contexte sur le parent */
  flex-direction: column; /* direction d'affichage verticale */
  justify-content: center; /* alignement vertical */
}
.enfant_valign-box {
  margin: auto; /* eh oui, tout bêtement */
}
.maxw200 {max-width:300px;}/* 200px dans medias.css */
.maxw300 {max-width:400px;}/* 300px dans medias.css */