/* =====================
Patricia Imbert
Date : 15/02/2010
===================== */

/* Couleurs de base ====

blocs


Typo :
fabd42: jaune - actualit�
007437: vert - vie d'entreprise
132477 : bleu - echanges
7e5a08 : marron - rencontres
00478d : bleu - zoom
4d3a8c : violet - experience
132477 : bleu - actualite CPLF
e5314c : rose - entretien
9b9a07 : ocre - focus
006238 : vert - t�moignage
5d6975 : bleu gris - profil
002047 : bleu nuit - info prestataire
9b2f87 : violet : congr�s

d20e48: roseactu - actualites
7e2847:parme - vie des entreprises
6963ac:bleuviolet - evenement
870057:aubergine - nouveau service
f36621:orange - nouveau produit jfr 2009
8f9536:vertjaune - rencontre
f47321:orangeclair - portrait
008b52:vertroi - focus
973c96 : violetclair - br�ves


===================== */

body {
	font-family: "Verdana";
	overflow-y:scroll;
}

.jaune, .jaune a, .jaune a:hover, .jaune h1, .jaune h2{
	color:#e8ab30;
}

.rouge, .rouge a, .rouge a:hover, .rouge h1, .rouge h2{
	color:#cf003d;
}

.bleuciel, .bleuciel a, .bleuciel a:hover, .bleuciel h1, .bleuciel h2{
	color:#96b7c8;
}

.bleuvert, .bleuvert a, .bleuvert a:hover, .bleuvert h1, .bleuvert h2{
	color:#00957e;
}

.grise, .grise a, .grise a:hover, .grise h1, .grise h2{
	color:#58585a;
}

.roseclair, .roseclair a, .roseclair a:hover, .roseclair h1, .roseclair h2{
	color:#ef8984;
}

.vertclair, .vertclair a, .vertclair a:hover, .vertclair h1, .vertclair h2{
	color:#007437;
}

.bleu, .bleu a, .bleu a:hover, .bleu h1, .bleu h2{
	color:#132477;
}

.marron, .marron a, .marron a:hover, .marron h1, .marron h2{
	color:#7e5a08;
}

.bleuroi, .bleuroi a, .bleuroi a:hover, .bleuroi h1, .bleuroi h2{
	color:#00478d;
}

.violet, .violet a, .violet a:hover, .violet h1, .violet h2, .violet h3{
	color:#4d3a8c;
}

.bleuactu, .bleuactu a, .bleuactu a:hover, .bleuactu h1, .bleuactu h2{
	color:#132477;
}

.rose, .rose a, .rose a:hover, .rose h1, .rose h2{
	color:#e5314c;
}

.ocre, .ocre a, .ocre a:hover, .ocre h1, .ocre h2{
	color:#9b9a07;
}
.vert, .vert a, .vert a:hover, .vert h1, .vert h2{
	color:#006238;
}

.bleugris, .bleugris a, .bleugris a:hover, .bleugris h1, .bleugris h2{
	color:#5d6975;
}

.bleunuit, .bleunuit a, .bleunuit a:hover, .bleunuit h1, .bleunuit h2{
	color:#002047;
}

.mauve, .mauve a, .mauve a:hover, .mauve h1, .mauve h2{
	color:#9b2f87;
}

.roseactu, .roseactu a, .roseactu a:hover, .roseactu h1, .roseactu h2{
	color:#d20e48;
}

.parme, .parme a, .parme a:hover, .parme h1, .parme h2{
	color:#7e2847;
}

.bleuviolet, .bleuviolet a, .bleuviolet a:hover, .bleuviolet h1, .bleuviolet h2{
	color:#6963ac;
}

.aubergine, .aubergine a, .aubergine a:hover, .aubergine h1, .aubergine h2{
	color:#870057;
}

.orange, .orange a, .orange a:hover, .orange h1, .orange h2{
	color:#f36621;
}

.vertjaune, .vertjaune a, .vertjaune a:hover, .vertjaune h1, .vertjaune h2{
	color:#8f9536;
}

.orangeclair, .orangeclair a, .orangeclair a:hover, .orangeclair h1, .orangeclair h2{
	color:#f47321;
}

.vertroi, .vertroi a, .vertroi a:hover, .vertroi h1, .vertroi h2{
	color:#008b52;
}

