@charset "utf-8";

body
{
	background-color: #B6B3F4;
	/* background-color: #c9e7fa; */
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	font-size: medium;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page
{
	width: 70%;
	max-width : 1000px;
	min-width : 631px;
	margin: 0 auto;
	padding-bottom: 100px;
	overflow: hidden;
}

/*#######################################
  #									  	#
  #			Header					  	#
  #										#
  #######################################*/
#header{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	float: none;
}

.logo_icapros{
	/*background-color: #666666;*/
	width: 35%;
	float: left;
}
.bar_color{
	float: right;
	padding-top: 7%;
}

#header hr{
	clear: both;
	width: 100%;
	margin: 0 auto;

}

#header_pict {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

/*#######################################
  #									  	#
  #			Navigation				  	#
  #										#
  #######################################*/

#nav { 
	width: 100%;
	float: left;
	padding-left: 3em;
	background-color : #ccd9e3;
	background-image: -moz-linear-gradient(top, #d8e5f0, #ccd9e3);
	background-image: -ms-linear-gradient(top, #d8e5f0, #ccd9e3);
	background-image: -o-linear-gradient(top, #d8e5f0, #ccd9e3);
	background-image: -webkit-linear-gradient(top, #d8e5f0, #ccd9e3);
	background-image: linear-gradient(top, #d8e5f0, #ccd9e3);
	/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
#nav ul{ 
	list-style-type: none; 
	height: 2em; 
	padding: 0; 
	/* padding-bottom: 1em; */
	margin: 0 auto;
}
#nav li {
	float: left;
	position: relative;
	padding: 0 1em 0 0;
	line-height: 2em;
	padding: 0 1em 0 0;
	margin-right: 15px;
}
.sousMenu:after{
	content: " ";
	position: absolute;
	top: 0 ;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/arrow_menu_black.png);
	background-repeat: no-repeat;
	background-position: 110% 59%;
	background-size: auto 40%;
	z-index: 10;
}

#nav li a { 
	display: block; 
	font-size: 1em; 
	color: black; 
	text-decoration: none;
	font-weight: bold;	
}
#nav li a:hover { 
	/* color: #1884A8; */
	color: #f26c4f;
}
#nav li ul { 
	opacity: 0; 
	position: absolute; 
	z-index: 100;

}
#nav li:hover ul {
	opacity: 1;
}
#nav li ul li { 
	float: none; 
	position: static; 
	height: 0; 
	line-height: 0;
	background-color : #ccd9e3;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding-left: 1em;
	margin-left: -1em;
}
#nav li:hover ul li { 
	height: 1.5em; 
	line-height: 1.5em; 
}
#nav li {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
}
#nav li a {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
}
#nav li ul {
	-webkit-transition: all 1s;
	transition: all 1s;
	-moz-transition: all 1s;
}
#nav li ul li {
	-webkit-transition: height 0.5s; 
	transition: all 0.5s;
	-moz-transition: all 0.5s;
}
#nav .selected {
	/* color: #93117E; */
	color: #db1a13;
}


/*#######################################
  #									  	#
  #			footer						#
  #										#
  #######################################*/  
  
  
#footer {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#footers{
	width: 100%;
	float: left;
	padding-bottom: 40px;
}
#module{
	width: 49%;
	margin: 0;
	margin-right: 2%;
	overflow: hidden;
	float: left;
	position: relative;
}
#module:last-child{
	margin: 0;
	
}


/*#######################################
  #									  	#
  #			page home				  	#
  #										#
  #######################################*/
  
#spots {
	width: 100%;
	float: left;
	padding-bottom: 40px;
}

#spots a {
	width: 49%;
	margin: 0;
	margin-right: 2%;
	overflow: hidden;
	float: left;
	position: relative;
}

#spots a:last-child{
	margin: 0;
}

#spots a:hover:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	z-index:2;
	}

#spots img{
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
}
	
#spot {
	width: 50%;
	padding-bottom: 40px;
	margin: 0 auto;
	padding: 0 auto; 
	overflow: hidden;
	float: none;
}

#spot a {
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}
#spot img{
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

#spot a:hover:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	z-index:3;
	}


#temoin{
	width: 100%;
	float: left;
}
#blocs_temoin{
	width: 100%;
	float: left;
}
.bloc_temoin{
	width: 16%;
	overflow: hidden;
	margin-right: .8%; /* (100-(6*16))/5=0.8*/
	float: left;
}
.bloc_temoin:last-child{
	margin-right:0;
}

/*#######################################
  #									  	#
  #			signes de maladie			#
  #										#
  #######################################*/
#avc{
	width : 45%;
	overflow: hidden;
	margin-right: 10%;
	float: left;
  }
#avc p{
	color : RED;
	font-weight: normal;
}

