/*
	© 2008 Simalis
	Service WebDesign
*/

/* tags html
-------------------------------------------------------*/
*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
html, body {
	border:0 none;
	width:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.3em;
	color:#4A4A4A;
	text-align:center;
}
h1,h2,h3,h4,h5,h6{
	color:#000000;
	margin: 0.8em 0;
	padding: 0;
}

h1{	font-size: 14pt;}
h2{	font-size: 12pt;}
h3{ font-size: 11pt;}
h4{	font-size: 10pt;}
h5{	font-size: 9pt;}
h6{	font-size: 1em;}
h7{	font-size: 1.6em;}
h8{	font-size: 1.4em;}

hr{display:none;}

p{	
	z-index:5;
	margin: 0pt;
	padding: 0pt;
}

td{ font-size: 1em;}

a{color:#000000;text-decoration:underline}

img{border:0;}

strong{font-weight:bold;}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
	a{outline: none;}
	:focus{-moz-outline-style: none;}

/* class generales
-------------------------------------------------------*/

.print{display:block;}
.unprint{display:none;}

table{
	border-collapse:collapse;
	border:1px solid #2c7bae;
	margin:1px auto 2em auto;
	width:650px;
	background:#FFFFFF;
	margin-top:10pt;
}

table td{
	padding:10px 15px;
	border-bottom:1px solid #2c7bae;
	text-align:center;
	border-left:1px solid #2c7bae;
}


.aDroite{
	float:right;
}
.aGauche{
	float:left;
}
.texteADroite{
	text-align:right;
}
.texteAGauche{
	text-align:left;
}

.imageADroite{
	float:right;
	margin:0px 0px 0px 5px;
}
.vignette_right{
	float:right;
	vertical-align: middle;
	margin:0px 0px 0px 0px;
	padding:2px;
	text-align:center;
}
.imageAGauche{
	float:left;
	margin:0px 5px 0px 0px;
}
.vignette_left{
	float:left;
	vertical-align: middle;
	margin:0px 0px 0px 0px;
	padding:2px;
	text-align:center;
}

.vignetteBorder_right{
	float:right;
	vertical-align: middle;
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;	
	margin:0px 10px 0px 0px;
	padding:2px;	
}
.vignetteBorder_left{	
	float:left;
	vertical-align: top;
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;	
	margin:0px 5px 5px 0px;
	padding:4px;	
}
.vignetteBorder{
	vertical-align: top;
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;	
	margin:5px 0px 0px 5px;
	padding:4px;	
}

#blocTexteSeul{
	clear:both;
	width:476px;
	padding:0px;
	margin:0px;
}
ul.blocTextSeul{
	list-style:none;
	padding:5px 0px 10px 0px;
	margin:0px;
}
#blocTexteAGauche{
	float:left;
	width:376px;
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color: #CCCCCC;
}
#blocTexteADroite{
	float:right;
	width:376px;
	padding:0px;
	margin:20px 0px 0px 0px;
	background-color: #CCCCCC;
}
ul.blocTexteAGauche, ul.blocTexteADroite{
	list-style:none;
	padding:5px 0px 10px 0px;
	margin:0px;
}
/* liste avec icone pdf
-------------------------------------------------------*/
li.iconePdf{
	background-image: url('/fr/img/charte_2008/icone_pdf.gif');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 25px;
	margin: 0px;
}
li.iconePpt{
	background-image: url('/fr/img/charte_2008/icone_ppt.gif');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 25px;
	margin: 0px;
}
li.iconeWord{
	background-image: url('/fr/img/charte_2008/icone_word.gif');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 25px;
	margin: 0px;
}
li.iconeExcel{
	background-image: url('/fr/img/charte_2008/icone_excel.gif');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 25px;
	margin: 0px;
}
li.iconeLien{
	background-image: url('/fr/img/charte_2008/puce_fleche.gif');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 25px;
	margin: 0px;
}
li.iconePlus{
	background-image: url('/fr/img/charte_2008/plus.png');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 15px;
	margin: 0px;
}
li.iconeDblFleche{
	background-image: url('/fr/img/charte_2008/puce_dbl_fleche.gif');
	background-repeat:no-repeat;
	list-style-type:none;
	background-position: 0px 3px;
	padding: 0px 0px 3px 25px;
	margin: 0px;
}
li.nostyle{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
li.nostyleRetrait{
	list-style-type:none;
	padding: 0px 0px 3px 25px;
	margin: 0px;
}
li.square{
	list-style-type:square;
}
li.squareRed{
	list-style-type:square;
	color:red;
}
li.circle{
	list-style-type:circle;
}


/* ============================================================ */
/*   IMPRESSION													                				*/
/* ============================================================ */

.print{
display:none;
}
.unprint{
}


/* ============================================================ */
/*   SQUELETTE DE PAGE													                */
/* ============================================================ */

#site{
	position:relative;
	background-image: url('../../img/charte_2008/fond_site.png');
	background-position:left top;
	background-repeat:no-repeat;	
	width:951px;
	min-height:500px;
	margin:10px auto 0px auto;
	padding:20px 17px 0px 17px;
	text-align:center;
}

