@font-face {
    font-family: "DosisMedium";
	src: url("./font/Dosis-Medium.eot");
    src: local("DosisMedium"), url("./font/Dosis-Medium.ttf") format("truetype");
}
@font-face {
    font-family: "DosisLight";
	src: url("./font/Dosis-Light.eot");
    src: local("DosisMedium"), url("./font/Dosis-Light.ttf") format("truetype");
}



@media screen and (min-width:768px) {

  .section-white {
     padding: 1.5em 0;
  }
.question h2 {
  font-size: 18px;
  color: #ff000f;
  font-family: "Open Sans";
  margin: 0;
  font-weight:600;
  width: 44%;
  float: left;
}


}


body
{
	margin:0;
	padding:0;
	background-color:#edf2f2;}
	.video
	{
		/*background-color:#222222;*/
		color:#ffffff;
		/*float:right;*/
		padding:2% 8% 1% 9%;
		width:100%}
		.video2
	{
		background-color:#2a2a2a;
		color:#ffffff;}
	
img
{
	border:none;}	
a:hover
{
	text-decoration:none;}
#block_centrale
 {
	 background-color:#cfc7bd;
	 width:1026px;
	 min-height:1000px;
	 margin:auto;
 }
.header_compte
{
	height:43px;
	background-color:#000;
	box-shadow: 0px 3px 5px #888888;
	margin-top:-175px;
	margin-bottom:132px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
}
.header_logo
{
	min-height:160px;
	padding-top:17px;
	background-image:url(../img/bg_header.png);
	background-position:center;
	text-align:left;
	vertical-align:middle;
	padding:0 17px;
}
.logo{
	float:left;
	padding-top:17px;
	padding-left:12px;}
	.logo h1 {
		margin:0% !important;}
.header_logo img
{
	margin:auto;}
header {
    text-align: center;
  
    /*background: #fff;
	background-image:url(../img/header.png);*/
	background-repeat:no-repeat;
	background-position:center top;
}
.container{ background:#edf2f2}
header .container {
    padding-top: 0px;
    padding-bottom: 0px;
}
header .navbar {
   
    margin-bottom: 0px;
}
header img {
    display: block;
    margin: 0 10px 10px;
}
header .menu_long
{
	 color: #ffffff;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight:600;
	width:100%;
	
	}
	.menu_long1
	{
	background-image:url(../img/menu_long1.png);
	background-repeat:no-repeat;
	background-position:right;
	height:52px;
	width:34%;
	text-align:right;
	
		padding:9px 45px 0 4px;
	vertical-align:middle;
	}
	.menu_long2
	{
		background-image:url(../img/menu_long2.png);
		background-repeat:no-repeat;
	background-position:right;
		padding:9px 4px 0 4px;
	height:52px;
	width:22%;
	}
	.menu_long3
	{
		background-image:url(../img/menu_long3.png);
		background-repeat:no-repeat;
			padding:9px 4px 0 4px;
	background-position:right;
	height:52px;
	width:22%;
	}
	.menu_long4
	{
		background-image:url(../img/menu_long4.png);
		background-repeat:no-repeat;
		padding:9px 4px 0 4px;
	background-position:right;
	height:52px;
	width:22%;
	}
	.menu_long5
	{
		
		background-repeat:no-repeat;
	background-position:right;
	height:52px;
	
	}
header .logo
{
	float:left;
	/*width:50%;*/}
	
	header .date-text 
	{
	float:right;
	width:100%;}
header .date-text .date {
    display: block;
	text-align:right;
	margin-right:5px;
    font-family:"Open Sans";
    font-size: 13px;;
	color:#000000;
    font-weight:300;
}
header .date-text .date_video {
    display: block;
	text-align:right;
	margin-right:15px;
  
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;;
	color:#ffffff;
    font-weight: 700;
}

header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
}
header .search
	{
	float:right;
	width:100%;}
header	.espace
{
	width:100%;
	height:109px;}
.search .btn-search
{
	background-color:#1c9ed8;
	font-family:"Open Sans";
	font-weight:300;
	font-size:14px;
	height:32px;
	padding:7px 14px;
	color:#ffffff;
	float:right;
	border-left:solid 1px #ffffff;
	
	}
.search	.btn-search:hover,.btn-search:focus,.btn-search:active,.btn-search.active
{color:#fff;
background-color:#99d4ed;
}
.compte1
{
	
	font-family:Helvetica;
	font-weight:700;
	color:#84d0f0;
	font-size:15px;
	text-decoration:underline;
/*	padding-top:8px; */
	height:28px;
	background:none;
}

#compte2
{
	float:right;
	font-family:Helvetica;
	font-weight:700;
	color:#84d0f0;
	font-size:15px;
	text-decoration:underline;
	padding-left:20px;
/*	padding-top:8px; */
	height:28px;
}
	#compte2 a
{color:#84d0f0;}
#compte3
{
	float:right;
	padding-left:30px;
	padding-top:4px;
	height:28px;
	
}
#compte3 input[type="text"] {
display: inline-block;
width: 151px;
height: 24px;
padding-left: 10px;
font-weight: 700;
border: none;
font-family:Helvetica;
	font-weight:700;
	color:#000000;
	font-size:15px;
text-shadow: 0px 1px 0px #000;
background: #e9e7ea;
-webkit-box-shadow: 0px 1px 1px #000 inset;
-moz-box-shadow: 0px 1px 1px #000 inset;
box-shadow: 0px 1px 1px #000 inset;
}
#compte4
{
	float:right;
	font-family:Helvetica;
	font-weight:700;
	color:#84d0f0;
	font-size:15px;
	text-decoration:underline;
	padding-left:15px;
/*	padding-top:8px;*/
	padding-right:20px;
		height:28px;}
		.valign { display: table; width: 100%; height: 100%; 
	height:28px;}
.valign > div { display: table-cell; width: 100%; height: 100%; }
.valign.bottom > div { vertical-align: bottom;
text-decoration:underline; }

.menu
{
	height:48px;
	border-top:1px solid #edf2f2;
	border-bottom:1px solid #edf2f2;
	background-color:#000;
	
	}
.menu ul
{
	margin-top:14px;
}
.menu ul li
{
	float: left;
	list-style: none;
	font-family:'779';
	font-weight:700;
	color:#eeeeee;
	transition: color 0.8s;
	font-size:16px;
	
}
.padding_menu
   {
	/*padding-left:1px;
	padding-right:1px;*/}
#menu ul li:hover
{
	
	color:#00978f;
	transition: color 0s;
	cursor:pointer;}

#sep_menu
{
	height:33px;
	width:1px;
	margin-top:-7px;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #000000),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #000000 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #000000 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #000000 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #000000 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #000000 0%, #FFFFFF 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#FFFFFF', GradientType=0);/* Standard IE */
	}
#block_1
{
	
	min-height:73px;
		padding-bottom:10px;
	}
#block_hebdo1
{
	
	min-height:52px;
		
	}
#block_1_hebdo
{
	
	min-height:111px;
		
	}
#sous_menu
{
	width:665px;
	font-family:'779';
	font-size:27px;
	padding-top:70px;
	text-transform:uppercase;
	padding-left:28px;
	color:#006fe0;
	float:left;}
#sous_menu_active
{}
.sous_menu_sep
{
	color: #00978F;
    line-height: 24px;
    vertical-align: top;
}
#block_portrait
{
	float:right;
	background-image:url(img/ombre.png);
	width:332px;
	height:111px;
	}
#nom_portrait
{
	width:150px;
	font-family:'779';
	font-size:16px;
	padding-top:40px;
	text-align:right;
	
	color:#eeeeee;
	float:left;}	
#photo_portarit
{
	float:left;
	width:144px;
	height:111px;}

#fil
{ 
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	padding-top:10px;
	padding-left:30px;
	float:left;
	width:700px;	}
#date
{ 
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:17px;
	padding-top:10px;
	padding-right:10px;
	float:right;
	}
#titre
{	font-family:'779';
	color:#00978f;
	font-size:27px;
	padding-top:15px;
	padding-left:30px;

	width:500px;
	text-transform:uppercase;
	float:left;}	
#block_2
{
	width:100%;
	margin:auto;
	/*max-height:531px;*/
	background: -webkit-linear-gradient(left, #4ca3a5 , #1a1919); /* For Safari */
    background: -o-linear-gradient(right, #4ca3a5, #1a1919); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #4ca3a5, #1a1919); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #4ca3a5 , #1a1919); /* Standard syntax */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca3a5',endColorstr='#1a1919', GradientType=1);/* Standard IE */

	}
#block_2_dossier
{
	width:1009px;
	margin:auto;
	height:545px;
	background: -webkit-linear-gradient(left, #4ca3a5 , #1a1919); /* For Safari */
    background: -o-linear-gradient(right, #4ca3a5, #1a1919); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #4ca3a5, #1a1919); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #4ca3a5 , #1a1919); /* Standard syntax */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca3a5',endColorstr='#1a1919', GradientType=1);/* Standard IE */

	}
	#block_2_hebdo
{
	width:1009px;
	margin:auto;
	height:570px;
	background: -webkit-linear-gradient(left, #4ca3a5 , #1a1919); /* For Safari */
    background: -o-linear-gradient(right, #4ca3a5, #1a1919); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #4ca3a5, #1a1919); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #4ca3a5 , #1a1919); /* Standard syntax */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca3a5',endColorstr='#1a1919', GradientType=1);/* Standard IE */

	}
#block_2_left
{




	width:575px;
	height:531px;
	float:left;
}
#block_2_left_hebdo
{
	width:711px;
	height:531px;
	float:left;
}
#titre2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#cfc7bd;
/*	padding-left:20px;*/
	padding-top:8px;
	}
#titre3
{
	font-family:'779';
	font-size:34px;
	color:#eeeeee;
/*	padding-left:20px;*/
	padding-top:6px;
	}	
#titre4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#cfc7bd;
/*	padding-left:20px;*/
	padding-top:6px;
	font-weight:700;
	}
#slide
{
	padding-left:20px;
	padding-top:10px;}
#block_2_right
{
	width:100%;
	height:531px;
	background-color:#323232;
	float:left;
}
#block_2_right_dossier
{
	width:100%;
	height:545px;
	background-color:#323232;
	float:left;
}
#block_2_right_hebdo
{
	width:100%;
	height:569px;
	background-color:#323232;
	float:right;
}
#rectangle-vert
{
	width:100%;
	height:18px;
	background-color:#00978f;}
#rectangle-vert_hebdo
{
	width:100%;
	height:18px;
	background-color:#00978f;}
#rectangle-logo
{
	width:100%;
	height:38px;
	background-color:#040404;
	font-family:'779';
	color:#00978f;
	font-size:23px;
	padding-top:10px;
	padding-left:20px;
	text-transform:uppercase;
	float:left;}
#rectangle-logo_hebdo	
{
	width:268px;
	height:38px;
	background-color:#040404;
	font-family:'779';
	color:#00978f;
	font-size:23px;
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	text-transform:uppercase;
	float:left;}
#rectangle-logo_dossier
{
	width:404px;
	height:38px;
	background-color:#040404;
	font-family:'779';
	color:#00978f;
	font-size:23px;
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	text-transform:uppercase;
	float:left;}
#sommaire
{
	min-height:90px;
	width:100%;
	float:left;
	border-top:1px solid #a3a0a0;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.1, #090909),
	color-stop(0.27, #212021),
	color-stop(0.98, #323232)
);
background-image: -o-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -moz-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -webkit-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -ms-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: linear-gradient(to bottom, #090909 10%, #212021 27%, #323232 98%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090909',endColorstr='#323232', GradientType=0);/* Standard IE */
	
	}
#sommaire_hebdo
{
	min-height:90px;
	width:298px;
	float:left;
	border-top:1px solid #a3a0a0;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.1, #090909),
	color-stop(0.27, #212021),
	color-stop(0.98, #323232)
);
background-image: -o-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -moz-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -webkit-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -ms-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: linear-gradient(to bottom, #090909 10%, #212021 27%, #323232 98%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090909',endColorstr='#323232', GradientType=0);/* Standard IE */
	}
#text1
{
	font-family:'779';
	width:70%;
	height:90px;
	float:left}	
#text1_dossiers
{
	font-family:'779';
	width:434px;
	height:90px;
	float:left}	
#text1_hebdo
{
	font-family:'779';
	width:230px;
	height:90px;
	float:left}	
#icone_sommaire
{
  float: left;
    padding-left: 20px;
    padding-top: 16px;
    width: 37px;}
#titre_text1
{
	font-size:18px;
	color:#00978f;
	padding-left:20px;
	padding-top:10px;
	}
#text_text1
{
	font-size:18px;
	color:#e5e5e5;
	padding-left:20px;
	padding-top:1px;
	}
#img1
{
	padding-top:29px;
	width:25%;
	float:right;
	padding-right:5%;}
#img1_dossier
{
	  float: left;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 29px;
	}
	#titre_text1_dossier
{
	font-size:18px;
	color:#00978f;
	width:275px;
	
	padding-top:10px;
	  float: left;
	}
#text_text1_dossier
{
	font-size:18px;
	color:#e5e5e5;
	width:275px;
	padding-top:1px;
	  float: left;
	}
	
#block_3
{
	width:1009px;
	margin:auto;
	padding-bottom:15px;
	
}
#block_3_groupe1
{
	width:100%;
	float:left;}
#block_3_groupe1_hebdo
{
	width:702px;
	float:left;}
#block_3_groupe2
{
	width:100%;
	min-height:534px;
	margin-top:15px;
	margin-left:7px;
	background-color:#fbf5ed;
	border:solid 1px #59493f ;
	float:left;}
#sep_logo
{
	background-image:url(img/sep_logo.png);
	background-position:center;
	width:240px;
	height:36px;}
#edition
{
	font-family:'779';
	font-size:16px;
	color:#000000;
	padding-top:10px;
	padding-left:15px;
	}	
#desc_edition
{   font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	font-weight:700;
	padding-left:15px;
	padding-top:10px;
	}
.bouton_bleu
{
	 color: #006FE0;
    float: left;
    font-size: 23px;
    height: 15px;
    line-height: 17px;
	padding-right:3px;}
#date_edition
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	padding-left:15px;
	padding-top:10px;
	color:#59493f;
	}
#emission_frqm_spec
{
	width:233px;
	background-image:url(img/sep_spec.png);
	height:65px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	padding-left:65px;
	font-weight:700;
	text-transform:uppercase;
	color:#5d8788;}
#img_spec
{
	width:125px;
	height:25px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	float:left}
#sep_edition
{
	padding-left:15px;
	}
#emission_vu_presse
{
	width:233px;
	background-image:url(img/sep_vu.png);
	height:65px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	padding-left:65px;
	font-weight:700;
	text-transform:uppercase;
	color:#5d8788;
	}
#desc_vu_presse
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-transform:none;
	font-weight:700;
	padding-top:10px;}
#block_3_groupe3
{
	width:100%;
	margin-left:7px;
	float:left;
	background-color:#ffffff;
	min-height:500px;}
#les_titres
{
	background-color:#5d8788;
	width:100%;
	height:31px;
	margin-top:15px;
	margin-bottom:10px;
	padding-left:20px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	}
#liens_hebdo
{
	background-color:#5d8788;
	width:682px;
	height:31px;
	margin-top:15px;
	margin-bottom:10px;
	padding-left:20px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	}
#liens_compte
{
	background-color:#5d8788;
	width:682px;
	height:31px;
	margin-top:-40px;
	margin-bottom:10px;
	padding-left:20px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	}
#article
{
	width:100%;
	height:142px;
	background-color:#FFF;
	
	}
#article_ombre_bas
{
	background-image:url(img/ombre_bas.png);
	background-position:center;
	margin-bottom:5px;
	width:455px;
	height:5px;
	}
#article_hebdo
{
	width:702px;
	min-height:142px;
	background-color:#FFF;
	padding-bottom:8px;
	padding-top:10px;
	
	}
	
#article_ombre_bas_hebdo
{
	background-image:url(img/ombre_bas_hebdo.png);
	background-position:center;
	margin-bottom:5px;
	width:702px;
	height:5px;
	}
#emission_prec
{
	width:334px;
	float:left;
	min-height:100px;
	border-bottom:solid 1px #a0a0a0;
	margin-left:10px;}
#emission_prec_sep
{
	width:9px;
	border-right:solid 1px #a0a0a0;
	float:left;
	min-height:131px;}	
#date_emi_prec
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:700;
	
	color:#000000;
	width:340px;
	float:left;
	}
#img_emi_prec
{
	width:141px;
	height:87px;
	float:left;
	padding-top:7px;}
#titre_emi_prec
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	padding-left:10px;
	
	color:#00978f;
	width:183px;
	float:left;
	}
#desc_emi_prec
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
	padding-left:10px;
	padding-top:4px;
	color:#000;
	width:183px;
	float:left;
	}
#lire_emi_prec
{
	float:left;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:700;
	text-align:left;
	padding-top:5px;
	color:#5d8788;
	padding-left:152px;
	margin-bottom:4px;}	
#titre_article
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	color:#5d8788;
	padding-left:10px;
	padding-top:15px;
	}
#img_article
{
	height:87px;
	width:32%;
	padding-left:10px;
	padding-top:10px;
	float:left;
	}
#desc_article
{
	 color: #000000;
    float: left;
    font-family: '779';
    font-size: 12px;
    height: 69px;
    padding-left: 10px;
    padding-top: 12px;
    vertical-align: top;
    width: 63%;
	}
#lire_art
{
	float:left;
	width:290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:700;
	color:#5d8788;
	padding-left:10px;}
	
#lire_vu_presse
{
	float:left;
	width:210px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:700;
	text-align:right;
	padding-top:5px;
	color:#5d8788;
	padding-left:10px;}	
#appli
{	width:298px;
	background-image:url(img/sep_apli2.png);
	background-color:#5ac4c7;
	min-height:65px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	
	font-weight:700;
	text-transform:uppercase;
	color:#3e3e40;
	}
#titre_appli
{padding-left:65px;}
#img_appli
{
	padding-left:12px;
	padding-top:20px;
	width:206px;
	height:139px;
	float:left}	
#vertion
{
	width:80px;
	padding-top:20px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:11px;
	color:#3e3e40;
	text-transform:none;
	float:left}
#icone_vertion
{ 	width:80px;
	float:left;
	text-align:center;
	padding-top:5px;
	}
#desc_vertion
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	width:286px;
	color:#000000;
	text-transform:none;
	font-weight:700;
	padding-left:12px;
	padding-top:5px;}	
#desc2_vertion
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	width:286px;
	color:#000000;
	text-transform:none;
	font-weight:600;
	padding-left:12px;
	padding-top:5px;
	padding-bottom:15px;}
	
#question
{
	width:233px;
	background-image:url(img/sep_question.png);
	min-height:65px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	padding-left:65px;
	font-weight:700;
	text-transform:uppercase;
	color:#5d8788;
	}
#desc_question
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-transform:none;
	font-weight:700;
	padding-top:10px;}
	
#reponse
{
	background-color:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-transform:none;
	color:#000000;
	width:220px;
	min-height:20px;
	margin-top:15px;
	margin-left:-20px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:15px;
	padding-left:20px;
	}
label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}
input[type=radio],
input[type=checkbox] {
	display: none;
}
label:before {
	content: "";
	display: inline-block;

	width: 12px;
	height: 12px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #fff;
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}

.radio label:before {
	border-radius: 5px;
	-moz-border-radius:5px;
	border:solid 1px #5d8788;
}
.checkbox label {
	margin-bottom: 10px;
	
}
.checkbox label:before {
    border-radius: 2px;
	-moz-border-radius:2px;
	border:solid 1px #5d8788;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #5d8788;
    font-size: 30px;
    text-align: center;
    line-height: 13px;
}

input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 12px;
	color: #5d8788;
	text-align: center;
    line-height: 14px;
}

#invite
{	width:298px;
	background-image:url(img/sep_invite.png);
	background-color:#334a4b;
	min-height:263px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	
	font-weight:700;
	text-transform:uppercase;
	color:#5d8788;
	}
#titre_invite
{padding-left:65px;
padding-bottom:16px;}
#img_grand_invite
{
	padding-left:7px;
	padding-top:3px;
	width:175px;
	min-height:200px;
	float:left}	
#img_petit_invite
{
	padding-top:3px;
	padding-left:2px;
	width:114px;
	height:67px;
	float:right}	
#date_emi
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5d8788;
	padding-left:2px;
	text-transform:none;
	}
#nom_inv
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:2px;
	padding-left:2px;
	color:#ffffff;
	font-weight:300;
	text-transform:none;
	height:35px;}

