/* ===================================================================
 * STANDARD CMS
 * =================================================================*/
*{ margin:0; padding:0; }
/* WYSIWYG */
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
.clear {clear : both;}
img.alignleft, table.alignleft, dl.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
img.alignright, table.alignright, dl.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter, dl.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
acronym {border-bottom: 1px dotted; cursor: help;}

/* LEGENDE */
dl.legende {border: 1px solid #ccc; padding: 0}
dl.legende dt {margin: 0; padding: 0; border-bottom: 1px solid #ccc}
dl.legende dt img {margin: 5px;} /* defini dans le parsing */
dl.legende dd {margin: 0; padding: 0 5px; font-style: italic}
dl.legende dd img {float:right; margin-left: 5px;}

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
#document {  background: url(images/top.png) no-repeat center top transparent; width: auto; }
#Accueil #document {  background: url(images/topAccueil.png) no-repeat center top transparent;}
.documentInner { margin: 0 auto;	width: 940px; }
#fondSite    { background: url(images/fondSite.png) right bottom no-repeat transparent;}
#bandeauHaut {}
#corps {}
#colonneGauche { float: left; margin-right: 15px;	width: 225px; }
#contenu { float: left; margin: 0; width: 940px; }
.avecColonneGauche #contenu { width: 700px; }

.paragraphe h4 {
	font-size:1.334em;
	color:#004f91;
	font-weight: bold;
}
.paragraphe h5 {
	color: #706F6F;
    font-size: 1.167em;
}

ol, ul { list-style-position: outside; padding-left:30px; }
ul     { list-style-image: url(images/puce1.gif); }
ol     { list-style-image: url(images/puce2.gif); }
.paragraphe table     { width: 100%; }
.paragraphe table td  { padding: 3px; }
.paragraphe { margin-bottom: 10px; overflow: hidden; zoom: 1; clear: both; }

#ariane { clear:both; float: left; margin: 10px 10px 2px 10px; overflow: hidden; zoom: 1; }
#ariane span { float: left; }
#ariane ul { display: inline; list-style: none; margin: 0; overflow: hidden; zoom: 1; }
#ariane ul li {	display: inline; float: left; color:#004f91; }
#ariane ul li a { color:#004f91; }
#ariane ul li span.sep { color:#706f6f; float: none; margin: 0 5px; }
.arianeTool { background: url("images/arianeTool.png") repeat-x scroll left 2px transparent; min-height: 51px; overflow: hidden; float:left; width:100%; }

#toolbar { text-align: right; }
.userTools { float: right;	margin: 10px 10px 2px 10px; }
/* ===================================================================
 * BANDEAU HAUT
 * =================================================================*/
#bandeauHaut { position:relative; }
#bandeauHaut .pgs   { text-align: right; margin-right:375px; height:29px; }
#bandeauHaut .pgs a { display:inline-block;   padding-top:5px; }
#bandeauHaut .pgs .externalLinks a:first-child { border-left:1px solid #c2c2c2; }
#bandeauHaut .pgs .externalLinks a { border-right:1px solid #c2c2c2; padding: 0 10px;}
#bandeauHaut .pgs #recherche    { float:right;  position:absolute; top:2px; right:245px; width:122px;}
#bandeauHaut .pgs .orosLocation           { padding-bottom: 1px; width:151px; position:absolute; top:0; right:81px; background: url(images/orosLocation.png) left top no-repeat transparent;}
#bandeauHaut .pgs .orosLocation a         { display:block;  color: #FFFFFF;font-weight: bold;  height: 25px; margin: 0; padding-top: 5px; padding-right: 5px; }
#bandeauHaut .pgs .flags           { padding-bottom: 1px; width:75px; position:absolute; top:1px; right:0px;}
#bandeauHaut .pgs #recherche input        { height: 15px; border: 1px solid #808285; font-size:0.834em; width:100px; float:left;  }
#bandeauHaut .pgs #recherche input.submit { background-color:#1a1a1a; color: #2daae1; border: 0; height: 17px; float:right; width:20px; padding:0 2px;}

.linkedInButton { display: inline-block; vertical-align: middle; padding-left:10px;}
.linkedInButton .IN-widget { overflow: hidden; width: 20px; vertical-align: middle !important; }
.googlePlus {  display: inline-block; margin-top: 1px; vertical-align: middle; }
#bandeauHaut .pgs .googlePlus a { border: 0; padding: 0; }
.youtubeButton {  display: inline-block; vertical-align: middle; margin: 1px 0px 0 0; }
#bandeauHaut .pgs .youtubeButton a { border: 0; padding: 0;  }
.twitterButton {  display: inline-block; vertical-align: middle; margin: 1px 5px 0 0}
#bandeauHaut .pgs .twitterButton a { border: 0; padding: 0;  }


.blocSlider { float: right; height:153px; }

#Accueil #menuHaut         { clear: both; zoom:1; height:60px;}
#menuHaut         { clear: both; zoom:1; height:47px;}
#menuHaut ul      { list-style: none; list-style-image:none; list-style-position:inside; padding:0;}
#menuHaut ul li   { display: block; float:left;  }
#menuHaut ul li a { display:block; color:#706f6f; padding:14px 35px; font-weight: bold; font-size:1.25em; background: url(images/sepMenu.png) left top no-repeat transparent;}
#menuHaut ul li:first-child a { background: none; }
#menuHaut ul li.selected a,
#menuHaut ul li a:hover { background: url(images/menuHover.png) left bottom repeat-x #fff; color:#fff; text-decoration: none; }

#menuHaut #menuSansJS li.selected ul li a:hover { background:none; color:#2daae1;; text-decoration: none; }
#menuHaut #menuSansJS li.selected ul li a { background:none;}

#menuHaut #menuSansJS > li {
    float: left;
    z-index:2;
}

#menuHaut #menuSansJS li ul {
    display: none;
    padding: 0px;
    position: absolute;
    padding-top: 5px;
    color:#fff;
    width:172px;
    list-style: none;
    border:none;
    background-color:#e3e3e3;
}
#menuHaut #menuSansJS li ul li {
    float: none;
    display: block;
}
#menuHaut #menuSansJS li ul li,
#menuHaut #menuSansJS li ul li a {
    color:#fff;
}