#page{	
	position:relative;
	float:left;
	width:100%;
	text-align:center;
}
#cadre{	
	position:relative;
	float:left;
	width:100%;	
	text-align:left;
}
#footer{
	clear:both;
	position:relative;
	width:100%;	
	text-align:center;
	font-size:0.8em;
	margin-top:20px;
}


/* ============================================================ */
/*   TOP NAVIGATION															                */
/* ============================================================ */

/* menu
-------------------------------------------------------*/
#nav, #nav ul {
	padding: 0px 20px 0px 20px;
	margin: 0px;
	list-style: none;
}

#nav li, #nav li a{
	float: left;
	display: block;
	line-height:38px;
	color:#FFFFFF;
	font-size:1em;
	text-transform: uppercase;
	padding:0px 2px 0px 2px;
}

.cifreOn, .futurisOn, .europeOn, .defaultOn{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:underline;
}

/* sous-menu passif
-------------------------------------------------------*/
#nav li ul {
	display:none;
}
/* sous-menu actif
-------------------------------------------------------*/


/* Formulaire de recherche
-------------------------------------------------------*/
form.menu_search{
	display:none;
}
form.menu_search input{
	display:none;
}
form.menu_search input[type="submit"]{
	display:none;
}


/* ============================================================ */
/*   FORMULAIRES																                */
/* ============================================================ */




/* ============================================================ */
/*   SPECIFIQUES ESPACES												                */
/* ============================================================ */

.bgFuturis{
	background-color:#cccccc;
}
.bgFuturisLight{
	background-color:#cccccc;
}
.bgEurope{
	background-color:#cccccc;
}
.bgEuropeLight{
	background-color:#cccccc;
}
.bgCifre{
	background-color:#cccccc;
}
.bgCifreLight{
	background-color:#cccccc;
}
.bgCommunication, .bgAdministratif{
	background-color:#cccccc;
}
.bgCommunicationLight, .bgAdministratifLight{
	background-color:#cccccc;
}


/* ============================================================ */
/*   STYLES TEXTE																                */
/* ============================================================ */

.adminInfo{
	background-image: url('/admin/img/info_admin.gif');
	background-position:left top;
	background-repeat:no-repeat;	
	background-color:#FFFFCC;
	border-style: dashed;
	border-width:1px;
	border-color: #333333;
	margin:20px 0px 20px 0px;
	padding:30px 5px 5px 5px;	
}
.italic{
	font-style:italic;
}
/** encadré de la news la plus actuelle (module de news) **/
.newsEnAvant{
	background-color:#ECECE8;
}
.actuModuleTitre{
	color:#5B77BF;
	font-weight:bold;
}
lireLaSuite{
	
}
.ko{
	font-style:italic;
	font-size:0.7em;	
	color:#4A4A4A;
}
.legende{
	font-size:0.8em;
	font-style:italic;
	padding:3px 0px 3px 0px;
}
.date{
	font-size:0.9em;	
	padding:3px 0px 3px 0px;
}
.texte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.3em;
	color:#4A4A4A;
}
/* separateur de paragraphe, hauteur 30px
-------------------------------------------------------*/
.spacer{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:0px;
	font-size:0px;
}
.spacer_med{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:20px;
	font-size:0px;
}
.spacer_height{
	clear:both;
	padding:0;
	border:0;
	margin:0px;
	height:30px;
	font-size:0px;
}