#ecouter_toutes
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-top:2px;
	padding-left:2px;
	color:#5d8788;
	font-weight:300;
	text-transform:none;
	}
#medicament
{
	width:298px;
	background-image:url(img/sep_medicament.png);
	min-height:65px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:15px;
	
	font-weight:700;
	text-transform:uppercase;
	color:#5d8788;
	}
#medicament_titre
{
	padding-left:65px;
	padding-bottom:12px;}






#medicament input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #B3B3B3;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    color: #666666;
    float: left;
    font: 12px Arial,sans-serif;
    margin: 0;
    padding: 3px 6px 0px;
    width: 260px;
}
#medicament input {
    height: 16px;
}
#medicament button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("img/search-butt2.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #CCCCCC;
    border-image: none;
    border-style: none solid;
    border-width: 0 1px;
    cursor: pointer;
    float: left;
    height: 19px;
    margin: 1px 0 0 -25px;
    padding: 0;
    text-indent: -1000em;
    width: 25px;
}


#medicament table {
    border-collapse: separate;
    border-spacing: 0;
}


#medicament .td_alph {
    color: #666666;
    cursor: pointer;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 15px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-top: 4px;
    width: 13px;
}
#medicament caption, th, td {
    font-weight: 300;
   /* text-align: left;*/
}
#medicament  .recherche_alph {
    color: #666666;
    cursor: pointer;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
}


#block_3_article
{
	width:702px;
	min-height:1000px;
	background-color:#ffffff;

	float:left;
	}
#block_3_compte
{
	width:702px;
	min-height:1000px;
	background-color:#ffffff;
	margin-top:40px;
	float:left;
	}
#titre1_article
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#a3907c;
	padding-left:20px;
	padding-top:12px;
	}
#titre2_article
{
	font-family:'779';
	font-size:34px;
	color:#00978f;
	padding-left:20px;
	padding-top:12px;
	}
#titre3_article
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#a3907c;
	font-weight:700;
	padding-left:20px;
	padding-top:12px;
	}
#desc_page_article
{
	width:662px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:justify;
	padding-left:20px;
	padding-top:12px;
	padding-right:20px;}
#img_page_article
{
	float:right;
	width:356px;
	min-height:223px;
	margin-left:20px;
	margin-bottom:20px;
	}	
#sur_mm
{
	background-color:#5d8788;
	width:356px;
	min-height:50px;
	margin-top:20px;
	}	
#sur_mm_titre
{
	font-family:'779';
	font-size:15px;
	color:#eeeeee;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	}
#sur_mm_titre hr
{
	margin:0;
	color:#eeeeee;}	
#sur_mm_article
{
	font-family:'779';
	font-size:13px;
	color:#eeeeee;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	}	




#img_petit_invite ul{
width:114px;
height:auto;
margin:0;
padding:0;
}
#img_petit_invite ul li{
list-style:none;
float:left;
width:114px;
height:67px;
margin-bottom:2px;
}
#img_petit_invite ul li:nth-child(3){
clear:left;
}
#img_petit_invite ul img{
position:absolute;
z-index:1;
height:67px;width:auto;
margin:0;

-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
    -moz-transition:all .5s cubic-bezier(.6,2,.4,1);
     -ms-transition:all .5s cubic-bezier(.6,2,.4,1);
      -o-transition:all .5s cubic-bezier(.6,2,.4,1);
         transition:all .5s cubic-bezier(.6,2,.4,1);
}
#img_petit_invite ul li:hover img{
z-index:5;
-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
     -ms-transform: scale(1.5);
      -o-transform: scale(1.5);
         transform: scale(1.5);
box-shadow:0 0 10px black;
}
#img_petit_invite ul:hover li:not(:hover) img{
-webkit-filter: grayscale(1) blur(5px);
    -moz-filter: grayscale(1) blur(5px);
     -ms-filter: grayscale(1) blur(5px);
      -o-filter: grayscale(1) blur(5px);
         filter: grayscale(1) blur(5px);
}

#img_petit_invite ul li strong {
    bottom: -30px;
    opacity: 0;
    position: absolute;
}
#img_petit_invite ul li:hover strong {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    height: 17px;
    left: 0;
    margin-top: -30px;
    opacity: 1;
    padding: 5px;
    transition: bottom 0.3s ease 0.4s;
    width: 190px;
    z-index: 150;
}
#img_petit_invite ul li a
{
	text-decoration:none;
}
#img_petit_invite ul li .ttt {
     bottom: -11px;

     opacity: 0;
	 z-index:150;
     position:relative;
	 font-family:'779';
	font-size:16px;
	color:#eeeeee;
	text-decoration:none;
	text-transform:none;
}
#img_petit_invite ul li a:hover .ttt {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: -67px;;
    height: 37px;
    left: -28px;;
    margin-top: -30px;
    opacity: 1;
    padding: 5px;
    transition: bottom 0.3s ease 0.4s;
    width: 161px;
    z-index: 150;
}



#clear
{
	clear:both;}
	
	
	
.libelletext {
    color: #333;
    float: left;
    font-size: 12px;
    font-weight: 300;
    height: 24px;
    padding-right: 6px;
    padding-top: 8px;
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
    width: 165px;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	
}
.libelletextsub {
    color: #333;
    float: left;
    font-size: 15px;
    font-weight: 300;
    padding-right: 6px;
    padding-top: 10px;
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
    width: 680px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}
.libelcaptcha {
    color: #666666;
    float: left;
    font-size: 12px;
    font-weight: 300;
    height: 24px;
    padding-right: 6px;
    padding-top: 8px;
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
    width: 165px;
	padding-left:250px;
}
.libelcertify {
    color: #333;
    float: left;
    font-size: 12px;
    font-weight: 300;
    height: 24px;
    padding-right: 6px;
    padding-top: 8px;
    text-align: left;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
    width: 650px;
	padding-left:10px;
}
.inputcontcertify {
    float: left;
    height: 32px;
    margin-top: 5px;
    width: 448px;
}
#captcha_base64 {
    float: left;
    padding-left: 230px;
    width: 605px;
}
.inputcontcaptcha {
    float: left;
    height: 32px;
    margin-top: 5px;
    width: 400px;
	padding-left:255px
}
.inputcont {
    float: left;
    height: 32px;
    width: 450px;
}
.inputcontcertify input, .inputcontcaptcha input, .inputcont input, .inputcont select {
    border: 1px solid #B8B8B8;
    border-radius: 4px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    color: #666666;
    font-size: 14px;
    height: 20px;
    line-height: 14px;
    padding: 2px;
    vertical-align: middle;
}
.inputcont select {
    height: 27px;
}
input:focus {
    box-shadow: 0 0 5px 2-1px #00978f;
	
}
#buttonSave {
    background: linear-gradient(to bottom, #AAAAAA 0px, #D9D9D9 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #333333;
    border-radius: 4px;
    color: #4A4A4A;
    cursor: pointer;
    font-size: 18px;
    font-weight:600;
    height: 32px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 0 1.5em;
    text-shadow: 0 1px 0 #EEEEEE;
	margin-left:252px;
}

#buttonSave:hover {
    background: linear-gradient(to bottom, #D9D9D9 0px, #AAAAAA 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	 box-shadow: 0 0 5px 2px #00978f;
}
#buttonvalider
{
	  background: linear-gradient(to bottom, #AAAAAA 0px, #D9D9D9 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    color: #4A4A4A;
    cursor: pointer;
    font-size: 13px;
    font-weight:600;
    height: 22px;
    margin-bottom: 3px;
    margin-left: 142px;
    margin-top: 3px;
    padding: 0 0.5em;
    text-shadow: 0 1px 0 #EEEEEE;}
#buttonvalider:hover	
	{
    background: linear-gradient(to bottom, #D9D9D9 0px, #AAAAAA 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	 box-shadow: 0 0 5px 2px #00978f;
}
#text_recherche
{
	float:left;
	padding-left:12px;}
#text_recherche input{
    border: 1px solid #B8B8B8;
    border-radius: 4px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    color: #666666;
    font-size: 14px;
    height: 20px;
    line-height: 14px;
    padding: 2px;
    vertical-align: middle;
	width:240px;
}
#button_recherche input
{
	width:30px;
	height:26px;
	margin-left:6px;}
#buttonrecherche
{
	  background: linear-gradient(to bottom, #AAAAAA 0px, #D9D9D9 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    color: #4A4A4A;
    cursor: pointer;
    font-size: 13px;
    font-weight:600;
    height: 22px;
    margin-bottom: 3px;
    margin-left: 142px;
    margin-top: 3px;
    padding: 0 0.5em;
    text-shadow: 0 1px 0 #EEEEEE;
	width:22px;}
#buttonrecherche:hover	
	{
    background: linear-gradient(to bottom, #D9D9D9 0px, #AAAAAA 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	 box-shadow: 0 0 5px 2px #00978f;
}
#button_recherche
{
	float:left;
	width:22px;}
/*********animation du spec***************/

* {
    border: medium none;
    margin: 0;
    padding: 0;
}
#typo {
    font-size: 0.9em;
    margin: auto;
    position: relative;
    width: 300px;
}
#typo div {
    perspective: 500px;
    perspective-origin: 50% 0;
	float:left;
	padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}
#typo div p {
    animation: 0.6s ease-in-out 1s 300 backwards 1 rot;
   /* background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0)) repeat scroll 0 0%, none repeat scroll 0 0 #91EAF3;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);*/
    color: rgba(0, 0, 0, 0.75);
    font-weight: 700;
    margin-bottom: 2px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(255, 255, 255, 0.5);
    transform-origin: 50% 0 0;
    width: 125px;
}
#typo div p.replay {
    animation-play-state: running;
}
#typo div:first-child p {
    animation-delay: 0.6s;
    font-size: 40px;
    letter-spacing: -2px;
}
#typo div:nth-child(2) p {
    animation-delay: 1s;
    font-size: 55px;
    letter-spacing: -2px;
}
#typo div:nth-child(3) p {
    animation-delay: 1.4s;
    font-size: 35px;
    letter-spacing: -2px;
}
#typo div:nth-child(4) p {
    animation-delay: 1.8s;
    font-size: 90px;
    letter-spacing: -2px;
}
#typo div:nth-child(5) p {
    animation-delay: 2.2s;
    font-size: 40px;
    letter-spacing: -2px;
}

@-moz-keyframes rot {
0% {
    transform: rotateX(-90deg);
}
50% {
    transform: rotateX(45deg);
}
70% {
    transform: rotateX(-23deg);
}
100% {
    transform: rotateX(0deg);
}
}

/************animation recherche****************/



#medicament_recherche {
   /* background: none repeat scroll 0 0 #fff;*/
    overflow: hidden;
	padding-bottom: 15px;
  /*  padding-left: 15px;*/
	margin-left:15px;
   /* padding-top: 20px;*/
    width: 280px;
}
#medicament_recherche ul {
 /*   background: none repeat scroll 0 0 #fff;*/  
    height: 15px;
    margin:auto;
	margin-bottom:3px;
/*    padding-left: 3%;*/
	margin-left:3%;
   /* padding-top: 20px;*/
    width: 97%;
}
#medicament_recherche ul li {
    display: inline-block;
    height: 15px;
    position: relative;
    text-align: center;
    width: 15px;
}
#medicament_recherche ul li a {
    color: #333232;
    font-family: "TeXGyreReg",sans-serif;
    font-size: 13px;
    font-weight: 300;
    height: 15px;
    left: 0;
    padding-top: 5px;
    position: absolute;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.2);
    width: 100%;
    z-index: 100;
}
#medicament_recherche ul li span {
    background: none repeat scroll 0 0 #c0e5e3;
  /*  border-radius: 10px;*/
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    visibility: hidden;
    width: 20px;
    z-index: 95;
}
#medicament_recherche ul li:nth-child(1) span {
    left: -20px;
    transition: left 0.2s ease 0s, visibility 0s ease 0.2s;
}
#medicament_recherche ul li:nth-child(2) span {
    left: -40px;
    transition: left 0.4s ease 0s, visibility 0s ease 0.4s;
}
#medicament_recherche ul li:nth-child(3) span {
    left: -60px;
    transition: left 0.6s ease 0s, visibility 0s ease 0.6s;
}
#medicament_recherche ul li:nth-child(4) span {
    left: -80px;
    transition: left 0.8s ease 0s, visibility 0s ease 0.8s;
}
#medicament_recherche ul li:nth-child(5) span {
    left: -100px;
    transition: left 1s ease 0s, visibility 0s ease 1s;
}
#medicament_recherche ul li:nth-child(6) span {
    left: -120px;
    transition: left 1.2s ease 0s, visibility 0s ease 1.2s;
}
#medicament_recherche ul li:nth-child(7) span {
    left: -140px;
    transition: left 1.4s ease 0s, visibility 0s ease 1.4s;
}
#medicament_recherche ul li:nth-child(8) span {
    left: -160px;
    transition: left 1.6s ease 0s, visibility 0s ease 1.6s;
}
#medicament_recherche ul li:nth-child(9) span {
    left: -180px;
    transition: left 1.8s ease 0s, visibility 0s ease 1.8s;
}
#medicament_recherche ul li:nth-child(10) span {
    left: -200px;
    transition: left 2s ease 0s, visibility 0s ease 2s;
}
#medicament_recherche ul li:nth-child(11) span {
    left: -220px;
    transition: left 2.2s ease 0s, visibility 0s ease 2.2s;
}
#medicament_recherche ul li:nth-child(12) span {
    left: -240px;
    transition: left 2.4s ease 0s, visibility 0s ease 2.4s;
}
#medicament_recherche ul li:nth-child(13) span {
    left: -260px;
    transition: left 2.6s ease 0s, visibility 0s ease 2.6s;
}

#medicament_recherche ul li:hover span {
    left: 0;
    visibility: visible;
}
#medicament_recherche ul li:nth-child(1):hover span {
    transition: left 0.2s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(2):hover span {
    transition: left 0.4s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(3):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(4):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(5):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(6):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(7):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(8):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(9):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(10):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(11):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(12):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}
#medicament_recherche ul li:nth-child(13):hover span {
    transition: left 0.6s ease 0.3s, visibility 0s ease 0s;
}

/************************************************/

/*****************anim_home*******************************/


#slideshow {
	position: relative;
	width: 523px;
	height: 497px;
	padding: 15px;
	/*border: 1px solid #ddd;*/
	margin: 0 auto;
