/* CSS Document */

@import "en-tete-presentation.css";

div.sousmenus
{
	margin-left:auto;
	margin-right:auto;
	width:80%;
}

div.sousmenus section.sousmenu
{
	background-repeat:no-repeat;
	background-position:center right;
	background-size:cover;
	min-width:345px;
	float:left;
	width:calc(50% - 40px);
	height:100%;
	margin-bottom:60px;
}

div.sousmenus div.gap
{
	float:left;
	width:80px;
	height:80px;
}

div.sousmenus section.sousmenu h3
 {
	background-color:#000000BB;
	margin:0px;
	padding:10px;
	font-size:20px;
	text-transform:uppercase;
	text-align:left;
	min-width:300px;
}

div.sousmenus section.sousmenu h3 img
{
	height:100%;
}

div.sousmenus section.sousmenu div.sousmenu
{
	width:350px;
}

div.sousmenus section.sousmenu div.sousmenu a
{
	color:#CCCCCC;
	text-decoration:none;
	font-size:18px;
	text-transform:uppercase;
}

div.sousmenus section.sousmenu div.sousmenu a:hover
{
	color:#FFFFFF;
}

div.sousmenus section.sousmenu div.sousmenu a.auto
{
	height:64px;
	width:100%;
}

div.sousmenus section.sousmenu a div.linkcontainer
{
	padding:10px;
	display:inline-block;
	width:100%;
	border-bottom:1px #FFF solid;
}

div.sousmenus section.sousmenu a div.detail
{
	text-transform:initial;
}

div.linktext
{
}

div#respirations
{
	padding:20px;
	background-color:#DDF;
	color:#000;
	clear:both;
	border:solid 30px #FFF;
	font-size:16px;
	display:inline-block;
}

div#respirations h2
{
	font-size:40px;
	margin:0px;
	padding:0px;
}

div.respiration
{
	width:31%;
	min-width:230px;
	float:left;
	padding:0px;
	margin:10px;
	background-color:#FFF;
	text-align:justify;
}

div.respiration sup
{
	float:right;
	padding:3px;
	color:#FFF;
	margin:0px;
}

div.respiration h3
{
	padding:10px;
	margin:0px;
	margin-top:20px;
}

div.respiration p
{
	margin:0px;
	padding:10px;
}

@media only screen and (max-width: 500px)
{
	div.sousmenus section.sousmenu
	{
		width:100%;
		float:none;
	}
	
	div.respiration
	{
		width:100%;
		min-width:0px;
		float:none;
		padding:0px;
		margin:10px;
		background-color:#FFF;
		text-align:justify;
	}
}