.violetclair, .violetclair a, .violetclair a:hover, .violetclair h1, .violetclair h2{
	color:#973c96;
}

.marronclair, .marronclair a, .marronclair a:hover, .marronclair h1, .marronclair h2{
	color:#c6a36d;
}

h1{
	font-size:1.1em;
	font-weight:bold;
}

h1 a{
	text-decoration:none;
	
}

h2{
	font-size:0.8em;
	font-weight:bold!important;
	border-bottom: dotted 1px;
	/*text-align:justify;*/
}

h3{
	font-size:0.8em;
	font-weight:bold!important;
	/*color:#262861 !important;*/
	text-align:justify;
}

h4{
	color:#aa0021!important;
	font-size:0.7em;
	text-align:justify;
}

p{
	font-size:0.8em !important;
	text-align:justify;
	color:#000000;
	
}

img{
	margin : 10px;
}

/*=========pagination============ */

#navPages {
width: 250px;
height: 60px;
margin-top: 25px;
float: right;
}

#navPages span, #navPages a{
color:red;
font-weight:bold;
font-size:1em;
text-decoration:none;
padding:15px;
}

#navPages a{
color:#aa0021 !important;

}

#navPages span{
color:#ffffff;
}

.current{
	background:url(../images/plein.gif) no-repeat center center !important;
	width:20px;
	height:20px;
}

.prev, .next{
	background:url(../images/vide.gif) no-repeat center center;
	width:20px;
	height:20px;
}


/*=========fin pagination============ */

.plus{
	font-size:1.2em !important;
	font-weight:bold;
}

em {
	color:#cc20ba !important;
	font-weight:bold;
}

/* ======================Structures ======= */

#page {
	margin: 0 auto;
	padding:0;
	width: 953px;
}

#header {
	width: 953px;	
	height:  199px;
	background: url(../images/header.jpg) no-repeat top left;
}

#headerNews {
	width: 954px;	
	height:  200px;
	background: url(../images/headerNews.jpg) no-repeat top left;
}

#headerNews h1 {
	color:#fff;	
	padding-top:  170px;
        text-align:center;
        width:954px;
}

#headerMedical {
/*	width: 953px;	*/
	height:  199px;
	background: url(../images/headerMedical.jpg) no-repeat top left;
}
#headerBiomedical {
/*	width: 953px;	*/
	height:  199px;
	background: url(../images/headerBiomedical.jpg) no-repeat top left;
}
/*#header_accueil{*/
/*	width: 980px;*/
/*}*/

#mainContent {
	width: 953px;
	margin-bottom: 45px;
	float:left;
}

#colgauche{
	width:188px;
	background: url(../images/bg_sommaire.gif) repeat-y top left;
	float:left;
}

#footer {
	width:953px;
	height:70px;
	float:left;
	color:#aa0021;
	padding-top:20px;
	text-align : center;
	font-size:0.7em;
}

#footerNews {
	width:953px;
	float:left;
	color:#939393;
	padding-top:20px;
	text-align : left;
	font-size:0.65em;
        font-family: "Verdana";
}

#centre{
	width:765px;
	float:left;
	background: url(../images/bg_body.gif) repeat-x top left;

}

#centre.fixe{
	width:734px!important;
	padding:30px;
}

#centre.accueil{
	width:600px !important;
}

#coldroite{
	width:161px;
	float:left;
	margin:20px 2px 4px 2px;
}

#coldroiteInt{
	width:154px;
	float:left;
	margin:20px 2px 4px 2px;
}

/* ======================Menu horizontal ======= */

#MainNav{
	width: 953px;
	position: relative;
	padding-top:158px;
	padding-left:0px;
}

#MainNav ul{
	margin-left:-22px;
}

#MainNav ul li{
	float:left;
	display:block;
	color:#FFFFFF;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	list-style-type:none;
}

#MainNav ul li a:hover, #MainNav ul li a:link, #MainNav ul li a:visited{
	text-decoration:none;
	color:#FFFFFF;
}

#MainNav ul li.accueil{
	width:55px;
}

#MainNav ul li.domaine{
	width:170px;
}

#MainNav ul li.revue1{	
	width:222px;
}

#MainNav ul li.revue2{
	width:242px;
}

#MainNav ul li.actu{
	width:145px;
}

#MainNav ul li.contact{
	width:100px;
}