#menuHaut #menuSansJS li:hover ul li a,
#menuHaut #menuSansJS li ul li a { color:#706f6f; background:none;}

#menuHaut #menuSansJS li ul li a { color:#706f6f;font-size:12px;}

#menuHaut #menuSansJS li ul li:hover a{ background:none; color:#2daae1; }

#menuHaut #menuSansJS li:hover ul {
    display: block;
    width:auto;
}

/* ===================================================================
 * BANDEAU BAS
 * =================================================================*/
#bandeauBas { background: url(images/bottom.png) center bottom no-repeat transparent; min-height: 18px; padding-top:20px; clear:both}
#bandeauBas .bandeauBasInner { width:941px; margin: 0 auto;  padding-top: 2px; }
#bandeauBas .blueLinks a:first-child { border: 0; }
#bandeauBas .blueLinks a { color:#004f91;}
#bandeauBas a { color:#999999; padding: 0 8px; border-left:1px solid #d2d2d2; }

/* ===================================================================
 * COLONNE GAUCHE
 * =================================================================*/
#colonneGauche {}
.sousMenu { margin-bottom: 30px; }
.sousMenu .top { background: url(images/menuGaucheTop.png) left top no-repeat transparent; padding:5px 5px 0;}
.sousMenu .top h3 { background: url(images/sousMenuTitre.png) left bottom no-repeat transparent; padding:5px 0 20px 10px; margin: 0;}
.sousMenu .top h3 a { display: inline-block; width: 145px; text-decoration: none; }
.sousMenu .top h3 a:hover { text-decoration: none; }
.sousMenu .interieur { background: url(images/menuGaucheMiddle.png) left top repeat-y transparent; }
.sousMenu .bottom { background: url(images/menuGaucheBottom.png) left top no-repeat transparent; min-height:10px; }
.sousMenu .interieur ul { list-style: none outside none; margin: 0; padding: 0 8px; }
.sousMenu .interieur li { background: url(images/menuGaucheItem.png) left bottom repeat-x transparent; padding:14px 10px; }
.sousMenu .interieur li a { color: #999999; }
.sousMenu .interieur li.selected { background: none #fff; border-bottom: 1px solid #e1e1e1; }
.sousMenu .interieur li.selected a { font-weight: bold; color:#004f91; font-size:1.334em; }
.sousMenu .interieur li.selected ul { margin:10px 0 10px 10px; font-size:0.75em; font-weight: normal; }
.sousMenu .interieur li.selected ul li { background: none; padding:3px 0; }
.sousMenu .interieur li.selected ul li a { color:#2daae1; }
.sousMenu .interieur li.selected ul li a.selected  { color:#004f91; }
/* BLOC DE NAVIGATION */
.blocNavigation {text-align: center;}
.resultatNavigation {margin: 5px 0;}
.regletteNavigation {margin: 5px 0;}

/* FORMULAIRES */
fieldset {	margin-bottom: 15px; padding: 10px; }
legend { font-weight: bold; padding: 0 10px; color:#2DAAE1;}
input, textarea, select { border: 1px solid #536B8C;	color: black;	}
input#submit {	background: none; border: 1xp solid #536B8C; color: #FFFFFF;	font-size: 10px; width: 19px; padding-left: 1px; }
p.action input,
input.submit {	background: #5B7392; color: #FFFFFF; cursor: pointer; float: right; padding: 0 10px; }
input.case { border: none;	margin: 0 5px; }
form p { clear: both; margin: 0; padding: 2px 0; }
p.action { overflow: hidden; }
#contenu p label { float: left;	width: 25%; }
#contenu p label.enLigne {	display: inline; float: none; }
form th {text-align: left;}

/* LISTES */
.liste { background: #EEEEEE; border-bottom: 1px solid #CCCCCC; }
.liste .item {	border-top: 1px dotted #CCCCCC;	overflow: hidden; padding: 10px; zoom: 1; }
.liste .item  h4 { font-size: 90%; margin: 0 0 10px 0; text-transform: uppercase; }
.liste .item .date { font-size: 85%; }
.liste .item .libelle {	font-weight: bold; }
.liste .item .resume { font-size: 95%; }
.liste .first {	border-top: none; }

/* ===================================================================
 * MODULES
 * =================================================================*/
.module { margin-bottom: 30px; }

/* ===================================================================
 * TEMPLATES
 * =================================================================*/
.tpl_recherche ul { list-style-image: url(images/puce2.gif); }

/* tpl_actualiteUne */
.tpl_actualiteUne {position: relative;}
.tpl_actualiteUne .actuUne { background: #177EB9; width:460px; height:170px; overflow: hidden; float: left; position: relative;}
.tpl_actualiteUne #breakingNews {position: absolute; top: 0; left: 0; }
.tpl_actualiteUne #actuUneListe { position: absolute; right: 0; top: 0;  width: 165px;}
.tpl_actualiteUne .description  { bottom: 0; color: black; height: 52px; left: 0; overflow: hidden; padding: 0px 2px 4px 4px;  position: absolute; background-image:url(images/transparent.png); width: 100%; }
.tpl_actualiteUne .description h3 a { color:#000; font-size: 75%; font-weight:bold;}
.tpl_actualiteUne .description h3 { margin-bottom:0px;}
.tpl_actualiteUne li          { background: url(images/fondActuLi.png) left top repeat-x #177eb9; overflow: hidden; color: #fff; font-weight: bold; font-size: 1em; padding: 4px; cursor: pointer; height: 49px; }
.tpl_actualiteUne li.selected { background: url(images/fondActuLiSelected.png) left top no-repeat transparent; margin-left:-10px; padding-left:15px; }
.tpl_actualiteUne li img {float:left; margin: 0 5px 5px 0;display:none;}
.tpl_actualiteUne .accroche a.suite { color: #66CC00; font-weight: bold; }  /*Couleur pr�sent�e sur leur maquette #67CA14, pas web-safe*/
.tpl_actualiteUne .accroche a.suite:hover { text-decoration: none; }

.actualiteListe {clear:both; overflow: hidden;  margin-bottom: 20px;}
.actualiteListe .date{ font-weight:normal; }
.actualiteListe p{ color:#004f91; font-weight:bold}
.actualiteListe .description p{ color:inherit; font-weight:normal}

/* tpl_diaporamaAccueil.php */
.tpl_diaporamaAccueil { float: right; height:153px; }
.tpl_diaporamaAccueil .diaporama { width:650px; height:153px; float: left; overflow: hidden; position: relative; border-radius: 10px 0 0 10px; }
.tpl_diaporamaAccueil #diaporamaListe { position: absolute; right: 0; top: 30px;  height: 20px; }
/*.tpl_diaporamaAccueil #diaporamaListe ul { list-style-type: none; list-style-position: inside; /*margin-bottom: 1em; margin-left: 2em; }*/
.tpl_diaporamaAccueil li          { /*background: url(images/vueInactive.png) left top no-repeat;*/ float: right; list-style: none outside none; overflow: hidden; cursor: pointer; width: 18px; }
/*.tpl_diaporamaAccueil li.selected { /*background: url(images/vueActive.png) left top no-repeat;*/ /*margin-left:-10px; padding-left:15px; }*/
.tpl_diaporamaAccueil #diaporamaListe li a           { display:block; float: left; background: url(images/vueInactive.png) no-repeat 50% 50%; text-indent:-999px; overflow: hidden; padding:0; width:11px; height:18px; cursor: pointer; border:none; }
.tpl_diaporamaAccueil #diaporamaListe li a:hover     { background: url(images/vueHover.png) no-repeat 50% 50%; }
.tpl_diaporamaAccueil #diaporamaListe li.selected a  { background: url(images/vueActive.png) no-repeat 50% 50%; }

/*#autopromo .navigation ul {
    background: url("images/autopromo_navigation.png") no-repeat scroll 100% 0 transparent;
    float: left;
    height: 18px;
    margin-left: 7px;
    padding: 2px 7px 2px 0;
}*/

/* ===================================================================
 * STYLE DE PARAGRAPHE
 * =================================================================*/
#Accueil .PRS_WIDTH_33G,
#Accueil .PRS_WIDTH_33C { width:308px; float:left;  }
#Accueil .PRS_WIDTH_33D { width:308px; float:right; clear:none; }
#Accueil .PRS_WIDTH_33C { margin:0 auto 0 8px; clear: none; }

.PRS_WIDTH_50G,
.PRS_WIDTH_33G,
.PRS_WIDTH_66G { clear:both; }
#Accueil .PRS_WIDTH_66G { width:624px; float:left; }

.PRS_BLOCHOME { background: url(images/blocHomeTop.png) left top no-repeat transparent; color:#999999; }
.PRS_BLOCHOME .inner { background: url(images/blocHomeBottom.png) left bottom no-repeat transparent; margin-top: 14px; padding: 0 10px 10px; }
.PRS_BLOCHOME h4 { color:#706f6f; font-size: 1.167em; }

.PRS_WIDTH_33G,
.PRS_WIDTH_33C { width:228px; float:left;  }
.PRS_WIDTH_33D { width:228px; float:right; clear:none; }
.PRS_WIDTH_33C { margin:0 auto 0 8px; clear: none; }

.PRS_WIDTH_66G { width:464px; float:left; }

.PRS_WIDTH_50G { width:347px; float:left; }
.PRS_WIDTH_50D { width:347px; float:right; clear: none; }

.PRS_MISENAVANT { background: url(images/MEA_100_Top.png) left top no-repeat transparent; }
.PRS_MISENAVANT .inner { background: url(images/MEA_100_Bottom.png) left bottom no-repeat transparent; margin-top: 11px; padding:0 10px 10px; overflow: hidden; }

.PRS_MISENAVANT.PRS_WIDTH_33G,
.PRS_MISENAVANT.PRS_WIDTH_33C,
.PRS_MISENAVANT.PRS_WIDTH_33D { background: url(images/MEA_30_Top.png) left top no-repeat transparent;}
.PRS_MISENAVANT.PRS_WIDTH_33G .inner,
.PRS_MISENAVANT.PRS_WIDTH_33C .inner,
.PRS_MISENAVANT.PRS_WIDTH_33D .inner { background: url(images/MEA_30_Bottom.png) left bottom no-repeat transparent; margin-top:12px; padding:0 10px 10px; overflow: hidden;}
.PRS_MISENAVANT.PRS_WIDTH_50G,
.PRS_MISENAVANT.PRS_WIDTH_50D { background: url(images/MEA_50_Top.png) left top no-repeat transparent; border:3px solid navy; border-radius:25px;}
.PRS_MISENAVANT.PRS_WIDTH_50G .inner,
.PRS_MISENAVANT.PRS_WIDTH_50D .inner { background: url(images/MEA_50_Bottom.png) left bottom no-repeat transparent; margin-top:12px; padding:0 10px 10px; overflow: hidden; }

.PRS_SEPARATION { background: url(images/separation.png) center bottom no-repeat transparent; padding-bottom: 15px; }
.PRS_SEPARATIONVERTICAL { background: url(images/separationV.png) right top no-repeat transparent; }
.couleur_grise { color:#696969; }