/* LARGEUR DU CONTENU CENTRAL EN MODE 3 COLONNES : 476px
/* LARGEUR DU CONTENU CENTRAL EN MODE 2 COLONNES : 680px
-------------------------------------------------------*/

/* ============================================================ */
/*   BANDEAU SUPERIEUR													                */
/* ============================================================ */

#header{
	width:90%;
	height:20px;
}

/* ============================================================ */
/*   TOP NAVIGATION															                */
/* ============================================================ */

#menuBar {	
	display:none;
}


/* ============================================================ */
/*   STRUCTURES	DE PAGE													                */
/* ============================================================ */

/** Colonne de gauche == Menu **/
#left{	
	display:none;
}
#center{
	float:left;
	width:680px;	
	margin:10px 0px 0px 0px;	
	text-align:center;
}
#center_large{
	float:left;
	width:680px;	
	margin:10px 0px 0px 0px;
	text-align:center;
}
/** Bouton imprimer **/
#imprimer{
	display:none;
}
#imprimer_large{
	display:none;
}

/** Espace central (mode 3 colonnes) **/
#content{
	float:left;
	width:100%;
	padding:0px;
	text-align:left;
}
/** Espace central (mode 2 colonnes) **/
#content_large{
	float:left;
	width:100%;
	padding:0px;	
	text-align:left;	
}
#content a, #content_large a{
	color:#4A4A4A;
	text-decoration:underline;
}

#content_footer, #content_footer_large{
	display:none;
}

/** Colonne de droite **/
#right{	
	display:none;
}
#right hr{
	display:none;	
}

/** 3 Encarts **/
#zoom_sur, #decouvrir, #actualites{
	display:none;
}
#actu_scroll{
	display:none;
}

#actu_scroll ul{
	display:none;
}
#actu_scroll ul li{
	display:none;
}

/* ============================================================ */
/*   MENU LEFT																	                */
/* ============================================================ */

ul#menu_left{
	padding: 0px 20px 0px 20px;
	margin:10px 0px 20px 0px;
	list-style: none;	
}
ul#menu_left a{
	text-decoration:none;
}
ul#menu_left a.on{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:underline;
}

/* ============================================================ */
/*   EPHEMERIDE																	                */
/* ============================================================ */

#ephemeride.date {font-family: Verdana, Georgia, Arial, Times, serif;font-size: 15px;font-style: normal;color: #BB3030;font-weight : bold;}
#ephemeride.contexte {font-family:Verdana,Georgia, Arial, Times, serif;font-size:12px;font-style:normal;color:#000000;font-weight : bold;}
#ephemeride.titre {font-family:Verdana,Georgia, Arial, Times, serif;font-size:11px;font-style:normal;color:#5E5C5C;font-weight : bold;}
#ephemeride.libelle {font-family:Verdana,Georgia, Arial, Times, serif;font-size:10px;font-style:normal;color:#000000;font-weight : normal;}
#ephemeride.ephemerideCadreRecherche{border-style:solid;border-width:0px;border-color:#cab58e;background-color:#D5DFAE;}
#ephemeride.form{background-color: #FFFFFF;font-family: Verdana, Arial, Times, serif;font-size: 11px;color: #000000;}
#ephemeride.button{background-color: #D5DFAE;font-family: Verdana, Arial, Times, serif;font-size: 11px;color: #000000;}


/* ============================================================ */
/*   GENERIQUES																	                */
/* ============================================================ */

/* Sous-lignement des titres
-------------------------------------------------------*/
h1 hr{
	clear:both;
	color:#dddddd;
	border:0 none;
	border-top:1px solid #dddddd;
	background:#dddddd;
	outline:none;
	height:1px;
	width:100%;
	text-align:center;
	margin:5px 0px 0px 0px;
}