#infarctus{
	width : 45%;
	overflow: hidden;
	float: left;
	padding-bottom: 20px;
  }
#infarctus p{
	color : red;
	font-weight: bold;
}
#consigne{
	margin: 0;
	padding-top: 20px;
	text-align: center;
  }
#consigne #gauche {
	display: block;
	width: 40%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
#consigne  #droite {
	display: block;
	width: 40%;
	margin: 0;
	padding: 0;
	float: right;
	overflow: hidden;
}
#consigne h2{
	color: red;
	font-size: 2.5em;
	clear: both;
}
#consigne h3{
	color: black;
	font-size: 1.5em;
}
#texte_contrer{
	display: inline-block;
	text-align: center;

}
#consigne ul {
	text-align: justify;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	list-style-type: none;
}

/*############################################
  #									  	 	 #
  #			Vidéo							 #
  #										 	 #
  ############################################*/
#conference{
	margin: 0;
	padding: 0;
	width: 100%;
}
.articleconf{
	margin: 0;

	width: 100%;
	clear: both;
}
.videoconf{
	width: 50%;
	margin: 0;
	padding: 0; 
	padding-bottom: 20px;
	float: left;
	/* overflow: hidden; */
}
.videoconf a{
	/* width: 100%;
	height: 100%; */
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
	
	}
.videoconf img{
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
	
.videoconf a:hover:after{
	content:' ';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.4);
	z-index:2;
	}
.texteconf{
	width: 48%;
	margin:	0;
	padding-left: 2%;
	padding-bottom:2%;
	float: left;
	overflow: hidden;
} 
  
  
/*############################################
  #									  	 	 #
  #			Articles						 #
  #										 	 #
  ############################################*/

#articles{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	overflow : hidden;	
}
.Style1 {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
}
.article{
	width: 49%;
	margin: 0 auto;
	padding-bottom: 1.5em;
	padding-left: 1%;
	float: left;
	overflow: hidden;
}
.article img{
	width: 46%;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
.article .texte{
	width: 50%;
	float: right;
	padding-left: .5%;
	overflow: hidden;
}
.article .texte a{
	text-decoration: none;
	color: #ffffff;

}
.article .texte h3{
	/* background-color: #1884A8; */
	background-color: #3a89c9;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
	/* border-radius: 25%; */
	text-align:center;
}
.article .texte h3:hover{
	text-align:center;
	/* color: #93117E; */
	color: #f26c4f;
}
  
  
  
  /*#######################################
  #									  	  #
  #			logo play (non implémenté)	  #
  #										  #
  #########################################*/
  
.pict_play{
	display: inline-block;
	position: relative;
	} 
.pict_play:after{
	content: " ";
	position: absolute;
	top: 0 ;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/play.png);
	background-repeat: no-repeat;
	background-position: 52% 48%;
	background-size: 20% auto;
	z-index: 10;
}
/*#######################################
  #									  	#
  #			contact 					#
  #										#
  #######################################*/
#contact{
	width:74%;
	float: left;
	overflow: hidden;
}
#belgique ul{
	display: inline-block;
	position: relative;
	list-style-type: none;
	text-decoration: none;
}
#belgique ul:before{
	content: " ";
	position: absolute;
	top: 0 ;
	left: 0;
	width: 50%;
	height: 50%;
	background-image: url(../img/logo/logo_icapros.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 20% auto;
	z-index: -1;
}
#france ul{
	display: inline-block;
	position: relative;
	list-style-type: none;
	text-decoration: none;
}
#france ul:before{
	content: " ";
	position: absolute;
	top: 0 ;
	left: 0;
	width: 50%;
	height: 50%;
	background-image: url(../img/logo/logo_icapros.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 20% auto;
	z-index: -1;
}
#formulaire_contacte{
	width:74%;
	float: left;
	overflow: hidden;
	width: 70%;
	height: auto;
}
 
#collaborators{
	width: 24%;
	float: right;
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 2.5em;
	padding:0;
}
#collaborators li{
	text-align: center;
	
}
#collaborators ul{
	display: inline-block;
	position: relative;
	list-style-type: none;
	margin:0;
	margin-left: 2%;
	padding:0;
}
#collaborators a{
	display: inline;
	margin: 3% auto;
	text-decoration: none;
	text-align: center;
}
#collaborators a img{
	width: 50%;
}
 
  /*#######################################
  #									  	#
  #			typographies				#
  #										#
  #######################################*/
  
  h1{
	font-size: 1.5em;
	color: #db1a13;
  }
  h2{
	font-size: 1em;
	color: #db1a13;
  }
  h3{
	font-size: .9em;
  }
  
/*#######################################
  #									  	#
  #			invisible					#
  #										#
  #######################################*/
  .invisible
  {
  display: none;
  opacity: 0;
  }