/*	background: #FFF;
	background: -webkit-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -moz-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -ms-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: -o-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);*/
}

/* avanced box-shadow : http://www.creativejuiz.fr/blog/les-tutoriels/ombre-avancees-avec-css3-et-box-shadow */
#slideshow:before,
#slideshow:after {
	position: absolute;
	display:block;
	bottom:16px;
	width: 50%;
	height: 20px;
	content: " ";
/*	background: rgba(0,0,0,0.1);
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
	box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);*/
	
	z-index: -10;
}
#slideshow:before {
	left:0;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
}
#slideshow:after {
	right:0;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
}
#slideshow .commands {
	position: absolute;
	top: 45%;
	padding: 5px 13px;
	border-bottom:0;
	font-family: 'Amaranth', Arial, Verdana, sans-serif;
	font-size: 1.3em;
	color: #aaa;
	text-decoration:none;
	background-color: #eee;
	background-image: -webkit-linear-gradient(#fff,#ddd);
	background-image: -moz-linear-gradient(#fff,#ddd);
	background-image: -ms-linear-gradient(#fff,#ddd);
	background-image: -o-linear-gradient(#fff,#ddd);
	background-image: linear-gradient(#fff,#ddd);
	text-shadow: 0 0 1px #aaa;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#slideshow .commands:after {
	position: absolute;
	bottom: 65px; left:-18px;
	content: attr(title);
	width: 50px;
	padding: 12px;
	background: #fff;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	text-align:center;
	text-shadow: 0 0 0;
	opacity: 0;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
	
	-webkit-transition: opacity 0.7s, bottom 0.7s;
	-moz-transition: opacity 0.7s, bottom 0.7s;
	transition: opacity 0.7s, bottom 0.7s;
}
#slideshow .commands:before {
	position: absolute;
	bottom: 55px; left: 13px;
	content: " ";
	width: 1px; height: 1px;
	border-top: 10px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	z-index:100;
	opacity: 0;
	
	-webkit-transition: opacity 0.7s, bottom 0.7s;
	-moz-transition: opacity 0.7s, bottom 0.7s;
	transition: opacity 0.7s, bottom 0.7s;
}
#slideshow .commands:hover:before {
	bottom: 35px;
	opacity: 1;
}
#slideshow .commands:hover:after {
	bottom: 45px;
	opacity: 1;
}
#slideshow .commands:focus { 

	outline: 0;
	-webkit-transform: translate(1px, 2px);
	-moz-transform: translate(1px, 2px);
	-ms-transform: translate(1px, 2px);
	-o-transform: translate(1px, 2px);
	transform: translate(1px, 2px);
}
#slideshow .commands:active {
	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	-ms-transform: translate(0, 1px);
	-o-transform: translate(0, 1px);
	transform: translate(0, 1px);
}
#slideshow .prev {
	left: -48px;
}
#slideshow .next {
	right: -48px;
}
#slideshow .prev,
#slideshow .next {
	display:none;
}
#slideshow .prev,
#slideshow .next {
	display:none;
}
#slideshow .commands1 {
	display: block;
}

/* play/pause commands */
.play_commands {
	position: absolute;
	width: 22px; height: 22px;
	top: 25px; right: 25px;
	z-index: 10;
	text-indent: -9999px;
	border:0 none;
	opacity: 0;

	-webkit-transition: opacity 1s, right 1s;
	-moz-transition: opacity 1s, right 1s;
	transition: opacity 1s, right 1s;
}
.play { right: 55px; cursor: default; }

.pause:hover { border:0 none; }
.play_commands:focus { outline:0; }

#slideshow:hover .pause,
#sl_play:target ~ #slideshow:hover .pause,
.play_commands:focus {
	opacity: 1;
}
.sl_command:target ~ #slideshow:hover .pause,
#sl_pause:target ~ #slideshow:hover .pause {
	opacity: 0;
}
.pause:after,
.pause:before {
	position: absolute;
	display: block;
	content: " ";
	top:0;
	width:38%;
	height: 22px;
	background: #fff;
	background: rgba(255,255,255,0.5);
}
.pause:after {
	right:0;
}
.pause:before {
	left:0;
}
.play {
	width: 1px; 
	height: 1px; 
	border-top: 10px solid transparent; 
	border-left: 20px solid #fff; 
	border-left: 20px solid rgba(255,255,255,0.5); 
	border-bottom: 10px solid transparent;
	opacity: 0;
}
.play:hover,
.play:focus {
	border-bottom: 10px solid transparent;
}

#slideshow .container {
	position:relative;
	width: 523px;
	height: 497px;
	overflow: hidden;
}
/* timeline base */
#slideshow .container:after {
	position:absolute;
	bottom: 0; left:0;
	content: " ";
	background: #999;
	width: 100%;
	height: 1px;
}

@-webkit-keyframes slider {
	0%, 16%, 100%	{ left: 0 }
	20%, 36%		{ left: -100% }
	40%, 56%		{ left: -200% }
	60%, 76%		{ left: -300% }
	80%, 96%		{ left: -400% }
}
@-moz-keyframes slider {
	0%, 16%, 100%	{ left: 0 }
	20%, 36%		{ left: -100% }
	40%, 56%		{ left: -200% }
	60%, 76%		{ left: -300% }
	80%, 96%		{ left: -400% }
}
@keyframes slider {
	0%, 16%, 100%	{ left: 0 }
	20%, 36%		{ left: -100% }
	40%, 56%		{ left: -200% }
	60%, 76%		{ left: -300% }
	80%, 96%		{ left: -400% }
}

#slideshow .slider {
	position: absolute;
	left:0; top:0;
	width: 600%;
	height: 310px;
	
	-webkit-animation: slider 32s infinite;
	-moz-animation: slider 32s infinite;
	animation: slider 32s infinite;
}
.sl_i:target ~ #slideshow .slider {
	-webkit-transition: left 1s;
	-moz-transition: left 1s;
	transition: left 1s;
}
.sl_command:target ~ #slideshow .slider {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}
#slideshow .c_slider {
	position: absolute;
	left:0; top:0;
	width: 500%;
	height: 497px;
	/*background: url(img/hebdo1.png) 0 0 no-repeat, url(img/hebdo2.png) 640px 0 no-repeat, url(img/hebdo3.png) 1280px 0 no-repeat, url(img/hebdo4.png) 1920px 0 no-repeat;*/
}
.sl_i:target ~ #slideshow .c_slider {
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	transition: background 1s;
}

#slideshow figure {
	position:relative;
	padding:0; margin:0;
}

@-webkit-keyframes figurer {
	0%, 20%, 40%, 60%, 80%, 100%						{ -webkit-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	4%, 20%, 36%, 50%, 66%, 82%, 90%, 95%		{ -webkit-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}
@-moz-keyframes figurer {
	0%, 20%, 40%, 60%, 80%, 100%						{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	4%, 20%, 36%, 50%, 66%, 82%, 90%, 95%		{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}
@keyframes figurer {
	0%, 20%, 40%, 60%, 80%, 100%					{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0) inset; box-shadow: 0 0 65px rgba(0,0,0, 0) inset;	}
	4%, 20%, 36%, 50%, 66%, 82%, 90%, 95%		{ -moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset; }
}
#slideshow figure:after {
	position: absolute;
	display:block;
	content: " ";
	top:0; left:0;
	width: 100%; height: 100%;
	/*-webkit-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	-moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	
	-webkit-animation: figurer 32s infinite;
	-moz-animation: figurer 32s infinite;
	animation: figurer 32s infinite;*/
}

@-webkit-keyframes figcaptionner {
	0%, 20%, 40%, 60%, 80%, 100%						{ bottom: -55px;	}
	4%, 16%, 24%, 36%, 44%, 56%, 64%, 76%, 84%, 96%		{ bottom: 0px;		}
}
@-moz-keyframes figcaptionner {
	0%, 20%, 40%, 60%, 80%, 100%						{ bottom: -55px;	}
	4%, 16%, 24%, 36%, 44%, 56%, 64%, 76%, 84%, 96%		{ bottom: 0px;		}
}
@keyframes figcaptionner {
	0%, 20%, 40%, 60%, 80%, 100%						{ bottom: -55px;	}
	4%, 16%, 24%, 36%, 44%, 56%, 64%, 76%, 84%, 96%		{ bottom: 0px;		}
}

#slideshow figcaption {
	position:absolute;
	margin:0;
	left:0; right:0; bottom: 0px;
	text-align:right;
	font-size:11px;
	padding:6px;
	padding-right:10px;
	
	font-family:Arial, Helvetica, sans-serif;
	background: #000;
	background: rgba(0,0,0,0.7);
	/*border-top: 1px solid rgb(225,225,225);*/
	color: #fff;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
	
	-webkit-animation: figcaptionner 32s infinite;
	-moz-animation: figcaptionner 32s infinite;
	animation: figcaptionner 32s infinite;
}

@-webkit-keyframes timeliner {
	0%, 20%, 40%, 60%, 80%, 100%		{ width: 0;		}
	15%, 35%, 55%, 75%, 95%		{ width: 523px;	}
}
@-moz-keyframes timeliner {
	0%, 20%, 40%, 60%, 80%, 100%		{ width: 0;		}
	15%, 35%, 55%, 75%, 95%		{ width: 523px;	}
}
@keyframes timeliner {
	0%, 20%, 40%, 60%, 80%, 100%		{ width: 0;		}
	15%, 35%, 55%, 75%, 95%		{ width: 523px;	}
}

#timeline {
	position: absolute;
	background: #999;
	/*bottom: 15px;*/
	
	left: 15px;
	height: 1px;
	background: rgb(6,221,249);
	background: rgba(6,221,249,.8);
	width: 0;
	
	-webkit-animation: timeliner 32s infinite;
	-moz-animation: timeliner 32s infinite;
	animation: timeliner 32s infinite;
}

/* dots styles */
.dots_commands  {
	position: relative;
	top: 6px;
	padding:0; margin:0;
	text-align:center;
}
.dots_commands li {
	display:inline;
	padding:0; margin:0;
	list-style:none;
}
.dots_commands a {
	position: relative;
	display:inline-block;
	height:8px; width: 8px;
	margin: 0 5px;
	text-indent: -9999px;
	background: #fff;
	border-bottom:0;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
	
	z-index:25;
}
.dots_commands li + li a {
	z-index:10;
}
@-moz-keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 		}
	
	20%			{ opacity: 1; left: 0;		}
	22%			{ opacity: 0; left: 0;		}
	23%			{ opacity: 0; left: 18px;	}
	25%			{ opacity: 1; left: 18px;	}
	
	40%			{ opacity: 1; left: 18px;	}
	42%			{ opacity: 0; left: 18px;	}
	44%			{ opacity: 0; left: 36px;	}
	45%			{ opacity: 1; left: 36px;	}
	
	60%			{ opacity: 1; left: 36px;	}
	62%			{ opacity: 0; left: 36px;	}
	63%			{ opacity: 0; left: 54px;	}
	65%			{ opacity: 1; left: 54px;	}
	
	80%			{ opacity: 1; left: 54px;	}
	82%			{ opacity: 0; left: 54px;	}
	83%			{ opacity: 0; left: 76px;	}
	85%			{ opacity: 1; left: 76px;	}
	
	95%			{ opacity: 1; left: 76px;	}
	97%			{ opacity: 0; left: 76px;	}
	98%			{ opacity: 0; left: 0;	}
}
@-webkit-keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 		}
	
	20%			{ opacity: 1; left: 0;		}
	22%			{ opacity: 0; left: 0;		}
	23%			{ opacity: 0; left: 18px;	}
	25%			{ opacity: 1; left: 18px;	}
	
	40%			{ opacity: 1; left: 18px;	}
	42%			{ opacity: 0; left: 18px;	}
	44%			{ opacity: 0; left: 36px;	}
	45%			{ opacity: 1; left: 36px;	}
	
	60%			{ opacity: 1; left: 36px;	}
	62%			{ opacity: 0; left: 36px;	}
	63%			{ opacity: 0; left: 54px;	}
	65%			{ opacity: 1; left: 54px;	}
	
	80%			{ opacity: 1; left: 54px;	}
	82%			{ opacity: 0; left: 54px;	}
	83%			{ opacity: 0; left: 76px;	}
	85%			{ opacity: 1; left: 76px;	}
	
	95%			{ opacity: 1; left: 72px;	}
	97%			{ opacity: 0; left: 76px;	}
	98%			{ opacity: 0; left: 0;	}
}
@keyframes dotser {
	0%, 100% 	{ opacity: 1; left: 0; 		}
	
	20%			{ opacity: 1; left: 0;		}
	22%			{ opacity: 0; left: 0;		}
	23%			{ opacity: 0; left: 18px;	}
	25%			{ opacity: 1; left: 18px;	}
	
	40%			{ opacity: 1; left: 18px;	}
	42%			{ opacity: 0; left: 18px;	}
	44%			{ opacity: 0; left: 36px;	}
	45%			{ opacity: 1; left: 36px;	}
	
	60%			{ opacity: 1; left: 36px;	}
	62%			{ opacity: 0; left: 36px;	}
	63%			{ opacity: 0; left: 54px;	}
	65%			{ opacity: 1; left: 54px;	}
	
	80%			{ opacity: 1; left: 54px;	}
	82%			{ opacity: 0; left: 54px;	}
	83%			{ opacity: 0; left: 76px;	}
	85%			{ opacity: 1; left: 76px;	}
	
	95%			{ opacity: 1; left: 76px;	}
	97%			{ opacity: 0; left: 76px;	}
	98%			{ opacity: 0; left: 0;	}
}
.dots_commands li:first-child a:after,
.dots_commands li:first-child a:before {
	position: absolute;
	top: 0; left: 0;
	content: " ";
	width: 8px; height: 8px;
	background: #000000;
	z-index:20;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-box-shadow: 0 1px 2px rgba(255,255,255,0.55) inset;
	-moz-box-shadow: 0 1px 2px rgba(255,255,255,0.55) inset;
	box-shadow: 0 1px 2px rgba(255,255,255,0.55) inset;
}
.dots_commands li:first-child a:after {
	-webkit-animation: dotser 32s infinite; /* webkit can't animate pseudo-element =_= :L: */
	-moz-animation: dotser 32s infinite; /* thanks moz ! :D */
	animation: dotser 32s infinite;
}
.dots_commands li:first-child a:before {
	display:none;
}




/* need a stop ! */

/* actions when target ! */
.sl_command { display: none; }

.sl_command:target ~ #slideshow .slider,
.sl_command:target ~ #slideshow figure:after,
.sl_command:target ~ #slideshow figcaption,
.sl_command:target ~ #slideshow #timeline,
.sl_command:target ~ #slideshow .dots_commands li:first-child a:after {
 -webkit-animation-play-state: paused;
 -moz-animation-play-state: paused;
 animation-play-state: paused;
}

#sl_play:target ~ #slideshow .slider,
#sl_play:target ~ #slideshow figure:after,
#sl_play:target ~ #slideshow figcaption,
#sl_play:target ~ #slideshow #timeline,
#sl_play:target ~ #slideshow .dots_commands li:first-child a:after {
 -webkit-animation-play-state: running;
 -moz-animation-play-state: running;
 animation-play-state: running;
}

.sl_command:target ~ #slideshow .pause  { opacity:0; }
.sl_command:target ~ #slideshow .play  { opacity:1; right: 25px; cursor: pointer; }
#sl_play:target ~ #slideshow .pause  { opacity:0; }
#sl_play:target ~ #slideshow .play   { opacity:0; right: 55px; cursor: default;}

.sl_i:target ~ #slideshow .slider         { visibility: hidden }
.sl_i:target ~ #slideshow .slider figcaption      { visibility: hidden }
.sl_i:target ~ #slideshow .dots_commands li:first-child a:after  { display:none; }
.sl_i:target ~ #slideshow .dots_commands li:first-child a:before { display:block; }}

#sl_i1:target ~ #slideshow .commands        { display: none; }
#sl_i1:target ~ #slideshow .commands1        { display: block; }
#sl_i1:target ~ #slideshow .c_slider        { background-position: 0 0, 523px 0, 1046px 0, 1569px 0,2092px 0 ; }
#sl_i1:target ~ #slideshow .dots_commands li:first-child a:before { left:0; }

#sl_i2:target ~ #slideshow .commands        { display: none; }
#sl_i2:target ~ #slideshow .commands2        { display: block; }
#sl_i2:target ~ #slideshow .c_slider        { background-position: -523px 0, 0 0, 523px 0, 1046px 0, 1569px 0; }
#sl_i2:target ~ #slideshow .dots_commands li:first-child a:before { left:18px; }

#sl_i3:target ~ #slideshow .commands        { display: none; }
#sl_i3:target ~ #slideshow .commands3        { display: block; }
#sl_i3:target ~ #slideshow .c_slider        { background-position: -1046px 0, -523px 0, 0 0, 523px 0, 1046px 0; }
#sl_i3:target ~ #slideshow .dots_commands li:first-child a:before { left:36px; }

#sl_i4:target ~ #slideshow .commands        { display: none; }
#sl_i4:target ~ #slideshow .commands4        { display: block; }
#sl_i4:target ~ #slideshow .c_slider        { background-position: -1569px 0, -1046px 0, -523px 0, 0 0, 523px 0; }
#sl_i4:target ~ #slideshow .dots_commands li:first-child a:before { left:54px; }

