@font-face {
    font-family: "Arial Black";
    src: url("fonts/ariblk.ttf");
}

/* ----------------------  RESET CSS  ----------------------- */
html { font-size: 100%; }
body { margin: 0; padding: 0; font-size: 13px; color: black; font-family: Arial,serif;background-color:#d7d7d7;}
h1, h2, h3, h4, h5, h6 { margin:5px 0 2px; font-weight: bold; font-style: normal;}
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
div { zoom:1; margin:0; padding:0}
fieldset { padding:0; margin:0; border:none;}
/* Listes */
/* ul, ol, li { margin: 0; padding: 0; list-style:none; } */
p { margin: .75em 0; }
p.centerP {text-align:center;}
/* Liens */
a { text-decoration: none; outline:none; }
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover, a:focus, a:active {color: #fff; }
a:active { outline: none; }
a img { border: none; }
em { font-style: italic; }
strong { font-weight: bold; }
/* ---------------------------------------------------------- */
.clear { clear:both; }
.clearRight { clear:right; }
.clearLeft { clear:left; }
.center{text-align:center;}
/* ---------------------------------------------------------- */

body { 
	min-width:930px;
	font-family: Arial, sans-serif;
}

#header
{
	background: url('images/header_patternX2.png') bottom repeat-x #ffffff;
	height:160px;
	position:relative;
}

#banner
{
	margin:0 auto;
	width:930px;
	padding-top:10px;
	position:relative;
}

#banner h1
{
	font-size: 24px;
	color: #444444;
	font-weight:normal;
	letter-spacing: -0.5px;
	position:absolute;
	left:368px;
	top:26px;
}

#banner h1 span
{
	font-weight:bold;
	font-family: "Arial Black";
}

#header ul
{
	padding:0;
	margin:0 auto;
	position:absolute;
	top:92px;
}

#header ul li
{
	list-style: none;
	position:relative;
	float:left;
	height:40px;
	margin: 5px 0;
	border-right: 1px solid #aaaaaa;
	padding-right:5px;
}

#header ul li a
{
	color :#444444;
	line-height: .6em;
}

#header ul li img
{
	position:absolute;
	left:5px;
	top:-5px;
}

#header  ul li#header_groupe_mihiel{
	border-left: 1px solid #aaaaaa;
	width:320px;
	padding-left: 40px;
	height:20px;
	padding-top:10px;
	padding-bottom:10px;
}
#header_huot{
	width:130px;
	padding-left: 40px;
}
#header_rpons{
	width:110px;
	padding-left: 75px;
}
#header_gente{
	width:120px;
	padding-left: 68px;
}

#header ul li strong{
	display:block;
	font-family: "Arial Black";
	background: url('images/blueArrow.png') no-repeat left;
	font-size: 10pt;
	/*font-variant:small-caps;*/
	padding-left: 10px;
	margin-bottom: 6px;
}

#header ul li em{
	
	font-size: 13px;
	/*font-variant:small-caps;*/
	font-style: normal;
}



#main
{
	background: white;
}
#flashConteneur
{
	height:420px;
}


#alternativeContentMask
{
	width:930px;
	height:400px;
	margin: 0 auto;
	padding-top:10px;
	overflow:hidden;
	position:relative;
}

#alternativeContentBox
{
	width:3000px;
	height:400px;
	overflow:hidden;
	position:absolute;
	top:10px;
	
}

.alternativeContentLevel
{
	width:930px;
	height:400px;
	float:left;
	position:relative;
}

#footer
{
	background: url('images/footer_patternX2.png') repeat-x;
	height:45px;
}

#footer span
{
	display:block;
	margin:auto;
	padding: 22px 0;
	width:930px;
	text-align: center;
	font-size: 13px;
	color: #777;
}



.param{
	display:none;
}

.profil{
	position:relative;
	color:white;
	width:910px;
	height:380px;
	padding-top:20px;
	padding-left:20px;
	font-size: 9pt;
	background: rgb(102,102,102); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgb(102,102,102) 0%, rgb(32,32,32) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(102,102,102)), color-stop(100%,rgb(32,32,32))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgb(102,102,102) 0%,rgb(32,32,32) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgb(102,102,102) 0%,rgb(32,32,32) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgb(102,102,102) 0%,rgb(32,32,32) 100%); /* IE10+ */
	background: linear-gradient(-45deg,  rgb(102,102,102) 0%,rgb(32,32,32) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#202020',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

h2{
	/*font-variant:small-caps;*/
	font-weight: normal;
	font-size: 14pt;
	margin-bottom: 30px;
}

h3{
	/*font-variant:small-caps;*/
	font-weight: normal;
	font-size: 14pt;
	margin-bottom: 20px;
	color:black;
}

.speciality{
	position:relative;
	color:#707070;
	width:910px;
	height:380px;
	padding-top:20px;
	padding-left:20px;
	font-size: 9pt;
	background: rgb(232,232,232); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgb(232,232,232) 0%, rgb(255,255,255) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(232,232,232)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgb(232,232,232) 0%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgb(232,232,232) 0%,rgb(255,255,255) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgb(232,232,232) 0%,rgb(255,255,255) 100%); /* IE10+ */
	background: linear-gradient(-45deg,  rgb(232,232,232) 0%,rgb(255,255,255) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.profil hr{
	width: 890px;
	margin:30px 0 15px;
}

.profil .profilSpecialitiesTitle{
	color : #5897c6;
	font-size: 14pt;
	/*font-variant:small-caps;*/
}

.speciality .specialityLinksTitle{
	font-size: 11pt;
	/*font-variant:small-caps;*/
}

.speciality a{
	font-size: 11pt;
	/*font-variant:small-caps;*/
}

.speciality a:link, .speciality a:visited, .speciality a:hover, .speciality a:focus, .speciality a:active {color: #707070; }

.profil .profilSpecialitiesList li{
	list-style-image: url('images/blueArrow.png');
	font-size: 11pt;
	/*font-variant:small-caps;*/
	float:left;
	margin-right: 40px;
}

.btn_close
{
	display:block;
	position:absolute;
	right:15px;
	top:15px;
	height:20px;
	width:20px;
	cursor:pointer;
}

.tempSummary
{
	padding:0;
	height: 400px;
    width: 930px;
    margin:0;

}

.tempSummary li
{
	position : relative;
	list-style: none;
	height:129px;
	display:inline-block;
	margin: 0 0 2px 2px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tempSummary li.col1 { width:296px;}
.tempSummary li.col2 { width:327px;}
.tempSummary li.col3 { width:291px;}

.tempSummary > li > h2
{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position : absolute;
	width:100%;
	pointer-events:none;
	background:rgba(0,0,0,.8);
	color:white;
	bottom:0;
	line-height:2em;
	margin : 0;
	font-size:16px;
	padding-left:10px;
	
}

.tempSummary .profilSummary
{
	display:inline-block;
}

#alternativeContent{
	display:none;
}

#keywords{
	width:930px;
	margin:10px auto;
}

#keywords ul{
    padding: 0;
    width: 25%;
	float:left;
	box-sizing: border-box;
}

#keywords ul li{
	font-size: 12px;
    list-style: none;
}

#keywords ul li h2{
	font-size: 12px;
    list-style: none;
	margin:0 0 8px;
}

#keywords a, #keywords a:active, #keywords a:hover, #keywords a:focus, #keywords a:visited {
	color: #444444;
	text-decoration:none;
}