/* ======================Sous menu vertical ======= */

ul.revue1 {
	left:224px;
	position:absolute;
	top:67px;
}

ul.revue1 li, ul.revue2 li{
	width:225px !important;
	background-color:#aa0021;
	color:#ffffff !important;
	font-size: 0.8em !important;
	text-align:center;
	clear:both;
	display:block !important;
list-style-position:outside;

}

ul.revue2 {
	left:454px !important;
	position:absolute;
	top:91px;
}

/* ======================colgauche ======= */

#colgauche ul{
	margin-left:-40px;
	margin-right:0px;
}

#colgauche ul li{
	border-bottom: dotted 1px #000000 !important;
	list-style-type:none;
}

#colgauche ul li.vignette{
	border-bottom: none !important;
	list-style-type:none;
	height:150px;
	width:94px;
	float:left;
}

#colgauche ul li.vignette p {
	width:94px;
	float:left;
}

#colgauche ul li h1{
	font-size:0.7em;
	font-weight:bold;
	padding-left:15px;
}

#colgauche ul li.jaune{
	background: url(../images/puce_jaune.gif) no-repeat 2px 4px;
}

#colgauche ul li.grise{
	background: url(../images/puce_grise.gif) no-repeat 2px 4px;
}

#colgauche ul li.roseclair{
	background: url(../images/puce_roseclair.gif) no-repeat 2px 4px;
}

#colgauche ul li.vertclair{
	background: url(../images/puce_vertclair.gif) no-repeat 2px 4px;
}

#colgauche ul li.marron{
	background: url(../images/puce_marron.gif) no-repeat 2px 4px;
}

#colgauche ul li.bleuroi{
	background: url(../images/puce_bleuroi.gif) no-repeat 2px 4px;
}

#colgauche ul li.violet{
	background: url(../images/puce_violet.gif) no-repeat 2px 4px;
}

#colgauche ul li.bleuactu{
	background: url(../images/puce_bleuactu.gif) no-repeat 2px 4px;
}

#colgauche ul li.rose{
	background: url(../images/puce_rose.gif) no-repeat 2px 4px;
}

#colgauche ul li.rouge{
	background: url(../images/puce_rouge.gif) no-repeat 2px 4px;
}

#colgauche ul li.bleuciel{
	background: url(../images/puce_bleuciel.gif) no-repeat 2px 4px;
}

#colgauche ul li.bleuvert{
	background: url(../images/puce_bleuvert.gif) no-repeat 2px 4px;
}

#colgauche ul li.ocre{
	background: url(../images/puce_ocre.gif) no-repeat 2px 4px;
}

#colgauche ul li.vert{
	background: url(../images/puce_verte.gif) no-repeat 2px 4px;
}

#colgauche ul li.bleugris{
	background: url(../images/puce_bleugris.gif) no-repeat 2px 4px;
}

#colgauche ul li.bleunuit{
	background: url(../images/puce_bleunuit.gif) no-repeat 2px 4px;
}

#colgauche ul li.mauve{
	background: url(../images/puce_violet.gif) no-repeat 2px 4px;
}

#colgauche ul li.roseactu{
	background: url(../images/puce_roseactu.gif) no-repeat 2px 4px;
}

#colgauche ul li.parme{
	background: url(../images/puce_parme.gif) no-repeat 2px 4px;
}

#colgauche ul li.bleuviolet{
	background: url(../images/puce_bleuviolet.gif) no-repeat 2px 4px;
}

#colgauche ul li.aubergine{
	background: url(../images/puce_aubergine.gif) no-repeat 2px 4px;
}

#colgauche ul li.orange{
	background: url(../images/puce_orange.gif) no-repeat 2px 4px;
}

#colgauche ul li.vertjaune{
	background: url(../images/puce_vertjaune.gif) no-repeat 2px 4px;
}

#colgauche ul li.orangeclair{
	background: url(../images/puce_orangeclair.gif) no-repeat 2px 4px;
}

#colgauche ul li.vertroi{
	background: url(../images/puce_vertroi.gif) no-repeat 2px 4px;
}

#colgauche ul li.violetclair{
	background: url(../images/puce_violetclair.gif) no-repeat 2px 4px;
}

#colgauche p{
	font-size:0.6em !important;
	margin-top:-7px;
	margin-bottom:15px;
}
/* ======================col gauche accueil ======= */

