/*****************************/
/*** HTML ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
	font-size: 12px;
	color: #000;
	text-align:left;
	width:100%;
}

a:link, a:visited {
	color: #198bbd;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #214285;
}

li {
margin-left:-15px;
list-style-image:url(../images/li.png);
}

ul {
margin-bottom: 10px;
}

input.button { cursor: pointer; }

img { border: 0px solid #ddd; }


h1 {
	font-family: Impact, Impact,sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #369;
}

h2 {
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: lighter;
	padding: 5px;
	border: 1px solid #006;
	}

h3 {
	font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	background-color: #fff;
	font-size: 14px;
	padding-left:10px;
	font-weight: normal;
	color: #214285;
	border-left:1px solid #198bbd;
	border-top:1px solid #198bbd;
	/*background:url(../images/back_menu.png) no-repeat;*/
	margin-top:0px;
}

h4 {
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	padding: 5px;
	border: 1px solid #006;
}

/*****************************/
/*** Classes *****************/
/*****************************/


.tout {
display: table;
padding: 10px;
width:860px;
text-align:left;
}

.table {
display:table;
}

.tablePub {
display:table;
width:400px;
}
.rang {
display: table-row;
}

.rangM {
display: table-row;
}

.cell {
display:table-cell;
}

.cellPub {
display:table-cell;
border:1px solid #198bbd;
padding:15px;
width:75px;
}

/* Haut de page */

.logo {
display: table-cell;
width:800px;
padding: 0px;
height: 100px;
background: url(../images/logo.jpg) no-repeat;
}

.menu {
position:relative;
top:0px;
margin-left:0px;
padding:8px;
}

.mainlevelmenu {
border:1px solid #198bbd;
margin:5px;
padding:3px;
}

/* Fin de haut*/

/*Milieu*/

.contentheading {
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size: 18px;	
color: #214285;
font-weight: normal;
padding: 0px;
}

.componentheading {
font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size: 18px;	
color: #214285;
font-weight: normal;
padding: 0px;
}

/*.centre .contentpaneopen fondBlanc {
background-color:#fff;
}*/

.centre {
display: table-cell;
border-top:1px solid #198bbd;
border-left:1px solid #198bbd;
background-color: #fff;
padding: 10px;
}

.contentpaneopen {
background-color: #fff;
padding: 0px;
width:400px;
}

.gauche {
background-color: #fff;
display:table-cell;
width:200px;
padding-top:0px;
vertical-align:top;
}

.droite {
display:table-cell;
width:200px;
padding:0px;
vertical-align:top;
}

.sourceBouton img {
border:0px;
}

/*Fin de milieu*/


/*Modules*/

/*Profil*/
.profilBox {
border-bottom:1px solid #198bbd;
background-color: #fff;
padding-left:10px;
padding-right:10px;
}

.pBleu2 {
color:#214285;
}

.profilDuJour {
}

.controle {
position:relative;
margin-top:-5px;
z-index:1;
}

.controle2 img {
border:0px;
}

.membres {
float:left;
padding:5px;
}

.modif {
padding:5px;
}

.iframe3 {
padding:10px;
position:relative;
top:0px;
left:0px;
width:160px;
height:200px;
z-index:1;
border: 1px solid #198bbd;
}

/*Fin de profil*/

/* Terminologie */
.terminologieBox {
background-color: #fff;
border-bottom:1px solid #198bbd;
padding-right:10px;
padding-left:10px;
}

.pBleu {
color: #214285;
}

.BleuSmall {
color: #198bbd;
font-size:9px;
text-align:left;
padding-left:10px;
}

.bouton1 {
background: url(../images/bouton_terme.png) no-repeat;
position:relative;
height:52px;
z-index: 0;
border: 0px;
}

.inputTerme {
position:relative;
border: 1px solid #198bbd;
background-color: #fff;
height: 16px;
z-index:1;
top: 20px;
left: 0px;
}

.bouton2 {
background: url(../images/bouton_langue.png) no-repeat;
position:relative;
height:72px;
z-index:0;
border: 0px;
}

.langue1 {
float:left;
position: relative;
top:49px;
left: 5px;
z-index:1;
}

.langue2 {
position: relative;
float:right;
top:49px;
right:71px;
z-index:1;
}

.bouton3 {
position:relative;
}

.resultats {
background: url(../images/resultats.png) no-repeat;
position:relative;
height:140px;
z-index:0;
border:0px;
}

.iframe {
position:relative;
top:20px;
padding:10px;
left:0px;
z-index: 1;
border: 1px solid #198bbd;
width:160px;
height:105px;
}
/* Fin de Terminologie */

