@charset "utf-8";
/* CSS Document */
html, body, #wrap{ height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#footer {
    background-image: url(../img/bg_bas.png);
    background-repeat: repeat-x;   
	position: relative;
    margin-top: -128px; 
    height: 128px;
    clear:both;
} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#main {     padding-bottom: 128px;  	/*position:absolute;*/ }
#page {
	width:1012px;position:relative; 
	width:992px;position:relative; 
	left: 50%;
	margin-left: -506px; /* moitié de la largeur */
	margin-left: -480px; /* moitié de la largeur */
	}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

@font-face { font-family: "Aller Lt";  src: url(../fonts/aller_lt.ttf); }
.aller-lt {  font-family: "Aller Lt";   font-size: 100%; }

@font-face { font-family: "Continuum Medium";  src: url(../fonts/ContinuumMedium.otf); }
.continuum-medium {  font-family: "Continuum Medium";   font-size: 200%; color:#333333; text-shadow: 1px 1px white; }

.push { clear:both; }

a#lang {   color:#5d5d5d; text-decoration:none;}
a {	color:#3293CD; 	text-decoration:none; }
a:hover { 	text-decoration:underline; }
body {
	color: #939393;
	background-color: #F0F0F0;
	background-image: url(../img/bg_eau_boucle.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 0.8em;
	margin:0px;
}

header { padding-top:10px;	height:131px; padding-left:24px; }

#contenu {
	background-color: #FFFFFF;
	width: 952px;
	width: 946px; 
	border-radius:10px;
	o-border-radius:10px;
	webkit-border-radius:10px;
	moz-border-radius:10px;
	padding-left:24px;
	padding-right:24px;
	padding-top:12px;
	padding-bottom:12px;
	-webkit-box-shadow: 0px 0px 10px 3px rgba(60, 60, 60, 0.1);
    box-shadow: 0px 0px 10px 3px rgba(60, 60, 60, 0.1);
}
#onglet    {
	width:661px;
	height:31px;
	margin:0 auto;
	z-index:99;
	position:relative;
	margin-left:285px;
}
#onglet_fr, #onglet_en { list-style-type: none; height:31px; }
#onglet_fr, #onglet_en {
	width:661px;
	height:31px;
	margin: 0;
	padding: 0;
}
#onglet_fr li, #onglet_en li  { display:inline; position:relative; float:left; }
#onglet_fr a, #onglet_en a {
	height:31px;
	padding-top:0px;
	display:block;
	overflow:hidden;
	background:url(../img/onglet-fr.jpg) no-repeat;
	text-decoration: none;
}
#onglet_en a { 	background:url(../img/onglet-en.jpg) no-repeat; }
#onglet1_fr a, #onglet1_en a{ width:111px; height:31px; background-position: 0 0; }
#onglet1_fr a:hover, #onglet1_en a:hover { background-position: 0 -31px; }
#onglet1_fr a.sel, #onglet1_en a.sel { background-position: 0 -62px; }

#onglet2_fr a, #onglet2_en a { width:92px; height:31px; background-position: -111px 0; }
#onglet2_fr a:hover, #onglet2_en a:hover{ background-position: -111px -31px; }
#onglet2_fr a.sel, #onglet2_en a.sel { background-position: -111px -62px; }

#onglet3_fr a, #onglet3_en a { width:202px; height:31px; background-position: -203px 0; }
#onglet3_fr a:hover, #onglet3_en a:hover { background-position: -203px -31px; }
#onglet3_fr a.sel, #onglet3_en a.sel { background-position: -203px -62px; }

#onglet4_fr a, #onglet4_en a{ width:145px; height:31px; background-position: -404px 0; }
#onglet4_fr a:hover, #onglet4_en a:hover { background-position: -404px -31px; }
#onglet4_fr a.sel, #onglet4_en a.sel { background-position: -404px -62px; }

#onglet5_fr a, #onglet5_en a{ width:111px; height:31px; background-position: -549px 0; }
#onglet5_fr a:hover, #onglet5_en a:hover { background-position: -549px -31px; }
#onglet5_fr a.sel, #onglet5_en a.sel { background-position: -549px -62px; }

.section-titre { font-family: 'Cabin Condensed', sans-serif;  color:#6dcff6; font-weight:bold; font-size:12pt;}
.texte-blanc { color:#FFFFFF; }
.taille-grand { font-size: 36px; }

#lang {
    float:right;
    margin-right:30px;
}

#intro {
    position:relative;
    height:312px;
}
#intro_img {
    position:relative;
    width:286px;
    float:left;
	
}
#intro_texte {
	position:relative;
	float:left;
	width:660px;
	height:312px;
	background-color:#6DCFF6;
	border-radius: 0 10px 10px 0;
	o-border-radius: 0 10px 10px 0;
	webkit-border-radius: 0 10px 10px 0;
	moz-border-radius: 0 10px 10px 0;
	top: 0px;  
}
#intro_texte img {     margin-top:90px;     margin-left:50px; }

.intro-titre-aqua { position:absolute; left:48px; top:90px; font-family: "Aller Lt";   font-size: 29pt; color:#FFFFFF;}
.intro-sous-titre { font-family: 'Cabin Condensed', sans-serif;  position:absolute; left:48px; top:130px; font-size:42pt; color:#FFFFFF; font-weight:bold; }
.intro-resume {position:absolute; left:48px; top:200px; font-family: "Aller Lt";   font-size: 15pt; color:#FFFFFF; padding-right:30px;}

#logo_iiam {   
  margin-top:10px; 
  margin-left:24px; 
  border:none;
}
#texte {  margin-top:24px; margin-bottom:20px;  }
.colonne1-3, .colonne2-3, .colonne3-3 {   float:left;   width:288px;   margin-right:40px; }
.colonne3-3 { width:288px;  margin-right:0px; }

#en-bref {
    /* margin-top:20px; */
    padding-left:20px;
	min-height:24px;
}

#en-bref hr {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #d3d3d3;  
}
.photo {
	background-color: #F8F8F8;
	border: 1px solid #D4D4D4;
	padding: 5px;
	margin-bottom:24px;
}
ul {    margin-top:0px; }
.colonnes-3 {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	-o-column-count: 3;
	-o-column-gap: 20px;
	-ms-column-count: 3;
	-ms-column-gap: 20px;
	vertical-align: top;
}
.colonnes-2 {
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	-o-column-count: 2;
	-o-column-gap: 20px;
	-ms-column-count: 2;
	-ms-column-gap: 20px;
	vertical-align: top;
}
.marge-50 {   margin-left:50px;   margin-right:50px; }
.mini { 	font-size: 0.7em; }

#logo_inrs {
	position:absolute;
	left: 50%;
	margin-left: 170px; /* moitié de la largeur */
	margin-top:25px;
}
#logo_ul {
    position:absolute;
	left: 50%;
	margin-left: 360px; /* moitié de la largeur */
	margin-top:20px;
}
.espacement-6 {
	padding-left:6px;
	padding-right:6px;
	vertical-align: middle;
}