#sl_i5:target ~ #slideshow .commands        { display: none; }
#sl_i5:target ~ #slideshow .commands5        { display: block; }
#sl_i5:target ~ #slideshow .c_slider        { background-position: -2092px 0, -1569px 0, -1046px 0, -523px 0,0 0; }
#sl_i5:target ~ #slideshow .dots_commands li:first-child a:before { left:76px; }


figure { 
 display: inline-block; 
}
/********************************************************************/




#img_grand
{
	float:left;
	width:175px;
	height:112px;}
#img_grand_invite .picto-video {

    display:block;
    height: 100%;
    position: absolute;
   width:175px;
	height:112px
}
#img_grand_invite .picto-video:hover
{    background: url("img/picto-video.png") no-repeat scroll center center rgba(0, 0, 0, 0);
cursor:pointer;}



/*******************************popup**************************************/

.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    border: 3px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 15px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 10;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.popup h2{
	font-family:'779';
	color:#4ba2a4;
}
.popup p{
	font-family:'779';
	color:#a8a8a8;
}

.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(207, 199, 189, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;
	font-family:'779';

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(4, 246, 233, 0.9);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup p, .popup div {
    margin-bottom: 10px;
}

.popup label {
    display: inline-block;
    text-align: left;
    width: 120px;
	font-family:'779';
	color:#a8a8a8;
	
}
.popup input[type="text"], .popup input[type="password"]   {
    border: 1px solid #B8B8B8;
    border-radius: 4px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    color: #666666;
    font-size: 14px;
    height: 20px;
    line-height: 14px;
    padding: 2px;
    vertical-align: middle;
    width: 200px;
}
.popup input[type="text"]:hover, .popup input[type="password"]:hover {
    border-color: #555 #888 #888;
}


.btn_popup
{
	  background: linear-gradient(to bottom, #AAAAAA 0px, #D9D9D9 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    color: #4A4A4A;
    cursor: pointer;
    font-size: 13px;
    font-weight:600;
    height: 22px;
    margin-bottom: 3px;
    margin-left: 269px;
    margin-top: 3px;
    padding: 0 0.5em;
    text-shadow: 0 1px 0 #EEEEEE;
	width:100px;}
.btn_popup:hover	
	{
    background: linear-gradient(to bottom, #D9D9D9 0px, #AAAAAA 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	 box-shadow: 0 0 5px 2px #00978f;
}



/*********************************/
#test_titre
{
position:relative; top: -3px;
width:523px;
height:170px;
}
/**********************************/






#question_btn {
   
    font-family: '779';
	position:fixed;
   
}
#question_btn ul:before {
   
    content: "";
    height: 100%;
    margin-top: -40px;
    position: absolute;
    width: 52px;
    z-index: 100;
}
#question_btn ul {
    list-style: none outside none;
 /*   margin-left: 45px;*/
    margin-top: 86px;
    padding: 40px 0;
    position: relative;
    width: 52px;
}
#question_btn ul li {
    height: 40px;
    width: 52px;
}
#question_btn ul li a.menuLien {
    color: #FFFFFF;
    display: block;
    font-size: 1.8em;
    font-weight: 700;
    height: 40px;
    letter-spacing: -1px;
    padding-left: 15px;
	padding-right:15px;
    position: absolute;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    width: 245px;
    z-index: 110;
	left:-165px;
	-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb;
 background: none repeat scroll 0 0 #009999;
  /*   border-radius: 10px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);*/
}
#question_btn ul li #groupe {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    height: 220px;
    left: -40px;
    margin-top: 20px;
    opacity: 0;
    overflow: hidden;
    padding: 0 15px 15px;
    position: absolute;
    top: -76px;
    transition: left 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;
    width: 72px;
    z-index:100;
	border-radius: 10px;
	 box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
	
}
#question_btn ul li:hover #groupe {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    left: -50px;
    opacity: 1;
    width: 400px;
	 border-radius: 10px;
	 padding-left:55px;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
}
#question_btn ul li #groupe h5 {
    color: #009999;
    font-size: 2.8em;
    text-align: right;
	margin:0;
}
#question_btn ul li #groupe p {
    font-size: 0.8em;
    font-weight: 300;
    overflow: hidden;
    padding-top: 15px;
    text-align: justify;
    text-indent: 15px;
    width: 276px;
}
#question_btn ul li #groupe p.lien {
    text-align: right;
}
#question_btn ul li #groupe p.lien a {
    color: #CC1100;
}
 #groupe div {
	 padding:3px;
 }



#email {
    border: 1px solid #B8B8B8;
    border-radius: 4px;
    box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    color: #666666;
    font-size: 14px;
    height: 20px;
    line-height: 14px;
    padding: 2px;
    vertical-align: middle;
	width:240px;
	margin-left:3px;
}