/*Repertoire*/

.repertoireBox {
border-bottom:1px solid #198bbd;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
z-index: 0;
background-color: #fff;
}

.professionBox {
background: url(../images/profession.png) no-repeat;
position:relative;
z-index:0;
height:35px;
}

#profession {
position:relative;
z-index:1;
top:17px;
}

.domaineBox {
background: url(../images/domaine.png) no-repeat;
position:relative;
z-index:0;
height:35px;
}

#domaine {
z-index:1;
top:17px;
position:relative;
}

.regionBox {
background: url(../images/region.png) no-repeat;
position:relative;
z-index:0;
height:35px;
}

#region {
position:relative;
z-index:1;
top:17px;
}

.resultats2 {
background: url(../images/resultats2.png) no-repeat;
z-index:0;
position:relative;
height:250px;
}

.iframe2 {
position:relative;
padding:10px;
width:160px;
top:25px;
z-index:1;
border: 1px solid #198bbd;
}

/* Fin de repertoire*/

/* Adhesion */

.adhesionBox {
display:table;
width:600px;
background-color:#fff;
border:1px solid #198bbd;
padding:5px;
}

.tableTop {
display:table;
}

.tableBas {
display:table;
margin-top:5px;
}

.nestTable {
display:table;
}

.nestCell {
display:table-cell;
}

.formulaire {
display:table-cell;
padding:10px;
width:270px;
float:left;
}

.coordonnees {
display:table-cell;
width:270px;
padding:10px;
float:left;
margin:5px;
}

.renseignements {
display:table-cell;
float:right;
width:270px;
padding:10px;
border-left:1px solid #198bbd;
margin:5px;
}
 
.consentements {
margin-top:10px;
display:table-cell;
width:600px;
padding:10px;
border-top:1px solid #198bbd;
}

.noFloat {
float:none;
width:275px;
}

.entete img {
width:270px;
}

.entete img {
border:0px;
}
 
.entete1 img {
width:270px;
border:0px;
}
 
.entete2 img {
width:270px;
border:0px;
 }
 
.entete3 img {
width:270px;
border:0px;
 }

.titre {
font-family:"Lucida grande","Lucida sans unicode",sans-serif;
font-size:1.8em;
font-variant:small-caps;
color:#198bbd;
}

.titre2 {
font-family:"Lucida grande","Lucida sans unicode",sans-serif;
font-size:1.2em;
font-variant:small-caps;
color:#198bbd;
}

.options {
color:#900;
font-size:1.0em;
}

.textePlain {
color: #000;
}

.texteGauche {
float:left;
color:#000;
}

.texteDroite {
float:left
color:#000;
}

.inputGauche {
float:left;
width:260px;
}

.inputDroite {
width:260px;
float:left;
}

.inputRadio {
float:left;
}

.note {
color:#900;
font-family:"Lucida grande","Lucida sans unicode",sans-serif;
font-size:0.8em;
}

/* Fin Adhesion */


/* Inscription */

.inscriptionBox {
display:table;
width:300px;
background-color:#fff;
border:1px solid #198bbd;
padding:5px;
}

.formulaire {
display:table-cell;
padding:10px;
width:270px;
float:left;
}

/* Analyse et misc*/

.analyse {
padding:10px;
}

.newsfeed {
position:relative;
top:0px;
z-index:0;
}

.poll {
padding:10px;
}

.inputPoll {
float:left;
padding-right: 5px;
}

.moduletable {
position: relative;
background-color: #fff;
top:0px;
padding:0px;
margin-bottom:15px;
}

/*Fin analyse */

/*Fin de modules*/


/* Bas*/

.objet {
display:table-cell;
background-color:#fff;
float:left;
margin:10px;
width:180px;
height:180px;
border: 1px solid #198bbd;
}

.objetBox {
position:relative;
}

.objetTexte {
text-align: center;
}

.objetBox img {
border:0px;
}

.plus {
position:absolute;
top:0px;
right:0;
}

.plus img {
border:0px;
}

.alouest img {
border:0px;
}

.partofus img {
border:0px;
}

.bas_de_page {
display: table-cell;
border-top: 1px solid #198bbd;
color: #198bbd;
padding: 5px;
width: 800px;
background-color: #fff;
}

/*Fin de bas */

/* espaces */

.article_separator {
	display: block;
	height: 20px;
	border-bottom: 1px dashed #214285;
}

.article_column {
	padding-right: 10px;
	padding-top: 10px;
}

.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}