.vignette img, .vignette a{
	width:75px;
	height:106px;
	margin:3px 3px 3px 5px;
	float:left;
	border:none !important;
	text-decoration: none;	
}

img.active{
	width:120px;
	height:169px;
	margin :3px;
	float:left;
	border:none !important;
	text-decoration: none;	
}

#colgauche ul li.active, .vignette a.active{
	margin-left :13px !important;
	margin-right :50px !important;
	margin-bottom :50px !important;
	width:120px;
	height:169px;
	float:left;
}

#colgauche span{
	font-size:0.55em !important;
	color:#002047;
	font-weight:bold;
}

/* ======================centre ======= */

#rub{
	width:28px;
	height:57px;
	float:left;
	margin-right:10px;
}

#rub.jaune{
	background-color:#fabd42;
}

#rub.rouge{
	background-color:#cf003d;
}

#rub.grise{
	background-color:#58585a;
}

#rub.bleuciel{
	background-color:#96b7c8;
}

#rub.bleuvert{
	background-color:#00957e;
}

#rub.roseclair{
	background-color:#ef8984;
}

#rub.vertclair{
	background-color:#007437;
}

#rub.marron{
	background-color:#7e5a08;
}

#rub.bleuroi{
	background-color:#00478d;
}

#rub.violet{
	background-color:#4d3a8c;
}

#rub.bleuactu{
	background-color:#132477;
}

#rub.rose{
	background-color:#e5314c;
}

#rub.ocre{
	background-color:#9b9a07;
}
#rub.vert{
	background-color:#006238;
}

#rub.bleugris{
	background-color:#5d6975;
}

#rub.bleunuit{
	background-color:#002047;
}

#rub.mauve{
	background-color:#9b2f87;
}

#rub.roseactu{
	background-color:#d20e48;
}

#rub.parme{
	background-color:#7e2847;
}

#rub.bleuviolet{
	background-color:#6963ac;
}

#rub.aubergine{
	background-color:#870057;
}

#rub.orange{
	background-color:#f36621;
}

#rub.vertjaune{
	background-color:#8f9536;
}

#rub.orangeclair{
	background-color:#f47321;
}

#rub.vertroi{
	background-color:#008b52;
}

#rub.violetclair{
	background-color:#973c96;
}
#rub.marronclair{
  background-color:#c6a36d;
}

em.marronclair{
  color:#c6a36d !important;
}

em.rouge{
	color:#cf003d !important;
}

em.grise{
	color:#58585a !important;
}

em.marron{
	color:#7e5a08 !important;
}

em.violet{
	color:#4d3a8c !important;
}

em.bleuciel{
	color:#00478d !important;
}

em.bleu{
	color:#132477 !important;
}

em.rose{
	color:#e5314c !important;
}

em.ocre{
	color:#9b9a07 !important;
}
em.vert{
	color:#006238 !important;
}

em.mauve{
	color:#9b2f87 !important;
}

em.parme{
	color:#7e2847 !important;
}

em.aubergine{
	color:#870057 !important;
}

em.orange{
	color:#f36621 !important;
}

#contenu{
	width:717px;
	margin-left:32px;
	margin-top:25px;
}

.accueil #MainContent {
	width:550px !important;
	margin-left:30px !important;
}

/* ======================col droite======= */

img.logo{
	width:150px;
	margin-bottom:10px;
	border:none;
}

/*================ liens pdf =========================*/
a.linkPDF {
background: url(/global/images/pictoPDF.gif) no-repeat right; 
padding: 0 20px 0 0; 
color: #666; 
text-decoration: none;
font-size:76%;
}
a.linkPlus:hover, a.linkPDF:hover {
text-decoration: underline;
}

/** Attente **/
#attente{
	width: 600px;
	height: 100px;
	display: block;
	text-align:center;
	padding: 70px 0 0 0;
}

#newsletter {
margin:-35px 0 0 10px;
width:163px;
padding-top:30px;
text-align: center;
}

#newsletter img {
border:none;
}


#newsletter a{
    color: #F0151D;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;

}

#coldroiteInt a{
  color:#f0151d;
  font-size:0.8em;
  font-weight:bold;
  text-decoration:none;
}

#coldroiteInt img{
 border:none;
 margin-left:0px !important;
}