#question_btn1 
{
	  background: linear-gradient(to bottom, #AAAAAA 0px, #D9D9D9 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    color: #4A4A4A;
    cursor: pointer;
    font-size: 13px;
    font-weight:600;
    height: 22px;
    margin-bottom: 3px;
    margin-left: 142px;
    margin-top: 3px;
    padding: 0 0.5em;
    text-shadow: 0 1px 0 #EEEEEE;
	width:120px;
	height:26px;
	margin-left:6px;}
#question_btn1:hover	
	{
    background: linear-gradient(to bottom, #D9D9D9 0px, #AAAAAA 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	 box-shadow: 0 0 5px 2px #00978f;
}
#question_btn textarea
{
	border: 2px solid #009999;
	border-radius: 10px;
	padding:10px;
	height: 60px;
	width: 230px;
}


	
/****************************popup****************************/
#popup
{
	width:734px;
	height:250px;
	background-color:#cfc7bd;
	}
	#block_popup
{
	width:728px;
	margin:auto;
	height:164px;
	padding-top:6px;
	padding-left:6px;
	background: -webkit-linear-gradient(left, #4ca3a5 , #1a1919); /* For Safari */
    background: -o-linear-gradient(right, #4ca3a5, #1a1919); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #4ca3a5, #1a1919); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #4ca3a5 , #1a1919); /* Standard syntax */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca3a5',endColorstr='#1a1919', GradientType=1);/* Standard IE */
float:left;
margin-top:-6px;
	}
#logo_popup
{
	float:left;
	padding-top:23px;
	padding-left:23px;}
#photo_portarit_popup
{
	float:left;
	width:99px;
	height:87px;
	position:relative;
	z-index:2;}
#block_portrait_popup
{
	float:right;
	background-image:url(img/ombre.png);
	width:332px;
	height:87px;
	}
#block_2_right_popup
{
	width:248px;
	
	background-color:#323232;
	float:right;
}
#rectangle-vert_popup
{
	width:248px;
	height:18px;
	background-color:#00978f;}
#liste_popup
{
	min-height:40px;
	width:248px;
	float:left;
	/*border-top:1px solid #a3a0a0;*/
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.1, #090909),
	color-stop(0.27, #212021),
	color-stop(0.98, #323232)
);
background-image: -o-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -moz-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -webkit-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -ms-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: linear-gradient(to bottom, #090909 10%, #212021 27%, #323232 98%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090909',endColorstr='#323232', GradientType=0);/* Standard IE */
	}
	#liste_popup2
{
	min-height:87px;
	width:248px;
	float:left;
	border-top:1px solid #a3a0a0;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.1, #090909),
	color-stop(0.27, #212021),
	color-stop(0.98, #323232)
);
background-image: -o-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -moz-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -webkit-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -ms-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: linear-gradient(to bottom, #090909 10%, #212021 27%, #323232 98%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090909',endColorstr='#323232', GradientType=0);/* Standard IE */
	font-family:Arial, Helvetica, sans-serif;
	color:#00978f;
	font-size:13px;
	text-align:center;
	padding-top:10px;
	}
#icone_popup
{
  float: left;
    padding-left: 20px;
    padding-top: 6px;
    width: 37px;}
#text1_hebdo
{
	font-family:'779';
	width:190px;
	height:40px;
	float:left}	
#block_popup2
{
	min-height:157px;
	width:721px;
	float:left;
	z-index:1;
/*	border-top:1px solid #a3a0a0;*/
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.1, #090909),
	color-stop(0.27, #212021),
	color-stop(0.98, #323232)
);
background-image: -o-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -moz-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -webkit-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: -ms-linear-gradient(bottom, #090909 10%, #212021 27%, #323232 98%);
background-image: linear-gradient(to bottom, #090909 10%, #212021 27%, #323232 98%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#090909',endColorstr='#323232', GradientType=0);/* Standard IE */
	}
#fleche
{
	float:left;
	width:55px;
	text-align:right;
	padding-top:2px;}
#fleche2
{
	float:left;
	width:10px;
	text-align:right;
	padding-top:2px;}
#date_popup
{
	float:left;
	width:185px;
	text-align:left;
	padding-left:5px;}
#date_popup a
{
	text-decoration:none;
	color:#00978F;
	}
	#date_popup a:hover
{
	text-decoration:none;
	color:#06f9ed;
	}
#texte_popup
{
	float:left;
	width:428px;
	text-align:left;
	padding-left:5px;
	color:#e5e5e5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:none;
	font-weight:300;}
#sous_popup
{
	width:444px;
	font-family:'779';
	font-size:20px;
	padding-top:10px;
	text-transform:uppercase;
	padding-left:15px;
	color:#006fe0;
	float:left;}
#player_popup
{
	width:444px;
	float:left;
	height:30px;
	padding-bottom:10px;
	
	padding-top:10px;}
#text1_popup
{
	font-family:Arial, Helvetica, sans-serif;
	width:190px;
	height:40px;
	float:left}	
	#nom_portrait_popup
{
	width:150px;
	font-family:'779';
	font-size:16px;
	padding-top:30px;
	text-align:right;
	
	color:#eeeeee;
	float:left;}
/********************************************************/

#box1
{
	width:1000px;
	border: 1px solid #B8B8B8;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
	  border-radius: 4px;
	  margin:auto;
	text-align:right;
	padding:5px;}
#titre_sondage
{
	text-align:left;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:895px;
	font-size:16px;
	float:left;
	}
#titre_sondage2
{
	text-align:left;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:895px;
	font-size:16px;
	float:left;
	}
#btn_sondage
{
	width:100px;
	float:left}
#box2
{
	width:985px;
	text-align:right;
	padding:5px;}
	
.box {
border: 1px solid #B8B8B8;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    border-radius: 4px;
	width:1000px;
	margin:auto;
	padding:5px;
  transition: all 2s linear;
  display: none;
}

.hidden {
  display: none;
}

.visuallyhidden {
  opacity: 0;
}

button {
  display: block;
  margin: 0 auto;
}



#text_article_desc_img
{
	height:33px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	color:#eeeeee;
	width:250px;
	
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	padding-left:100px;
	padding-right:6px;
	margin-top:190px;
	
	font-size:10px;}
	
.menu2 {
    color: #0c0c0c;
    font-family:"Open Sans";
	text-transform:uppercase;
    text-decoration: none;
	/*height:65px; */ 
	padding:0px 7px 2px;   
	margin-top:5px; 
	margin-bottom:2px;
	font-size:16px;
	font-weight:600;
	/*border-right:1px solid #1C9ED8;*/
	margin-top:25px;
}
.menu2:hover {
    color: #046dc2;
   
}
.menu2video {
    color: #ffffff;
    font-family:"Open Sans";
   
   
	text-transform:uppercase;
    text-decoration: none;
	height:65px;  
	padding:20px 10px 5px 10px;   
	margin-top:5px; 
	margin-bottom:2px;
	font-size:16px;
}
.menu2video:hover {
    color: #ffffff;
   
}
.menu3
{
background-image:url(../img/forum.png); width:144px; height:29px; margin-top:5px; background-repeat:no-repeat; text-shadow: black 0.1em 0.1em 0.2em; color:#ffffff; padding-top:6px; 
padding-left:14px;
}

.menu4 {
    color: #0c0c0c;
    font-family:"Open Sans";
	/*float:left;*/
    
    text-decoration: none;
	height:15px;  
	padding:5px 5px 0px 23px;   
	margin-top:2px; 
	margin-bottom:2px;
	font-size:12px;
}
.menu4video {
    color: #ffffff;
    font-family:"Open Sans";
	float:left;
    
    text-decoration: none;
	height:65px;  
	padding:22px 5px 5px 30px;   
	margin-top:5px; 
	margin-bottom:2px;
	font-size:14px;
}

.menu5 {
    color: #0c0c0c;
    font-family:"Open Sans";
    float:left;
    width:32px;
    text-decoration: none;
	height:65px;  
	padding:15px 5px 5px 0px;   
	margin-top:5px; 
	margin-bottom:2px;
	font-size:14px;
}
.menu6 {
    color: #0c0c0c;
    font-family:"Open Sans";
    float:left;
    width:34px;
    text-decoration: none;
	height:34px;  
	padding:2px 3px;   
	margin-top:5px; 
	margin-bottom:2px;
	font-size:14px;
}



#footer
{
	height:304px;
	width:100%;
	background-color:#668487;
	}
#block_footer
 {
	 width:450px;
	 height:145px;
	 margin-left:auto;
	 margin-right:auto;
	 padding-top:50px;}
	 #sep_footer
	 {
		 width:622px;
		  margin-left:auto;
	 margin-right:auto;
		 height:1px;}
		  #texte_footer2
	 {
		 width:622px;
		  margin-left:auto;
	 margin-right:auto;
	 color:#d6dedf;
	 text-align:center;
	 padding-top:40px;
			font-size:20px;
			font-family:"DosisLight";
		 height:1px;}
	#texte_footer
	{
		color:#d6dedf;
			font-size:33px;
			font-family:"DosisLight";
			width:156px;
			margin:20px 0 15px 0;
			float:left}
		#img_twitter
		{
			width:64px;
			height:63px;
			margin:15px;
			float:left;}
		#img_facebook
		{
			width:63px;
			height:63px;
			margin:15px 0 15px 15px;
			float:left;}
/*******************************************************************************/

#block
{
	/*width:340px;
	height:100px;*/
	width:100%;
	margin-right:6px;
	
	background-color:#FFF;
	float:left;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	}
	.block1
	{
	background-color:#FFF;
	float:left;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	width:100%;
	/*margin:0 10px 0 0;*/}
	.block1_home
	{
	background-color:#F9F9F9;
	float:left;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	width:97%;
	margin:0 3% 0 0;}
	.block1_home2
	{
	background-color:#ffffff;
	float:left;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	width:97%;
	margin:0 3% 0 0;}
	.question
	{
		font-size:22px;
		color:#ff000f;
		font-family:"Open Sans";
		
			margin:0px 3% 3px 5px;

		font-weight:600;
	}
	.question h2 {
		font-size:22px;
		color:#ff000f;
		font-family:"Open Sans";
		margin:0;
		font-weight:600;
		width: 44%;
		float: left;
		
		
	}
	.question_right_home
	{
		margin: 2% 3% 3px 5px;
	}
	.date_text2
	{
		font-size:15px;
		padding:6px  8px 0 0; 
		color:#505050;
		font-family:"Open Sans";
		font-weight:300;
		float:right;}

	.direct
	{
		font-size:22px;
		color:#ff000f;
		font-family:"Open Sans";
		padding:0% 0% 0%3%;
		margin:0% 0% 3px 0%;
		font-weight:600;
    }
	.direct h2
	{
		font-size:22px;
		color:#ff000f;
		font-family:"Open Sans";
		
		margin:0;
		font-weight:600;
    }
	.text1
	{   font-size:16px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:600;
		width:70%;
		float:left;
		padding:4% 3% 0 3%;}
		.text11
		{   font-size:14px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:300;
		width:30%;
		float:left;
		text-align:right;
		padding:2% 2% 0 0%;}
	.text2
	{   font-size:30px;
		color:#505050;
		line-height:41px;
		font-family:"Open Sans";
		font-weight:700;
        float:left;
		padding:0 3%;}
		
		.text2 h3
	{   font-size:30px;
		color:#505050;
		line-height:41px;
		font-family:"Open Sans";
		font-weight:700;
        float:left;
		padding:0% !important;
		margin:0% 0% !important;
		}
	.text3
	{    color: #505050;
    float: left;
    font-family: "Open Sans";
    font-size: 15px;
    padding: 0 0% 6px;
    width: 100%;}
	.text3_home
	{    color: #505050;
    float: left;
    font-family: "Open Sans";
    font-size: 15px;
   padding: 0px 3% 6px;
    width: 100%;}
	.text4
		{  
		font-size:18px;
		color:#505050;
	    width: 100%;
		float: left;
		font-family:"Open Sans";
		padding:0 3% 1.5% ;
		font-weight:700;}
	.text5
		{   font-size:14px;
		color:#099cac;
		font-family:"Open Sans";
		font-weight:700;
		padding:8% 5% 0 5%;}
	.text6
		{   font-size:18px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:2% 5% 0 5%;
		line-height:20px;}
		.text6 h4
		{   font-size:18px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:0% !important;
		margin:0% !important;
		line-height:20px;}
		.text6 h3
		{   font-size:18px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:0% !important;
		margin:0% !important;
		line-height:20px;}
		.text6_invite_semaine h3
		{   font-size:18px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:2% 9% !important;
		margin:0% !important;
		line-height:1.3;
		}
			.text6_vdo
		{   font-size:14px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:4% 5% 0 12%;}
		.text6_vdo h4
		{   font-size:14px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:0% !important;
		margin:0% !important;}

	.text7
		{   font-size:11px;
		color:#000;
		font-family: "Open Sans";
		
		padding:5%;
		}
	.text8
		{  font-size:12px;
		color:#505050;
		font-family:'Open Sans';
		
		padding:8% 5% 0 5%;
		font-style:italic;}
	.text8_vdp
		{  font-size:12px;
		color:#505050;
		font-family:'Open Sans';
		
		padding:0% 5% 0 5%;
		font-style:italic;}
		.text8_vdp a
		{   
		color:#505050;
		}
		.text8 a
		{   
		color:#505050;
		}
		.text8 a:hover
		{   
		color:#505050;
		}
	.plus_lus
	
	{padding:0% 0% 0 0%;
	}
	.plus_lus_crise
	
	{padding:0% 0% 0 0%;
	width:100%;
	}
	.plus_lus1
	{
		width:49%;
		margin:0 0 2% 0;
		float:left}
	.plus_lus2
	{ width:49%;
	float:left;
	margin:0 0 2% 0;}
	.plus_lus_titre
	{
		font-size:22px;
		color:#ff000f;
		font-family:"Open Sans";
		margin-bottom:3px;
		padding:0 2.4%;
		font-weight:600;
	}
	.plus_lus_titre h2
	{
		font-size:22px;
		color:#ff000f;
		font-family:"Open Sans";
		margin-bottom:3px !important;
		margin-top:0;
		margin-left:0px;
		margin-right:0px;
	
		font-weight:600;
	}
	.femmes_titre
	{
		color: #c4336d;
    font-family: "Open Sans" !important;
    font-size: 22px;
    font-weight:600;
   
	margin:24px 0 15px 5px;
	}
	.femmes_titre h2
	{
		color: #c4336d;
		font-family: "Open Sans";
		font-size: 22px;
		font-weight:600;   
		margin:24px 0 15px 5px;
		padding:0% !important;
	}
	.desc_femme
	{
		padding:7%;
		font-size:20px;
		font-weight:600;
		color:#505050;
		font-family:"Open Sans";
		width:100%;
		line-height:22px;
		/*background-color:#c4336d;*/
		}
		.desc_femme h3
	{
		padding:0% !important;
		font-size:20px;
		font-weight:600;
		color:#505050;
		font-family:"Open Sans";
		width:100%;
		line-height:22px;
		/*background-color:#c4336d;*/
		margin:0% !important;
		}
		.desc_femme_surtitre
		{
			 color: #505050;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight:300;
    line-height: 18px;
    padding-bottom: 6px;}
		.desc_enq
	{
		padding:6%;
		font-size:23px;
		color:#ffffff;
		font-weight:700;
		font-family:"Open Sans";
		width:100%;
		border-radius:0 0 3px 3px;
		background-color:#ff5a00;
		}
				.desc_enq h4
	{
		padding:0%;
		margin:0% !important;
		font-size:23px;
		color:#ffffff;
		font-weight:700;
		font-family:"Open Sans";
		width:100%;
		border-radius:0 0 3px 3px;
		background-color:#ff5a00;
		}
	.voir_femme
	{
		background-color:#c4336d;
		padding:0 3% 5% 0;
		}
		.sante_titre 
	{
		font-size:22px;
		color:#ff5a00;
		font-family:"Open Sans";
		margin:24px 0% 15px 0%;
		padding:0 2%;
		font-weight:600;
	}
	.sante_titre  h2
	{
		font-size:22px;
		color:#ff5a00;
		font-family:"Open Sans";
		margin:24px 0% 15px 0% !important;
		padding:0 2% !important;
		font-weight:600;
	}
	
	.text1plus_lus_home
	{  		
  font-size: 16px;
  color:#099cac;
  font-family: "Open Sans";
  font-weight: 700;
  padding: 1% 5% 1% 5%;
 /* float: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
		}
		.text1plus_lus
	{  		
  font-size: 16px;
  color: #099cac;
  font-family: "Open Sans";
  font-weight: 700;
  padding: 1% 5% 1% 5%;

		}
	 .text2plus_lus {

  font-size: 20px;
  color: #505050;
  font-family: "Open Sans";
  font-weight:700;
  padding: 0 5%;

}
		.text2plus_lus h3
	{   font-size:20px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:0% !important;
		margin:0% !important;}
	.text2plus_lus_home {
 float: left;
  font-size: 20px;
  color: #505050;
  font-family: "Open Sans";
  font-weight:700;
  padding: 0 5%;
 /width: 100%;
  height: 69px;
  overflow:hidden;
}
		.text2plus_lus_home h3
	{   font-size:20px;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:0% !important;
		margin:0% !important;}	
	
	.date_text2plus_lus
	{
		font-size:13px;
		padding:3%  5% 0 0;
		text-align:left;
		width:95%;
		color:#505050;
		font-family:"Open Sans";
		float:right;}
	.dataType
	{
		font-size:13px;
		padding:3%  5% 0 0;
		text-align:left;
		width:95%;
		color:#099CAC;
		font-family:"Open Sans";
		float:right;}	
	.plus_art
	{
		font-size:15px;
		padding:10%  7% 5% 0;
		text-align:right;
		width:95%;
		color:#505050;
		font-weight:700;
		font-family:"Open Sans";
		float:right;}
		.plus_art:hover
	{
	
		text-decoration:underline;
	
		cursor:pointer}
	.sep_direct
	{
		margin:4% 5% 2% 5%;
		background-image:url(../img/sep_direct.png);
		height:2px;
		width:96%;}
	.sep_plus
	{
		margin:6% 0 0 0%;
		background-image:url(../img/sep_plus.png);
		min-height:279px;
		float:left;
		width:2px}
	.congre
	{
		font-size:22px;
		color:#ff5a00;
		font-family:'Open Sans' !important;
		margin-bottom:3px;
		padding:0 3%;
		float:left;
		 width: 100%;
		 font-weight:600;
	}
	.congre h2
	{
		font-size:22px;
		color:#ff5a00;
		font-family:"Open Sans";
		margin:0;
	

		 font-weight:600;
	}
	.congre1
	{
		padding:4% 4% 0% 4%;
		float:left;
		width:92%;
		color:#505050;
		font-size:18px;
		font-weight:700;
		font-family:"Open Sans";
		
		}
		.congre1 h3
	{
		padding:0% !important;
		margin:0% !important;
		float:left;
		width:92%;
		color:#505050;
		font-size:18px;
		font-weight:700;
		font-family:"Open Sans";
		
		}
		.congre2
	{
		padding:0% 4% 4% 4%;
		float:left;
		width:100%;
		color:#505050;
		font-size:15px;
		
		font-family:"Open Sans";
		
		}
		.congre2 h3
	{
		padding:0% !important;
		margin:0% !important;
		float:left;
		width:100%;
		color:#505050;
		font-size:15px;
		
		font-family:"Open Sans";
		
		}
		.congre2 a,a:hover
	{
		
		color:#505050;
		
		
		}
		.congre1_video
	{
		padding:4% 4% 0% 4%;
		float:left;
		width:100%;
		color:#ffffff;
		font-size:16px;
		font-weight:700;
		font-family:"Open Sans";
		
		}
		.congre2_video
	{
		padding:0% 4% 4% 4%;
		float:left;
		width:100%;
		color:#ffffff;
		font-size:16px;
		
		font-family:"Open Sans";
		
		}
		.vues
		{
		font-size:22px;
		color:#00b8cc;
		font-family:"Open Sans";
		margin-bottom:3px;
		padding:0 3%;
		float:left;
		font-weight:600;
		text-transform:uppercase;
	}
	.vues h2
		{
		font-size:22px;
		color:#00b8cc;
		font-family:"Open Sans";
		margin:0% 0% 3px 0% !important;
		padding:0%;
		float:left;
		font-weight:600;
		text-transform:uppercase;
	}
	.vues1
	{
		padding:4% 4% 0% 5%;
		float:left;
		width:100%;
		color:#505050;
		
		font-weight:700;
		font-family:"Open Sans";
		
		}
		.vues1 a
	{
		
		color:#505050;
		
		
		}
		.vues1 a:hover
	{
		
		color:#6ABDC5;
		
		
		}
		.vues1 h3
	{
		padding:0% !important;
		margin:0% !important;
		float:left;
		width:100%;
		color:#505050;
		font-size:20px;
		font-weight:700;
		font-family:"Open Sans";
		
		}
		.vues1 h4
	{
		padding:0% !important;
		margin:0% !important;
		float:left;
		width:100%;
		color:#505050;
		font-size:16px;
		font-weight:700;
		font-family:"Open Sans";
		
		}
	.block_video
	{
	background-color:#2a292e;
	float:left;
	width:96%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0 2% 0 2%;}
	.block2_video
	{
	background-color:#2a292e;
	float:left;
	width:96%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:3% 2% 0 2%;}
	.block2_video_rech
	{
	background-color:#2a292e;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 0% 0 0%;}
	.block3_video_rech
	{
	background-color:#2a292e;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	padding:5%;
	margin:5% 0% 0 0%;}
	.block3_video
	{
	
	float:left;
	width:100%;
	border-radius: 3px;
	margin:0%;}
	
	.block4_video
	{
	
	float:left;
	width:100%;
	border-radius: 3px;
	margin:5% 0 0 0%;}
	.block2
	{
	background-color:#FFF;
	float:left;
	width:86%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0 7% 0 7%;}
	
	.block2_home
	{
	background-color:#FFF;
	float:left;
	width:93%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0 7% 0 0%;}
	.block3
	{
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	/*margin:0 0 0 10px  ;*/}
	
	.block3_vdp
	{
	background-color:#FFF;
	float:left;

	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:9.5% 7% 5% 0  ;
	width:93%}
	.block4
	{
	background-color:#FFF;
	float:left;
	width:96%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0 2% 0 2%;}
	.block5
	{
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:5% 0 5% 0  ;
	}
	.block5_vid
	{
	
	float:left;
	width:100%;
	border-radius:3px;
	
	
	}
	.block6
	{
	background-color:#ff5a00;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 0 5% 0  ;
	}
	.block7
	{
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 0 5% 0  ;
	}
	.block7_video
	{
	background-color:#cecece;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 0 5% 0  ;
	}
	.block8
	{
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 0 5% 0  ;
	}
	.block8_video
	{
	background-color:#5ca5b2;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 0 5% 0  ;
	}
	.block9
	{
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 0 5% 0  ;
	}
	.block10
	{
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 0 5% 0  ;
	}
	.block_cg
	{
	background-color:#FFF;
	float:left;
	width:96%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:4% 2% 0 2%;}
	
	.block_video_f1
	{
		float:left;
		margin:3% 2% 0% 2%;
		}
		.block_video_int
	{
		float:left;
		margin:3% 2% 2% 2%;
		font-size:24px;
		font-family:"Open Sans";
		color:#ffffff;
		width:82%;
		text-align:center;
		}
		
		.block_video_f2
	{
		float:left;
		margin:3% 2% 0% 2%;
		}
	
	
	.block_cg_f1
	{
		float:left;
		}
		.block_cg_int
	{
		float:left;
		border:1px solid #000000;
		margin:2% 1% 2% 2%;
		padding:1%;
		height:177px;
		width:45%;
		}
		.block_enq
	{
		float:left;
		margin:2% 1% 2% 2%;
		padding:1%;
		height:177px;
		width:24%;
		}
		
			.block_player_video
	{
		float:left;
		margin:0% 0% 0% 1%;
		
		height:177px;
		width:23.7%;
		}
		
	
		
		
		.block_cg_f2
	{
		float:right;
		}
		.fleche_bleu_cg1
		{
			position:fixed;
			top:70%;
			float:left;}
		.fleche_bleu_cg2
		{
			position:fixed;
			top:70%;
			float:right;
			left:63%;}
		.date_cg
		{
			font-size:24px;
			font-family:"Open Sans";
			font-weight:700;
			color:#107e8a;
			}
			.titre_cg
				{
			font-size:18px;
			font-family:"Open Sans";
			font-weight:700;
			color:#505050;
			}
			.date_cg2
				{
			font-size:16px;
			font-family:"Open Sans";
	        font-weight:300;
			color:#505050;
			}
			.desc_cg
				{
			font-size:16px;
			font-family:"Open Sans";
			font-weight:700;
			color:#505050;
			margin-top:3%;
			}
			.desc_enq2
				{
			font-size:13px;
			font-family:"Open Sans";
			font-weight:700;
			color:#505050;
			margin-top:3%;
			}
			.desc_player_video
				{
			font-size:13px;
			font-family:"Open Sans";
			font-weight:700;
			color:#ffffff;
			margin-top:3%;
			}
	.twitter1
	{
		padding:6% 4% 4% 4%;
		float:left;
		width:14%;
		}
	.twitter2
	{
		padding:4% 4% 4% 0;
		float:left;
		width:86%;
		font-size:12.5px;
		line-height:14px;
		
		}
			.twitter2_video
	{
		padding:4% 4% 4% 0;
		float:left;
		width:86%;
		color:#000000;
		
		}
		.twitter3
	{
		padding:0% 4% 0% 4%;
		float:left;
		width:100%;
		color:#505050;
		font-size:16px;
		font-weight:600;
		line-height:18px;
		font-family:"Open Sans";
		
		}
		.twitter3 h3
	{
		padding:0% !important;
		margin:0% !important;
		float:left;
		width:100%;
		color:#505050;
		font-size:16px;
		font-weight:600;
		line-height:18px;
		font-family:"Open Sans";
		
		}
		.twitter3 a,a:hover
	{
		
		color:#505050;
	}
		.bleu
		{
			color:#2f8ec2;
			}
	.titre_block4
	{
		color:#505050;
		font-family:"Open Sans";
		font-size:30px;
		font-weight:700;
		margin:5% 5% 0 5%;}
		.titre_block4 h3
	{
		color:#505050;
		font-family:"Open Sans";
		font-size:30px;
		font-weight:700;
		margin:0;
		padding:0}
	.titre2_block4
	{
		color:#505050;
		font-family:"Open Sans";
		font-weight:300;
		font-size:15px;
		margin:0% 5% 0% 5%;}
	
	.reportage
	{
		font-size:15px;
		padding:3% 8% 6% 0;
		text-align:right;
		width:100%;
		color:#505050;
		font-weight:700;
		font-family:"Open Sans";
		float:right;}
	.reportage2
	{
		font-size:15px;
		padding:1% 4% 3% 0;
		text-align:right;
		width:100%;
		color:#505050;
		font-weight:700;
		font-family:"Open Sans";
		float:right;}
		.tous_tweet
	{
		font-size:15px;
		padding:5% 7% 4% 0;
		text-align:right;
		width:100%;
		color:#7c7c7c;
		font-weight:700;
		font-family:"Open Sans";
		float:right;}
		.tous_tweet_video
	{
		font-size:15px;
		padding:8% 8% 6% 0;
		text-align:right;
		width:100%;
		color:#505050;
		font-weight:700;
		font-family:"Open Sans";
		float:right;}
		.tous_congre_video
	{
		font-size:15px;
		padding:0% 8% 3% 0;
		text-align:right;
		width:100%;
		color:#ffffff;
		font-weight:700;
		font-family:"Open Sans";
		float:right;}
	.enquete
	{
    color: #ffffff;
    float: left;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 700;
    padding: 3% 8% 6% 0;
    text-align: right;
    width: 100%;
	}
	
	
	/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height:auto;
  margin-bottom: 15px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
 /* height: 500px;
  background-color: #777;*/
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
/****************************************end carousel*******************/
.block_player_article_bleu
{
	border-left:solid 1px #1c9ed8;
	background-color:#ffffff;
	color:#505050;
	font-family:"Open Sans";
	font-size:15px;
	margin:2%;
	width:96%;
	padding:0 3% 0% 3%}

.article_bleu
{
	color:#1c9ed8;
	font-weight:700;}
.ecoutez_article_bleu
{
	color:#1c9ed8 !important;
	font-family:"Open Sans";
	font-weight:700 !important;
	font-size:30px !important;
	margin:0% 3% 3% 0% !important;
	height: 43px !important; }
	
	
.img100
{
	min-width:100%}
.block_bleu
{
	border:solid 1px #70bfe1;
	background-color:#eff7fa;
	color:#505050;
	font-family:"Open Sans";
	font-size:15px;
	margin:3%;
	width:94%;
	padding:3%;}
.block_player_femme
{
	border-left:solid 1px #960549;
	background-color:#ffffff;
	color:#505050;
	font-family:"Open Sans";
	font-size:15px;
	margin:2%;
	width:96%;
	padding:0 3% 0% 3%;}
.block_femme
{
	border:solid 1px #c59fb1;
	background-color:#e2dee0;
	color:#505050;
	font-family:"Open Sans";
	font-size:15px;
	margin:5%;
	width:90%;
	padding:3%;}
.femme
{
	color:#960549;
	font-weight:700;}
.ecoutez
{
	color:#960549;
	font-family:"Open Sans";
	font-weight:700;
	font-size:30px;
	width:97%;
	margin:0% 3% 3% 0%; }
.ecoutez_pad
{
	padding-top:4px;
	padding-left:15px;
	float:left;}
.ecoutez_pad1
{
	padding-top:0px;
	float:left;}
	
	
	
#fil_d
{
	font-family:Verdana;
	font-size:11px;
	color:#a4a4a4;
		margin:3.8% 3% 3.9%;
		width:94%;
		text-transform:uppercase;
	}
	.titre1_video
{font-family:"Open Sans";
font-weight:700;
	font-size:18px;
	color:#ffffff;
		margin:5% 3% 0 3%;
		width:94%;}
		.titre2_video
{   font-family:"Open Sans";
	font-size:30px;
	font-weight:700;
	line-height:47px;
	color:#ffffff;
	margin:0 3% 0 3%;
	width:94%;
	}
	.titre2_video-rech
{   font-family:"Open Sans";
	font-size:22px;
	text-align:center;
	font-weight:700;
	line-height:47px;
	color:#ffffff;
	margin:0 3% 0 3%;
	width:94%;
	}
	.recherche_video
	{
		background-color:#222222;
		margin:3%;
		padding:3%;
		width:94%;}
.titre1_art
{font-family:"Open Sans";
font-weight:700;
	font-size:18px;
	color:#505050;
		margin:0% 2.3% 0.8% 2.9%;
		width:94%;}
.titre2_art
{font-family:"Open Sans";
	font-size:36px;
	font-weight:700;
	line-height:44px;
	color:#505050;
	margin:0% 2.3% 0% 2.9%;
	width:94%;}
		.titre2_art h1
{font-family:"Open Sans";
	font-size:36px;
	font-weight:700;
	line-height:44px;
	color:#505050;
		margin:0% !important;
		padding:0% !important;
		width:94%;}
.titre3_art
{font-family:"Open Sans";
	font-size:15px;
	color:#505050;
	font-weight:300;
		margin:1% 2.3% 0 3%;
		width:94%;}
		.titre3_art h1
{font-family:"Open Sans";
	font-size:15px;
	color:#505050;
	font-weight:300;
		margin:0%;
		padding:0%;
		width:94%;}
.titre3_art a {
	color:#505050;
}
	.titre4_art
	{font-family:"Open Sans";
	font-size:20px;
	font-weight:700;
	color:#505050;
		margin:0 5% 0 5%;
		padding-top:1%;
		width:90%;}
			.titre4_art h2
	{font-family:"Open Sans";
	font-size:20px;
	font-weight:700;
	color:#505050;
		margin:0 0% 0 0% !important;
		padding:0% !important;
		}
		.titre5_art
	{font-family:"Open Sans";
	font-size:15px;
	color:#505050;
	
		margin:0 5% 20px 5%;
		width:90%;}
		.titre5_art h2
	{ 	color: #505050;
		font-family:"Open Sans" !important;
		font-size: 18px !important;
		font-weight: 700 !important;
		margin: 1px 0% !important;
		width: 90% !important;
		}
		.titre5_art h3
	{ 	color: #505050;
		font-family:"Open Sans" !important;
		font-size: 24px !important;
		font-weight: 700 !important;
		margin: 1px 0% !important;
		width: 90% !important;
		}
		
	.titre44_art
	{font-family:"Open Sans";
	font-size:30px;
	font-weight:700;
	color:#505050;
		margin:0 5% 0 5%;
		width:90%;}
			.titre_art_cg
	{font-family:"Open Sans";
	font-size:20px;
	font-weight:700;
	color:#505050;
		margin:0 5% 0 5%;
		width:90%;}
		.desc_art_cg
	{font-family:"Open Sans";
	font-size:15px;
	color:#505050;
	
		margin:0 5% 5% 5%;
		width:90%;}
		
		
		.desc_art_cg h2
	{font-family:"Open Sans";
	font-size:15px;
	color:#505050;
	
		margin:0 ;
		}
		
		
		.essentiel
		{
			float:right;
			width:60%;
			margin:1% 0  1% 3%;
			background-color:#f4f4f4;
			padding-left:1%;
			border-radius:11px;}
			.titre6_art
			{font-family:"Open Sans";
	         font-size:23px;
	         color:#4fb1dc;
		     margin:4% 5% 0 4%;
			 font-weight:600;
		     width:90%;}
			 .titre7_art
			{font-family:"Open Sans";
	         font-size:12px;
			 float:left;
	         color:#505050;
			 font-weight:300;
		     margin:3% 5% 1% 0%;
		     width:80%;}
			 
			 
			 .liens
			{font-family:"Open Sans";
	         font-size:18px;
			 font-weight:600;
	         color:#1c9ed8;
		   width:88%;
				margin:0% 6% 2% 6%;}
				.liens_ul
			{font-family:"Open Sans";
	         font-size:15px;
			 font-weight:300;
	         color:#1c9ed8;
		   width:85%;
				margin:0% 6% 2% 8%;}
				.liens_ul h3
			{font-family:"Open Sans";
	         font-size:15px;
			 font-weight:300;
			 padding:0% !important;
	         color:#1c9ed8;
		   
				margin:0% !important;}
				.titre_meme-theme
				{
					padding-left:2%;
				}
				.liens_ul li {
					margin-bottom:2.5%;
				}
			 .fleche_b
			 			 {
				 float:left;
				 width:10%;
				 margin:2% 1% 0% 1%;}
			.sep1
			{
				background-color:#CBCACA;
				height:1px;
				width:90%;
				margin:3% 5% 1% 5%;
			}
			.sep2
			{
				background-color:#CBCACA;
				height:1px;
				width:90%;
				margin:2% 5% 3% 5%;
			}
.img_art
{       margin:2.5% 15% 3% 15%;
		width:70%;
		}
		.palyer_video
{       margin:2% 3% 2% 3%;
		width:94%;
		}
		.commentaires
		{
			background-image:url(../img/bgcomm.png);
			background-repeat:no-repeat;
			font-family:"Open Sans";
	         font-size:20px;
			 width:232px;
			 height:73px;
			 padding-top:12px;
			 padding-left:20px;
			 margin:-53px 2% 0% 3%;
	         color:#ffffff;
			 z-index:2;
			 float:left;
			}
			.numero_comm
			{
				 color:#000000;
				 background-color:#ffffff;
				 font-family:"Open Sans";
	         font-size:16px;
			 margin-left:5px;
			 padding:4px;
			 float:left;
			}
			.block_commentaire1
			{
				background-color:#efefef;
				margin:0% 5% -73px 5%;
				width:90%;
				height:20px;
				
				}
			.block_commentaire
			{
				background-color:#efefef;
				margin:0% 3% 2% 3%;
				width:94%;
				
				padding:02% 3% 2% 3%;
				}
			#qest_comm
			{
				background-color:#ffffff;
				width:100%;
				float:left;
				margin:2% 0 2% 0;
				padding:3%;}
			#rep_comm
			{
				background-color:#effdff;
				width:90%;
				float:right;
				margin:2% 0 2% 0;
				padding:3%;}
				
				.heure
				{color:#000000;
				 font-family:"Open Sans";
	         font-size:13px;
					}
				.titre_qest
				{color:#000000;
				 font-family:"Open Sans";
				 font-weight:700;
	         font-size:15px;
					}
					.desc_qest
					{color:#505050;
				 font-family:"Open Sans";
	         font-size:13px;
			 font-weight:700;
			 padding-left:2px;
			 font-weight:600;
					}
					.desc_qest h3 {
	font-weight:600;
    color: #505050;
    font-family: "Open Sans";
    font-size: 13px;
	 padding:0% !important;
	margin:0% !important;
	line-height:20px; 
	
}
					.repondre
					{color:#f9f9f9;
				 background-color:#1c9ed8;
				 border-radius:5px;
				 font-family:verdana;
				 padding:3px 8px 3px 8px;
	         font-size:12px;
			 margin:3px;
			 float:right;
			 font-weight:600;
					}
					.repondre a,a:hover {
    
    color: #f9f9f9;
	text-decoration:none;
    
}

					.alerter
					{color:#f9f9f9;
				 background-color:#1c9ed8;
				 border-radius:5px;
				 font-family:verdana;
				 padding:3px 8px 3px 8px;
				 			 margin:3px;
	         font-size:12px;
			 float:right;
					}
					.alerter a,a:hover {
	text-decoration:none;
    color: #f9f9f9;}
					
					.item_endirect
					{
						float:left;
	width:100%;
	background-color:#AC5F61;}
						.block3_endirect
	{
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0 0 5% 0;
	padding:5% 0 0 0;
	}
	.block3_endirect_video
	{
	background-color:#FFF;
	color:#505050;
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0 0 5% 0;
	padding:5% 0 0 0;
	}
			.ing_direct
			{
				width:30%;
				float:left;
				margin:1% 1% 2% 3%;}
			.text_direct1
			{
				float:left;
				width:64%;
				 font-family:"Open Sans";
				 font-weight:700;
				 padding: 0% 1% 1.5% 0%  !important;
				 
	         font-size:13px!important;
			 line-height:16px }
			 .text_direct2
			{
				  float:left;
				  width:64%;
				  font-family:Arial;
				  line-height:15px;
				  padding: 0 1% 2% 0%  !important;
	             font-size:13.5px;}
			 	 .text_direct2 h4
			{
				
				
				 font-family:Arial;
				 line-height:15px;
				  padding:0% !important;
				  margin:0% !important;
	         font-size:13px;}
			 .sep_direct
			 {
				 height:1px;
				 width:90%;
				 background-color:#aab6b7;
				 margin:2% 5% 2% 5% ;
				 float:left;}
			.reagir
			{
				color:#333333;
				float:left;
				 font-family:"Open Sans";
	         font-size:14px;
			 margin:0px 1% 0% 0%;
			 padding-top:4px;
			 }
			 .connectez
					{color:#f9f9f9;
				 background-color:#666666;
				 border-radius:5px;
				 font-family:verdana;
				 padding:5px 8px 6px 8px;
	         font-size:11px;
			 margin:0px 1% 0% 0%;
			 float:left;
			 font-weight:600;
					}
					.connectez:hover{
    background-color: #999;
   
}
.connectez  a:hover {
	 color: #fff;
	 text-decoration:none;
}
.connectez  a{
	 color: #fff;
	 text-decoration:none;
}
				.b_conn
				{
					 margin:-42px 3% 0% 0%;
					 width:56%;
					 float:right;}
					.b_conn2
				{
					 margin:2px 0% 0% 0%;
					 width:50%;
					 float:left;
					}
					.tous_commentaires
	{
		font-size:15px;
		padding:0%  0% 4% 0;
		text-align:right;
		width:50%;
		color:#505050;
		font-weight:700;
		font-family:"Open Sans";
		float:right;}
		.tous_commentaires a,a:hover {
			text-decoration:none;
	  color: #505050;
}
	.recommandons
	{
			background-image:url(../img/bgcomm2.png);
			background-repeat:no-repeat;
			font-family:"Open Sans";
	         font-size:18px;
			 font-weight:600;
			 width:91%;
			 height:43px;
			 padding-top:0px;
			 padding-left:10px;
			 margin:5px 2% 0% 5%;
	         color:#ffffff;
			 z-index:2;
			 float:left;
			}
			.b_recomm
			{
				width:90%;
				
				
							 margin:5px 2% 0% 5%;
							  float:left;
}
				.b1_recomm
				{
					width:24%;
					margin-bottom:4%;
					
			 float:left;
			 height:155px;
			 
					}
				.b2_recomm
				{
					width:1%;
					
					height:30px;
			 float:left;
			
					}
				.sep_recomm
				{
					width:90%;
					height:1px;
				background-color:#1c9ed8;
				float:left;
				
							 margin:5px 0% 4% 5%;
					}
				
	#mots_cles
			{
			color:#000000;
			font-size:12px;
			font-family:Verdana;
			font-style:300;
			line-height:28px;
			/*padding:15px 38px 15px 38px;*/
			width:94%;
			margin:3% 3% 1% 3%;
				}
				
				#mots_cles_video
			{
			color:#000000;
			font-size:12px;
			font-family:Verdana;
			font-style:300;
			line-height:28px;
			/*padding:15px 38px 15px 38px;*/
			width:94%;
			margin:3%;
				}
	#sepmc
	{
		background-color:#c9c9c9;
		height:1px;
		width:100%;
		margin:0%;}
		#sepmc_t_art
	{
		background-color:#c9c9c9;
		height:1px;
		width:97%;
		margin:2%;
		float:left;}
		#sep_video
	{
		background-color:#4a4a4c;
		height:1px;
		width:100%;
		margin:0%;}
		#sep2_video
	{
		background-color:#4a4a4c;
		height:1px;
		width:98%;
		margin:0% 1% 0% 1%;}
		#sep3_video
	{
		background-color:#4a4a4c;
		height:1px;
		width:100%;
		float:left;
		margin:0%;}
		#sep4_video
	{
		background-color:#4a4a4c;
		height:1px;
		width:100%;
		float:left;
		margin:2% 0 0 0;}
		
	#sepmc2
	{
		background-color:#f0f0f0;
		height:1px;
		width:100%;
		margin:0%;}	
		
	#mc
			{
				min-height:36px;}
			    #mc1
			{
				height:36px;
				font-family:"Open Sans";
				font-size:14px;
				font-weight:300;
				color:#505050;
				padding-top:2px;
				padding-left:5px;
				width:35%;
				float:left;}
				#mc2
			{
				height:36px;
				font-family:verdana;
				font-size:12px;
				color:#505050;
				padding-top:3px;
				padding-left:17px;
				width:7%;
				float:left;}
				.aa1
				{font-family:georgia;
				font-size:24px;
				color:#505050;
				font-weight:700;}
				.aa2
				{font-family:georgia;
				font-size:13px;
				color:#505050;
				font-weight:700;}
				
				.aa1_v
				{font-family:georgia;
				font-size:24px;
				color:#ffffff;}
				.aa2_v
				{font-family:georgia;
				font-size:18px;
				color:#ffffff;}
				#mc3
			{
				height:36px;
				font-family:"Open Sans";
				font-weight:300;
				font-size:14px;
				color:#505050;
				padding-top:3px;
				padding-left:5px;
				width:15%;
				float:left;}
				 #mc1_video
			{
				color: #ffffff;
    float: left;
    font-family: verdana;
    font-size: 11px;
    height: 40px;
    padding-left: 0;
    padding-top: 8px;
    width: 65%;}
				#mc2_video
			{
				height:40px;
				font-family:verdana;
				font-size:12px;
				color:#ffffff;
				padding-top:7px;
				padding-left:15px;
				width:16%;
				float:left;}
				#mc3_video
			{
				height:40px;
				font-family:verdana;
				font-size:12px;
				color:#ffffff;
				padding-top:12px;
				padding-left:15px;
				width:15%;
				float:left;}
				#mc4
			{
				min-height:36px;
				font-family:Verdana;
				font-size:12px;
				color:#505050;
				padding-top:7px;
				padding-left:15px;
				width:77%;
				float:left;}
				#mc5
			{
				height:22px;
				font-family:verdana;
				font-size:12px;
				color:#ffffff;
				background-color:#1c9ed8;
				border-radius:5px;
				vertical-align:top;
				padding:0 6px 0 6px;
				margin:0 4px 4px 4px;
				line-height:19px;
				float:left;}
				
				.img_femme
			{
				width:30%;
				float:left;
				margin:1% 2% 2% 4%;}
				
				.text_femme1
			{
				 float:left;
				 width:64%;
				 font-family:"Open Sans";
				 color:#ffffff;
				 font-weight:700;
				 padding: 0 2% 2% 1% ;
				 
	         font-size:12px;}
			 .text_femme1 h3
			{
				 
				
				
				
				 font-weight:700;
				 margin: 0;
				 
	         font-size:12px;}
			 .text_femme2
			{
				float:left;
				width:64%;
				 font-family:Arial;
				 line-height:14px;
				 color:#ffffff;
				  padding: 0 1% 0 1% ;
	         font-size:14px;}
			  .text_femme2 h3
			{
				
				 font-family:Arial;
				 line-height:14px;
				 color:#ffffff;
				  padding:0% !important ;
				  margin:0% !important;
	         font-size:14px;}
			 .sep_femme
			 {
				 height:1px;
				 width:90%;
				 background-color:#ffffff;
				 margin:2% 5% 2% 5% ;
				 float:left;}
				 .desc_femme2
	{
		padding:7% 0% 7% 0%;
		
		
		
		color:#ffffff;
		font-family:"Open Sans";
		width:100%;
		background-color:#c4336d;
		}
			.voir_femme2
	{
		background-color:#c4336d;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		padding:5%;
		margin:0 0  5% 0;
		}
		
#voir_femme3
	{
		background-color:#ff247c;
		border-radius:7px;
		color:#ffffff;
		font-family: "Open Sans";
    	font-size: 15px;
		text-align:center;
   	 	font-weight: 700;
   		padding: 2%;
		width:85%;
		}
		
.voir_femme4
	{
		background-color:#c4336d;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		padding:5%;
		margin:0 ;
		}
.block22
	{
	background-color:#FFF;
	
	float:left;
	width:100%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	}	
	
	.block222
	{

	color:#505050;
		font-family:"Open Sans";
		font-size:15px;
	
	width:100%;
	
	padding:5% 5% 5% 10%;}	
	
	.img_reagir
	{
		float:right;
		
		margin:0% 5% 0% 2%;}
  .block_partage
	{
	background-color:#FFF;
	float:left;
	width:100%;
	border-radius:3px;
	margin:0px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	}	
.partage
	{
		width:100%;
		color:#505050;
		font-family:"Open Sans";
		font-size:15px;
		text-align:center;}
		.fb
		{
			background-color:#3b5998;
			padding:2% 10% 2% 20%;
			width:100%;
			}
		.tw
		{
			background-color:#55acee;
			padding:2% 10% 2% 20%;
			width:100%;
			margin:2% 0 2% 0;
			}
		.gg
		{
			background-color:#c34b34;
			padding:2% 10% 2% 20%;
			width:100%;
			}
		
		.reaction
		{
			
			font-family:"Open Sans";
			background-color:#7998a1;          
	         font-size:15px;
			 width:100%;
			 
			 padding-top:7px;
			 padding-bottom:7px;
			 padding-left:15px;
			 margin:0px;
	         color:#ffffff;
			 z-index:2;
			 float:left;
			}
			.numero_reaction
			{
				 color:#000000;
				 background-color:#ffffff;
				 font-family:"Open Sans";
	         font-size:16px;
			 margin-left:15%;
			 padding:3px 4px 3px 4px;
			 float:left;
			}
			.noter
		{
			
			font-family:"Open Sans";
			background-color:#7998a1;          
	         font-size:15px;
			 width:100%;
			 
			 padding-top:7px;
			 padding-bottom:7px;
			 padding-left:15px;
			 margin:0px;
	         color:#ffffff;
			 z-index:2;
			 float:left;
			}
			
				.noter2
		{
			
			font-family:"Open Sans";
			background-color:#7998a1;          
	         font-size:15px;
			 width:100%;
			 padding-top:7px;
			 padding-bottom:7px;
			 padding-left:15px;
			 text-align:center;
			 margin:0px;
	         color:#ffffff;
			 z-index:2;
			 float:left;
			}
			
			.newsletter
		{
			
			font-family:"Open Sans";
			background-color:#7998a1;          
	         font-size:15px;
			 width:100%;
			 padding-top:7px;
			 padding-bottom:7px;
			
			 text-align:center;
			 margin:0px;
	         color:#ffffff;
			 z-index:2;
			 float:left;
			}
			
			.typeahead, .tt-query, .tt-hint {
	border: 2px solid #CCCCCC;
	border-radius: 8px;
	font-size: 14px;
	height: 5 %;
	outline: medium none;
	padding:2px 5px 2px 5px; ;
	width: 90%;;
	color: #999999;
}
.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
	border: 2px solid #0097CF;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 8px 0;
	width: 422px;
}
.tt-suggestion {
	font-size: 24px;
	line-height: 24px;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}

/*******************************/
.typeahead1, .tt-query1, .tt-hint1 {
	border: 2px solid #fdfdfd;
	
	font-size: 14px;
	
	outline: medium none;
	padding:2px 5px 2px 5px; ;
	width: 88%;;
	color: #999999;
	margin-right:8px;
}
.typeahead1 {
	background-color: #fdfdfd;
}
.typeahead1:focus {
	border: 2px solid #0097CF;
}
.tt-query1 {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
/********************************/









.plus_lus {
    padding: 0 0 0;
	float:left;
	width:100%;
}
.QA_femme {
    float: left;
    margin: 2% 1%;
    width: 31%;
	background-color:#f2f2f2;
	height:322px;
}
.QA_femme img {
	width:97% !important;
}
.QA_crise {
    float: left;
    margin: 2% 1%;
    width: 31%;
	background-color:#f2f2f2;
	height:322px;
	
}
.QA_crise img {
	width:97% !important;
}
.text1_tous_art {
    color: #505050;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 700;
    padding: 4% 5% 3% 5%;
}
.text2_tous_art {
    color: #505050;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 700;
    padding: 0 5%;
}
.text3plus_lus {
    color: #505050;
    font-family: "Open Sans";
    font-size: 13px;
    padding: 0 5% 3% 5%;
}
.text3plus_lus a,a:hover {
    color: #505050;
   
}

.date_text2_tous_art {
    color: #505050;
    float: right;
    font-family: "Open Sans";
    font-size: 15px;
    padding: 4% 5% 0 0;
    text-align: right;
    width: 95%;
}
.img_tous_art
{
	width:90%;
	margin:5%;}
	
	
	.video_bts
	{
		/*background-color:#222222;*/
		color:#ffffff;
		position:relative;
		cursor:pointer;
		margin-top:4%;
		
		width:100%}
	.glyphicon{ color: #fff;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 40px;
    font-style: 300;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: 45%;
	left: 45%;
}
.glyphicon:hover{  /*color: #ccc;
   display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 40px !important;
    font-style: 300;
    font-weight: 400;
    line-height: 1;
    position: absolute;
   */

	cursor:pointer
}
.carousel-control.left{ background:none !important; left:-42px}
.carousel-control.right{ background:none !important; right:-40px}
.thumbnail{ border:none !important}
.carousel-control {
      text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
	  opacity:0.9 !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next :hover {
    font-size: 30px  !important;
    height: 30px;
    margin-left: -6px;
    margin-top: -18px;
    width: 30px;
	top:70%;
}
.thumbnail {
  
    margin-bottom: 2px !important;
    
}
.rond{ padding:10px ; border:3px solid #FFF; border-radius:50%}
.rond:hover{ background:#868282}
.fond-noir2 {
    display: inline-block;
    height: 105%;
    position: absolute;
    top: 0;
    width:97%;
}
.fond-noir2:hover{opacity:.4; cursor:pointer; border-radius:5px; border:2px solid #999}
.fond-noir {
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    width:100%;
}
.fond-noir:hover{ background:#333; opacity:.3; cursor:pointer; border-radius:5px; padding-bottom:1%}
.form-control_pkoi {
    background-color: #fff;
    background-image: none;
     color: #555;
	 display: block;
    font-size: 14px;
    height: 27px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
	margin-top:3px;
	font-style:italic;
}
.glyphicon_pkoi {
    color: #fff;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 22px;
    font-style: 300;
    font-weight: 400;
    /*margin-left: -13px;*/
    line-height: 1;
   /* position: absolute;*/
    margin-top: 16%;
}
.rech_header{float:left; height:32px; width:33px; background:#1c9ed8; cursor:pointer}

.rech_header:hover{ background:#99d4ed}
		
		/* The controlsy */
.carousel-control {
	left:-35px;
    height: 40px;
	width: 40px;
    /*background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;*/
    border-radius: 23px 23px 23px 23px;
    margin-top:32px;
	color:#999 !important;
}

.carousel-control.left{ background:none !important}

.carousel-control.right {
	right: -40px; background:none !important;
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}
.carousel-inner{ width:100% !important}
.carousel .item {
/*margin: 0% 3% 0% 8%;*/
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------- Carousel Styling ------------------- */

.carousel-inner {
  border-radius: 3px;
}

.carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}


/* ------------------- Section Styling - Not needed for carousel styling ------------------- */

.section-white {
   padding: 10px 0;
}

.section-white {
  background-color: #fff;
  color: #555;
}


@media screen and (min-width: 992px) {

  .container {
   /* max-width: 930px;*/
  }

}


.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-left:before {
  content: "\f104";
}
.date-picker span.fa {
    cursor: pointer;
    font-size: 4em;
    font-weight: 100;
    padding: 8px 0 7px;
    position: absolute;
    top: 0;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: 300;
    font-weight: 300;
    line-height: 1;
}

#block_tweet {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    float: left;
    height: 200px;
    margin:1%;
    width: 260px;
	position:relative;
	
}
#block_tweet:hover{ background-color: #f2f2f2;}
#vig_ch_cat {
    color: #005a83;
    float: left;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: 300;
    font-weight: 700;
    padding: 30px 65px 0 38px;
}
#vig_ch_date {
    color: #000000;
    float: left;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: 300;
    padding: 28px 13px 0 60px;
}

#compte_tweet {
   color: #505050;
    font-family: "Open Sans";
    font-size: 13px;
    font-style: 300;
    padding: 3% 5%;
	float:left;
}
#img_vig_ch_inter {
    min-height: 50px;
	padding:4%;
}

#title_vig_ch {
  color: #015B84;
    font-family: "Open Sans";
    font-size: 19px;
    font-style: 300;
    line-height: 23px;
    padding: 0px 4% 1%;
}

#signature_vig_ch {
    color: #505050;
    font-family: "Open Sans";
    font-size: 12px;
    font-style: 300;
    padding:0  0% 1% 0%;
}

#desc_vig_ch {
    color: #000000;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: 300;
    margin-top: 7px;
    padding:0  4% 1% 4%;
}

#img_vig_rond_inter {
    border: 1px solid #999;
    border-radius: 100%;
    height: 50px;
    width: 50px;
}
.lire_la_suite_vu {
    bottom: 10px;
    font-size: 13px;
    position: absolute;
    right: 20px;
	 font-family: "Open Sans";
}
.title_vig_ch a {
	
	color:#015B84;
	
}
.title_vig_ch a:hover {
	
	color:#015B84;
	text-decoration:none;
	
}

/*page maladies front*/

liste_medic {
color: #1c9ed8;
font-family: "Open Sans";
font-size: 15px;
margin: 0 6% 2% 9%;
width: 90%;
float:left;
padding:2%;
margin:1% 5%;
border-top:1px solid #1c9ed8;
border-bottom:1px solid #1c9ed8;
}
.titre5_art_maladie {
color: #505050;
font-family: "Open Sans";
font-weight:400;
font-size: 15px;
margin: 0 5% 30px;
width: 90%;
}
.titre5_art_maladie h3{
color: #1c9ed8;
font-family: "Open Sans";
font-weight:600;
font-size: 15px;
width: 90%;
}
.liens_maldie {
color: #1c9ed8;
font-family: "Open Sans";
font-size: 18px;
margin: 0 5% 2%;
width: 88%;
}

.lien_gris{color:#4d5353 !important}
.lien_blanc{color:#ffffff !important}
.lien_noir{color:#000 !important}
.num_org{margin-top:7px; margin-left:0.5%; color:#666; position:absolute; color:#fff; font-family:'Open Sans'; font-size:15px; font-weight:600; }
/*page maladies front*/


	.glyphicon_mini {
    color: #fff;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 15px;
    font-style: 300;
    font-weight: 400;
    left: 45%;
    line-height: 1;
    position: absolute;
    top: 45%;
}

		
/***********map***************/

			
.c1
{background-image:url(../img/ombre.png); background-repeat:no-repeat;  height:52px; width:81%;  }
			
.c2
{width:0%; height:690px; float:left;  background-color:#abb6b8;}
			
.c3
{width:25%; height:690px; float:left; background-color:#abb6b8;}
			
.c4
{font-family:'Open Sans'; color:#fff; font-weight:300; font-size:30px; text-align:center; padding:5%;}
			
.c5
{width:25%; height:690px; float:left; border-right:solid 1px #ffffff; background-color:#80b7bc;" align="center}
			
.c6
{font-family:'Open Sans'; color:#fff; font-weight:300; font-size:30px; text-align:center; padding:5%;}
			
.c7
{float:left; width:30%; padding:3% 3% 0 0 ;}
			
.c8
{font-family:Open Sans;float:left; text-align:left; float:left; width:60%; font-size:14px; color:#fff;}
			
.c9
{padding:5%;}
			
.c10
{font-family:'Open Sans'; color:#fff; font-weight:300; font-size:20px; text-align:center; padding:4%; border-top:solid 1px #fff; width:95%;}
			
.c11
{width:25%; height:690px; float:left; border-right:solid 1px #ffffff; background-color:#55b7c2;}
			
.c12
{float:left; margin-left:4%; background:#ffffff; padding-left:5px; height:32px; width:80%;}
			
.c13
{width:89%; margin:7%;}
			
.c14
{background-color:#fff; width:33px; height:30px; line-height:27px; float:left; margin:2px; font-family:Open Sans; font-size:30px; vertical-align:text-top; color:#a2a2a2; font-weight:300;}
			
.c15
{background-color:#fff; color:#797979; width:33px; height:30px; line-height:22px; float:left; margin:2px; font-family:Open Sans; font-size:30px; vertical-align:text-top; color:#a2a2a2; font-weight:300;}
			
.c16
{background-color:#fff; color:#797979; width:33px; height:30px; line-height:24px; float:left; margin:2px; font-family:Open Sans; font-size:30px; vertical-align:text-top; color:#a2a2a2; font-weight:300;}
			
.c17
{background-color:#76c4ce; color:#797979; width:33px; height:30px; float:left; margin:2px;}
			
.c18
{font-family:Open Sans; font-size:14px; color:#ffffff; float:left; width:100%; text-align:right; }
			
.c19
{font-family:'Open Sans'; color:#797979; font-weight:300; font-size:16px; text-align:center; background-color:#ffffff; padding:4%;  width:95%;}
			
.c20
{font-family:'Open Sans'; color:#fff; font-weight:300; font-size:20px; text-align:center; padding:4%;  width:95%;}

.c21
{width:25%; height:690px; float:left;  background-color:#00b8cc;}

.c22
{width:100%; margin:7% 0 0 0;}

.c23
{width:0%; height:60px; float:left; background-color:#abb6b8;}

.c24
{width:25%; height:60px; float:left; background-color:#abb6b8;}

.c25
{width:25%; height:60px; float:left; background-color:#80b7bc; border-right: 1px solid #ffffff;}

.c26
{float:right; padding-top:7px;}

.c27
{width:25%; height:60px; float:left; background-color:#55b7c2; border-right: 1px solid #ffffff;}

.c28
{float:right; }

.c29
{ float: left;
    margin-top: -45px;
    width: 100%;}

.c30
{width:25%; height:60px; float:left; background-color:#00b8cc;}

.c31
{text-decoration:none; color:#fff}

.c32
{border:none;}

.c33
{text-decoration:none; color:#a2a2a2;}

.c34
{text-decoration:none; color:#797979}
/************fin_map**********/
		.glyphicon_pkoi_medic {
    color: #a4a4a4;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 22px;
    font-style: 300;
    font-weight: 400;
    line-height: 1;
    margin-top: 6px;
}
.form-control_pkoi_medic {
    background-color: #ebebeb;
    background-image: none;
    color: #555;
    display: block;
    font-size: 14px;
    font-style: italic;
    height: 27px;
    line-height: 1.42857;
    margin-top: 3px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.rech_header_medic {
    background: none repeat scroll 0 0 #ffffff;
    cursor: pointer;
    float: left;
    height: 32px;
    width: 33px;
}


/****************************Onglet********************************/
#onglet_maladie
{
	border-bottom: 2px solid #22b9f8;
    margin: 1% 5% 0;
    width: 90.5%;
	  margin-bottom: 30px;	}
.item2
{
	background-color: #22b9f8;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    float: left;
    font-family: "Open Sans";
    font-size: 12px;
    height: 40px;
    margin: 1px;
    padding: 5px;
    text-align: center;
    width: 19.65%;	}
.item2:hover
{
	
	border-radius:10px 10px 0 0;
	background-color:#BADDEC;
	cursor:pointer;
	 box-shadow: 0 0 2px rgba(0,0,0,.3) inset;
	}
.active2
{

	border-radius:10px 10px 0 0;
	background-color:#1d94c6;
	cursor:pointer;
	 box-shadow: 0 0 2px rgba(0,0,0,.3) ;
	}
.contenue_onglet {
    color: #505050;
    font-family: "Open Sans";
    font-size: 15px;
    margin: 0 5% 30px;
    width: 90%;
	border:solid 2px #22B9F8;
	padding:2px;
}

#block_lettre {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 #015b84;
    float: left;
    height:auto;
    margin: 1% 2% 1% 2%;
	padding:1%;
    position: relative;
    width: 96% ;
	 color: #015b84;
    font-family: "Open Sans";
   
    font-style: 300;
}

#block_lettre:hover
{
	 background-color:#e1f6fa;
    border-radius: 10px;
    box-shadow: 0 0 4px 0 #ccc;
	cursor:pointer;}
	
/**********************jmal****************************/

#wrapper {
    position: relative;
   /* min-height: 500px;  Just as an example */
    width: 100%;
	margin-top:4%;
}
#left {
    position: absolute;
  /*  background: #d7d7d7;*/
    width: 182px;;
    height: 100%;
}
#right {
    position: relative;
    width: 100%;
    float: right;
}
#sidebar {
   /* background: #0096d7;*/
    width: 182px;
    color: #fff;
}
.clear {
    clear: both;
}

.block_jmal
	{
	background-color:#FFF;
	/*float:left;
	position:fixed;
	top: 286px;*/
    width: 180px;
height:400px;
	padding-top:50px;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 2% 0 2%;}
	
	.block4_jmal
	{
	background-color:#FFF;
	float:right;
	width:75%;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	margin:0% 2% 0 2%;}
	
	
	

#block_lettre {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 #015b84;
    float: left;
    height:auto;
    margin: 1% 2% 1% 2%;
	padding:1%;
    position: relative;
    width: 96% ;
	 color: #015b84;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: 300;
}

#block_lettre:hover
{
	 background-color:#e1f6fa;
    border-radius: 10px;
    box-shadow: 0 0 4px 0 #ccc;
	cursor:pointer;}
	
	#block_lettre1{
    
    float: left;
    height:auto;
    margin: 1% 2% 1% 2%;
	
    position: relative;
    width: 96% ;
	
}


#block_lettre2 {
    background-color:#bff5ff;
    border-radius: 3px;
    box-shadow: 0 0 2px 0 #015b84;
    float: left;
    height:auto;
    margin: 1% 2% 1% 2%;
	padding:1%;
    position: relative;
    width: 96% ;
	color:#015b84;
	text-align:center;
    font-family: "Open Sans";
    font-size: 16px;
	font-weight:600;
}
.scale{
 -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */}
	
	
	.scale:hover {
	cursor: pointer;
	-webkit-transform: scale(1.3,1.3);
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
    /*box-shadow: 2px 2px 2px #888888;*/
    z-index: 1;
	height:auto;
	font-size:16px;
    }
	/*.carousel-inner{ overflow: visible !important}*/
	
	/*********************************************************/

#floatMenu {
   
    position: absolute;
    top: 0px;
}
#floatMenu2 {
   
    position: absolute;
    top: 22px;
}
#head_vig_ch{
	float:left;
	width:75%}
	/*************************************************************CLASS AJOUTER POUR MOBILE************************************************************************/
			.date_cgMB
		{
			font-size:5vw;
			font-family:"Open Sans";
			font-weight:700;
			color:#107e8a;
			}
			.titre_cgMB
				{
			font-size:5vw;
			font-family:"Open Sans";
			font-weight:700;
			color:#505050;
			}
			.date_cg2MB
				{
			font-size:4vw;
			font-family:"Open Sans";
	        font-weight:300;
			color:#505050;
			}
			.desc_cgMB
				{
			font-size:4vw;
			font-family:"Open Sans";
			font-weight:700;
			color:#505050;
			margin-top:3%;
			}
#footerMB
{
	
	width:100%;
	background-color:#668487;
	height: auto;
	position: relative;
	padding:1%;
	}
#block_footerMB
 {
	margin-left: auto;
    margin-right: auto;
    width: 100%;
	}
	.block1_homeMB
	{
	background-color:#F9F9F9;
	float:left;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	width:96%;
	margin:2% 2% 0% 2%;}
	.block2_articleMB
	{
	background-color:#F9F9F9;
	float:left;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	width:96%;
	margin:4% 2% 0% 2%;}
		.block_femme_homeMB
	{
	background-color:#ff247c;
	float:left;
	border-radius:3px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	width:96%;
	margin:2% 2% 0% 2%;}
	
		.plus_lus1MB
	{
		width:96%;
		margin:2%;
		float:left}
		
		
	.img_artMB
	{
		width:40%;
		float:left;}
	.img_femmeMB
	{
		width:96%;
		margin:2%;}
	.desc_artMB
	{
		width:60%;
		float:left}
	.date_text2plus_lusMB
	{
		/*font-size:25px;*/
		font-size: 3.3vw;
		padding:3%  0% 3% 0;
		text-align:left;
		width:100%;
		color:#505050;
		font-family:"Open Sans";
		float:left;}
	.text1plus_lusMB
	{  /* font-size:26px;*/
	font-size:3.5vw;
		color:#898989;
		font-family:"Open Sans";
		/*font-weight:700;*/
		padding:3% 5% 0 5%;}
		
		.text2plus_lusMB
	{   /*font-size:32px;*/
	font-size: 4.9vw;
		color:#505050;
		font-family:"Open Sans";
		font-weight:700;
		padding:0 5%;}
		
		.visuel_maladie_homeMB
		{
			width:96%;
			margin:2%;}
			
	.questionMB
	{
	/*	font-size:22px;*/
		font-size: 5vw;
		color:#ff000f;
		font-family:"Open Sans";
		margin:2% 0 0 3%;
		font-weight:600;
	}
	.categorieMB h2
	{
	/*	font-size:22px;*/
		font-size: 5vw;
		color:#1c9ed8;
		font-family:"Open Sans";
		margin:2% 0 0 3%;
		font-weight:600;
	}
	
	.block_cg_vdoMB {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
    float: left;
   margin: 4% 13% 0;
    width: 74.5%;
}
	.questionMB h2
	{font-size: 5vw;}
	
	
	
	
	.sante_titreMB
	{
		float:left;
		font-size: 5vw;
		color:#ff5a00;
		font-family:"Open Sans";
		margin:0% 0 0 3%;
		font-weight:600;
	}
		.femme_titreMB h2
	{
		float:left;
		font-size: 5vw;
		color:#c4336d;
		font-family:"Open Sans";
		margin:5% 0 0 3%;
		font-weight:600;
	}
	
	.sante_titreMB h2
	{font-size: 5vw;}
	
	
	#voirMB
	{
		background-color:#dcdcdc;
		border-radius:3px;
		color:#4f4f4f;
		font-family: "Open Sans";
    	font-size: 6vw;
		text-align:center;
   	 	font-weight: 700;
   		padding: 2%;
		width:96%;
		margin:2%;
		float:left;
		}
		
		#voir_femme3MB
	{
		background-color:#ffffff;
		border-radius:3px;
		color:#4f4f4f;
		font-family: "Open Sans";
    	/*font-size: 30px;*/
		font-size: 5vw;
		text-align:center;
   	 	font-weight: 700;
   		padding: 2%;
		width:96%;
		margin:2%;
		float:left;
		}
		
		.desc_femmeMB
	{
		padding:2%;
		/*font-size:44px;*/
		font-size: 7vw;
		font-weight:600;
		color:#ffffff;
		font-family:"Open Sans";
		width:100%;
		line-height:22px;
		
		}
		.desc_femmeMB h3
	{
			/*font-size:44px;*/
			font-size: 7vw;
			margin-top:2%;
	
	}
		.desc_femme_surtitreMB
		{
			 color: #ffffff;
    font-family: "Open Sans";
    /*font-size: 24px;*/
	font-size: 5vw;
    font-weight:700;
    line-height: 18px;
    padding-bottom: 6px;}
	
		.text2MB
	{   /*font-size:30px;*/
		font-size: 6vw;
		color:#505050;
		line-height:41px;
		font-family:"Open Sans";
		font-weight:700;
        float:left;
		padding:0 3%;}
		
		.text2MB h3
	{   /*font-size:30px;*/
		font-size: 6vw;
		color:#505050;
		line-height:41px;
		font-family:"Open Sans";
		font-weight:700;
        float:left;
		padding:0% !important;
		margin:0% 0% !important;
		}
		
		.text4MB
		{  
		/*font-size:18px;*/
		font-size: 3vw;
		color:#505050;
		width: 100%;
		float: left;
		font-family:"Open Sans";
		padding:0 3%;}
		
		.menuMB
		
		{
			height:100%;
			margin:0%;
			width:88%;
			left:0;}
			
			.menu-bodyMB
			{
				border-bottom: 1px solid #9d9e9e;
				width:98%;
				margin:4% 1%;
				font-family:"Open Sans";
				color:#868686;
				font-weight:300;
				/*font-size:28px;*/
				font-size:5vw;
				text-align:left;
				padding-bottom:4%;
				line-height:5vw;
				
				}
				.headerMB
				{
					background-image:none;
					background-color:#ffffff;}
					.logoMB
					{
						width:65%;
						margin:0;}
						.searchMB
					{
						width:78%;
						 margin: 4px 0 0;}
						.logMB
					{
						width:65%;
						margin:0;
						}
						.btnMB
						{
						  border: 1px solid transparent !important;
						  margin-top:-3px !important;
						}
						.icon-barMB
						{
							width:30px !important;
							height:6px !important;
							background-color:#0dc1d4 !important;
							border-radius:5px !important;
							margin-top:7px !important;
							}
				.date_headerMB
				{
					width:100%;
					height:auto;
					padding:4%;
	background-image:url(../img/bg_headerMB.png);
	background-repeat:no-repeat;
	font-family:"Open Sans";
				color:#ffffff;
				font-size:5vw;
				text-align:center;
					}
				#icone_menuMB
				{float:left;
				margin-top:1%;
				width:10%;
				
				}
				.lemoine_menuMB
				{
					color:#2f8ec2;}
					.femme_menuMB
				{
					color:#ff247c;}
				.img_icone_menuMB
				{
					margin:0 15px 0 4px;
					height:4vw;}
					.img_icone_menu_maladieMB
				{
					margin:0 15px 0 4px;
					height:4vw;}
					#text_menuMB
				{float:left;}
			.menu-contentMB
			{
				border-radius:0px;
				/*height:450%*/}
				
				
				.closeMB
				{
	background-color: #ffffff;
    color: #bcbcbc;
    content: "X";
    font-size: 55px;
    line-height: 30px;
    position: relative;
	float:right}
	
	#texte_footerMB
	{
	color: #d6dedf;
    float: left;
    font-family: "DosisLight";
    font-size: 8vw;
    margin: 3% 0 2%;
    text-align: right;
    width: 50%;
	}
	#img_twitterMB
	{float: left;
   
    margin: 2%;
    width: 15vw;}
	
	#img_facebookMB
	{ float: left;
    
    margin: 2% 0 2% 2%;
	 width: 15vw;
    }
	
	.titre1_artMB
{font-family:"Open Sans";
font-weight:700;
	font-size:4vw;
	color:#505050;
		margin:3% 2.3% 0.8% 2.9%;
		width:94%;}
.titre2_artMB
{font-family:"Open Sans";
	font-size:6vw;
	font-weight:700;
	line-height:6vw;
	color:#505050;
	margin:0% 2.3% 0% 2.9%;
	width:94%;}
	
			.titre2_artMB h1
{font-family:"Open Sans";
	font-size:6vw;
	font-weight:700;
	line-height:6vw;
	color:#505050;
		margin:0% !important;
		padding:0% !important;
		width:94%;}
		
		.titre2_maladiesMB
{font-family:"Open Sans";
	font-size:6vw;
	font-weight:700;
	line-height:6vw;
	color:#505050;
	margin:3% 2.3% 0% 2.9%;
	width:94%;}
		
		.titre3_artMB
{font-family:"Open Sans";
	font-size:4vw;
	color:#505050;
	font-weight:300;
		margin:1% 2.3% 0 3%;
		width:94%;}
.titre3_artMB a {
	color:#505050;
}
.titre4_artMB
	{font-family:"Open Sans";
	font-size:5vw;
	font-weight:700;
	color:#505050;
		margin:0 5% 0 5%;
		padding-top:1%;
		width:90%;}
		
		.titre5_artMB
	{font-family:"Open Sans";
	font-size:5vw;
	color:#505050;
	
		margin:0 5% 61px 5%;
		width:90%;}
		
		 .liensMB
			{
			 font-family:"Open Sans";
	         font-size:5vw;
			 font-weight:600;
	         color:#1c9ed8;
		     width:88%;
			 margin:0% 6% 2% 6%;}
			 .liens_ulMB
			{font-family:"Open Sans";
	         font-size:4vw;
			 font-weight:300;
	         color:#1c9ed8;
		   width:90%;
				margin:0% 2% 2% 8%;}
			 .liens_ulMB h3
			{font-family:"Open Sans";
	         font-size:4vw;
			 font-weight:300;
			 padding:0% !important;
	         color:#1c9ed8;
		   width:85%;
				margin:0% !important;}
				
				.b1_recommMB
				{
					width:49%;
					margin-bottom:4%;
					float:left;}
					
					#mcMB
			{
				min-height:36px;}
			    #mc1MB
			{
				height:36px;
				font-family:"Open Sans";
				font-size:3.6vw;
				font-weight:300;
				color:#505050;
				padding-top:2px;
				padding-left:5px;
				width:42%;
				float:left;}
				 #mc6MB
			{
				height:36px;
				font-family:"Open Sans";
				font-size:3.6vw;
				font-weight:300;
				color:#505050;
				padding-top:2px;
				padding-left:5px;
				width:50%;
				text-align:right;
				float:left;}
				#mc2MB
			{
				height:36px;
				font-family:verdana;
				font-size:12px;
				color:#505050;
				padding-top:3px;
				
				width:8%;
				float:left;}
				
				#mc7MB
			{
				height:36px;
				font-family:verdana;
				font-size:12px;
				color:#505050;
				padding-top:3px;
				margin-right:3%;
				
				
				width:22%;
				float:right;}
				
				#mc3MB
			{
				height:36px;
				font-family:"Open Sans";
				font-weight:300;
				font-size:14px;
				color:#505050;
				padding-top:3px;
				padding-left:5px;
				width:15%;
				float:left;}
				
				#mc4MB
			{
				min-height:36px;
				font-family:Verdana;
				font-size:3.6vw;
				color:#505050;
				padding-top:7px;
				padding-left:15px;
				width:77%;
				float:left;}
				#mc5MB
			{
				height:22px;
				font-family:verdana;
				font-size:12px;
				color:#ffffff;
				background-color:#1c9ed8;
				border-radius:5px;
				vertical-align:top;
				padding:0 6px 0 6px;
				margin:0 4px 4px 4px;
				line-height:19px;
				float:left;}
				.block_partageMB
	{
	background-color:#FFF;
	
	float:left;
	width:96%;
	border-radius:3px;
	margin:5% 2% 2%  2%;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
	}	
	
	.noter2MB
		{
			
			font-family:"Open Sans";
			background-color:#7998a1;          
	         font-size:15px;
			 width:100%;
			 padding-top:7px;
			 padding-bottom:7px;
			 padding-left:15px;
			 border-radius:0 0 3px 3px;
			 text-align:center;
			 margin:0px;
	         color:#ffffff;
			 z-index:2;
			 float:left;
			}
			
			.fbMB
		{
			background-color:#3b5998;
			padding:5% 2% 2% 2%;
			border-radius: 0 0 0 5px;
			margin:0.2%;
			width:19%;
			height:60px;
			float:left;
			}
		.twMB
		{
			background-color:#55acee;
			padding:5% 2% 2% 2%;
			width:20%;
			margin:0.2%;
			height:60px;
			float:left;
			}
		.ggMB
		{
			background-color:#c34b34;
			padding:5% 2% 2% 2%;
			width:20%;
			margin:0.2%;
			height:60px;
			float:left;
			}
		.cmMB
		{
			background-color:#7998a1;
			padding:5% 2% 2% 2%;
			width:20%;
			margin:0.2%;
			height:60px;
			float:left;
			}
		.prMB
		{
			background-color:#7998a1;
			padding:5% 2% 2% 2%;
			border-radius: 0 0 5px 0;
			width:19%;
			margin:0.2%;
			height:60px;
			float:left;
			}
			#voir_grisMB
			{
			 background-color: #dcdcdc;
    border-radius: 3px;
    color: #4f4f4f;
    float: left;
    font-family: "Open Sans";
    font-size: 5vw;
    font-weight: 700;
    margin: 2%;
    padding: 2%;
    text-align: center;
    width: 96%;
			}
.c11MB
{width:100%; height:690px; float:left; border-right:solid 1px #ffffff; background-color:#55b7c2;}
.c21MB
{width:100%; height:690px; float:left;  background-color:#00b8cc;}
.c30MB
{width:100%; height:60px; float:left; background-color:#00b8cc;}
.c27MB
{width:100%; height:60px; float:left; background-color:#55b7c2; border-right: 1px solid #ffffff;}
.c5MB
{width:100%; height:690px; float:left; border-right:solid 1px #ffffff; background-color:#80b7bc;" align="center}
.c25MB
{width:100%; height:60px; float:left; background-color:#80b7bc; border-right: 1px solid #ffffff;}

.item2MB
{
	background-color: #22b9f8;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    float: left;
    font-family: "Open Sans";
    font-size: 2vw;
    height: 40px;
    margin: 1px;
    padding: 5px;
    text-align: center;
    width: 19.3%;	}

.active2MB
{

	border-radius:10px 10px 0 0;
	background-color:#1d94c6;
	cursor:pointer;
	 box-shadow: 0 0 2px rgba(0,0,0,.3) ;
	}
	
	
	
	.voir_blog_sexo{
	width: 100%;
	text-align: center;
	font-weight: 600;
	margin: 5% 0 9% ;
	font-family: 'Open Sans';
	text-transform: uppercase}	
		
.voir_blog_sexo a{
	background: #a58ca5;
	color: #fff; 
	font-size: 15px; 
	padding: 2% 13%;
	text-decoration: none}
.voir_blog_sexo a:hover{
	background: #c7b0c7;}



blockquote {
quotes:"\201C" "\201D";
border: none;
margin-left: 40px;
}
blockquote:before, blockquote:after {
font:bold 45px/1px Times, serif;
color:#45afe0;
position:absolute;
}
blockquote:before {
content:open-quote;
margin:15px 20px 0 -25px;
}
blockquote:after {
content:close-quote;
margin:27px 0 0 0;
}




/*sexo module home style*/

	.block5_sexo
{
	background: #f5f5f5;
	float: left;
	width: 100%;
	border-radius: 3px;
	margin: 5% 0 5% 0  ;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
.titre_sexo_rica {
	color: #505050;
	font-family: "open sans";
	font-size: 20px;
	font-weight:700;
	padding: 4% 7%;
}
.ss_titre_sexo_rica {
	color: #505050;
	font-family: "open sans";
	font-size: 18px;
	font-weight: 600;
	padding: 2% 7%;
}

.fleche_sexo_rica {
	float: left;
	width: 10%;
}
.titre_fleche_sexo_rica {
	float: left;
	width: 90%;
}
.voir_esp_femme_sexo{
	width: 100%;
	text-align: center;
	font-weight: 600;
	margin: 5% 0 7% ;
	font-family: 'Open Sans';
	text-transform: uppercase}
	
.voir_esp_femme_sexo a{
	background: #c4336d;
	color: #fff; 
	font-size: 15px; 
	padding: 2% 6%;
	text-decoration: none}
		
.voir_esp_femme_sexo a:hover{
	background: #c37393;
}	

.femme_sexo
{
	font-size: 22px;
	color: #c4336d;
	font-family: "Open Sans";
	margin-bottom: 3px;
	padding: 0 3%;
	float: left
}
	
	
	.titre_img1_sexo{
	font-family: 'Open Sans';
	font-size: 15px; 
	color: #505050; 
	padding: 1% 7%}
		
.desc_img1_sexo{
	font-family: 'Open Sans';
	font-size: 20px; 
	color: #505050; 
	padding: 1% 7%}
/*Fin sexo module home style*/