/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
}
body{
font-family: Verdana, Arial, Helvetica;
font-size:62.5%;
background-color:#ECECEC;
color:#3E3E40;
}
#container{
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:1000px;
margin:0 auto;
z-index:0;
clear:both;
overflow:hidden;
background:#FFFFFF;
}
#global{
margin:0px auto;
}
#annonceur2{
z-index:1000;
float:right;
}

#menu_principal{
height:81px;
width:675px;
padding-left:17px;
padding-top:1px;
margin-bottom:30px;
}

/**********************/
#header{
position:relative;
width:1000px;
margin:0px auto;
height:288px;
background:#007AB7 url(../images/charte/bg_header.jpg) 0 110px repeat-x;
}

#banniere-top {
	position:relative;
	width:100%;
	height:90px;
	text-align:center;
	overflow:hidden;
	padding:10px 0;
	background:#ECECEC;
}

#header_liens {
	color:#FFF;
	padding:10px 5px;
	text-align:center;
	background-color:#012C5A;
}

#header_liens a:link, #header_liens a:visited {
	color:#FFF;
	margin:0 7px 0 2px;
	text-decoration:none;
	font-style:italic;
}

#header_liens a:hover, #header_liens a:active {
	text-decoration:underline;
}

#header_logo{
float:left;
margin:10px 20px 0;
height:102px;
}

#header_menu {
	float:left;
	min-height:140px;
	margin-top:5px;
}

#header_menu > a:link,
#header_menu > a:visited {
	float:left;
	margin:0 5px;
}

#header_menu > a[id] {
	display:block;
	width:112px;
	height:50px;
	margin:20px 0 0;
	background-position:center top;
	background-repeat:none;
}

#header_menu > a[id]:hover,
#header_menu > a[id]:active {
	background-position:center bottom;
}

#header_menu > #btn-abonnement { background-image:url(../images/contenu/btn-abonnement.png) }
#header_menu > #btn-newsletter { background-image:url(../images/contenu/btn-newsletter.png) }
#header_menu > #btn-evenements { background-image:url(../images/contenu/btn-evenements.png) }

#header_menu ul{
float:left;
margin-left:0px;
margin-top:10px;
list-style:none;
width:240px;
text-transform:uppercase;
font:bold 8px/13px Verdana, Helvetica, sans-serif;
}
#header_menu ul li a:link, #header_menu ul li a:visited{
text-decoration:none;
color: #FFF;
}
#header_menu ul li a:hover, #header_menu ul li a:active{
text-decoration:none;
color: #FFCC00;
}

#header_menu form{
float:right;
color:#FFF;
margin-left:10px;
margin-top:15px;
width:97px;
}

#header_menu form a {
	float:right;
	color:#FFF;
	text-decoration:underline;
}


#header_login_info{
float:right;
margin-left:20px;
margin-top:43px;
color:#FFF;
}

#header_login_info a:link, #header_login_info a:visited{
text-decoration:none;
color: #FFF;
}
#header_login_info a:hover, #header_login_info a:active{
text-decoration:none;
color: #FFCC00;
}
#header_login_info span {
cursor:pointer;
}
#header_login_info span:hover {
color: #FFCC00;
}

#menu_rub{
position:relative;
width:1000px;
height:30px;
background:#EFF4FB;
}

#menu_header a{
margin-left:3px;
margin-right:3px;
}

/**********************/
#contenu{
position:relative;
width:802px;
margin:7px 10px 0 15px;
padding-bottom:30px;
min-height:750px;
}

/* ----------------------------------------------------------
			LIGHTBOX
---------------------------------------------------------- */
#lightboxMask {
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	z-index:999;
	background:url(../images/charte/bg-lightbox.png) repeat 0 0;
}

.lightbox {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	z-index:1000;
}
	#connexion, #monProfil, #ficheValo, #ficheManager {
		position:relative;		
	}
	#connexion { width:400px; margin:10% auto 0; }
	#monProfil, #ficheValo { width:600px; margin:2% auto 0; }
	#ficheManager { width:500px; margin:2% auto 0; }
	
	.mask {	
		-moz-opacity:0.70;
		opacity: 0.70;
		filter:alpha(opacity=70);
		border-radius:10px;
		-moz-border-radius:10px;
		background-color:#000;
	}
	#connexion .mask	{ width:380px; height:180px; }
	#lightboxConnexion #connexion .mask	{ height:210px; }
	#monProfil .mask	{ width:580px; height:620px; }
	#ficheValo .mask	{ width:690px; height:920px; }
	#ficheManager .mask { width:590px; height:720px; }
	
	.lightbox form {
		position:absolute;
		top:10px;
		left:10px;
		padding:10px;
		font-size:1.1em;
		border-radius:10px;
		-moz-border-radius:10px;
		background-color:#FFF;
		text-align:left;
	}
	#form_connexion		   { width:340px; height:140px; }
	#lightboxConnexion #form_connexion { width:340px; height:170px; }
	#form_editProfil	   { width:540px; height:580px; }
	#form_editFicheValo	   { width:650px; height:880px; }
	#form_editFicheManager { width:550px; height:680px; }
		
	.lightbox h3 {
		font-size:1em;
		color:#555;
		text-align:center;
		margin-bottom:15px;
	}
	
	#form_editProfil > label, 
	#form_editFicheValo > label,
	#form_editFicheManager > label {
		display:block;
		width:auto;
		height:16px;
		padding:5px 10px;
		margin-top:3px;
		color:#1C94CD;
		font-size:1em;
		font-weight:bold;
		border:1px solid #999;
		border-radius:5px;
		-moz-border-radius:5px;
		background:url(../images/charte/bg-label.png) repeat-x top left;
		cursor:pointer;
	}
	#entrepriseContacts > h5 {
		display:block;
		width:auto;
		height:16px;
		padding:2px 5px;
		margin-top:3px;
		font-size:1em;
		border:1px solid #999;
		border-radius:5px;
		-moz-border-radius:5px;
		cursor:pointer;
	}
	
	#form_editProfil > label:hover, 
	#form_editFicheValo > label:hover,
	#form_editFicheManager > label:hover {
		color:#EE8F3A;
		border-color:#EE8F3A;
		background:url(../images/charte/bg-label.png) repeat-x bottom left;
	}
	#entrepriseContacts > h5:hover {
		color:#EE8F3A;
		border-color:#EE8F3A;
	}
	
	#form_editProfil > div {
		position:relative;
		width:auto;
		height:400px;
		padding:10px 5px 0;
	}
	#form_editFicheValo > div,
	#form_editFicheManager > div {
		position:relative;
		width:auto;
		height:420px;
		padding:10px 5px 0;
	}
	#entrepriseContacts > div {
		position:relative;
		width:auto;
		height:180px;
		padding:10px 5px 0;
	}
		
	.formButtons {
		display:block;
		position:absolute;
		bottom:10px;
		clear:both;
		width:100%;
		text-align:center;
	}
	
	#form_connexion label, #form_editProfil > div > label, 
	#form_editFicheValo > div > label, 
	#form_editFicheValo #containerProduits > div > label, 
	#form_editFicheValo #entrepriseContacts > div > label,
	#form_editFicheManager > div > label {
		display:block;
		float:left;
		width:35%;
		margin-bottom:5px;
	}
	#form_connexion input[type="text"] , #form_connexion input[type="password"], 
	#form_editProfil input[type="text"], #form_editProfil select,
	#form_editFicheValo input[type="text"], #form_editFicheValo select, #form_editFicheValo input[type="file"],
	#form_editFicheValo textarea, #form_editFicheValo #entrepriseContacts input[type="text"],
	#form_editFicheManager input[type="text"], #form_editFicheManager select,
	#form_editFicheManager input[type="file"], #form_editFicheManager textarea {
		display:block;
		float:left;
		width:60%;
		margin-bottom:5px;
	}

	#form_editFicheValo select#entreprise_categorie option,
	#form_editFicheManager select#entreprise_categorie option {
		padding-left:15px;
	}
	
	.lightbox form input[type="submit"], .lightbox form input[type="button"] {
		position:relative;
		width:auto;
		padding:0 3px;
		margin-right:3px;
		color:#555;
		border:1px solid #999;
		border-radius:5px;
		-moz-border-radius:5px;
		background-color:#FFF;
		cursor:pointer;
	}
	.lightbox form input[type="submit"]:hover {
		color:#1C94CD;
		border-color:#1C94CD;
	}
	.lightbox form input[type="button"]:hover {
		color:#333;
		border-color:#333;
	}
	
	#form_editProfil span.abonnement_titre {
		display:block;
		float:left;
		width:40%;
		color:#0089B9;
	}
	#form_editProfil span.abonnement_debut, #form_editProfil span.abonnement_fin {
		display:block;
		float:left;
		width:30%;
		text-align:center;
	}
	#form_editProfil span.col_header {
		color:#000;
		padding-bottom:3px;
		margin-bottom:10px;
		border-bottom:1px solid #333;
	}
	#form_editProfil span.col_header.abonnement_debut, #form_editProfil span.col_header.abonnement_fin {
		text-align:center;
	}
	
	#form_editProfil span.commande_titre, #form_editProfil span.depense_titre {
		display:block;
		float:left;
		width:15%;
	}
	#form_editProfil span.commande_date, #form_editProfil span.depense_date {
		display:block;
		float:left;
		width:30%;
	}
	#form_editProfil span.commande_date span, #form_editProfil span.depense_date span {
		color:#777;
		font-style:italic;
	}
	#form_editProfil span.depense_article {
		display:block;
		float:left;
		width:10%;
	}
	
	#form_editProfil #operations_credits_container {
		position:relative;
		width:100%;
		height:260px;
		overflow:hidden;
	}
	#form_editProfil #operations_credits {
		position:relative;
		width:100%;
		height:auto;
		overflow:hidden;
	}
	#form_editProfil #operations_credits span {
		border-bottom:1px solid #CCC;
		padding:3px 0;
	}
	#form_editProfil span.col_footer {
		color:#0089B9;
		padding:5px 0;
		background-color:#EBF8FC;
		border-bottom:1px solid #CCC;
	}
	#form_editProfil span.col_footer.commande_titre { width:45%; }
	#form_editProfil span.col_footer.depense_titre { width:55%; }
	
	#form_editProfil span.page, #form_editFicheValo span.pageProduit {
		display:block;
		float:left;
		width:5%;
		padding:3px 0;
		text-align:center;
		cursor:pointer;
		border-right:1px dotted #999;
		border-bottom:1px solid #CCC;
	}
	#form_editFicheValo span.pageProduit {
		border-top:1px solid #CCC;
		border-right:1px solid #CCC;
	}
	#form_editProfil span.page:hover, #form_editProfil span.page.active,
	#form_editFicheValo span.pageProduit:hover, #form_editFicheValo span.pageProduit.active {
		background-color:#EBF8FC;
	}
	
	#form_editProfil span.page.firstPage {
		border-left:1px dotted #999;
	}
	#form_editFicheValo span.pageProduit.firstPage {
		border-left:1px solid #CCC;
	}
	
	#form_editProfil a:link, #form_editProfil a:visited {
		text-decoration:none;
		color: #0089B9;
	}
	#form_editProfil a:hover, #form_editProfil a:active {
		text-decoration:none;
		color: #FFCC00;
	}
	
	#form_editFicheValo #entrepriseProduits {
		float:left;
		clear:both;
		position:relative;
		width:540px;
		height:510px;
		overflow:hidden;
	}
	
	#form_editFicheValo #containerProduits {
		position:relative;
	}
	#form_editFicheValo #containerProduits .blocProduit {
		float:left;
		width:550px;
	}
	#form_editFicheValo #entrepriseProduits #ajoutProduit {
		float:left;
		clear:both;
		width:100%;
		margin-top:10px;
		text-align:center;
	}
	#form_editFicheValo #entrepriseProduits #ajoutProduit span {
		position:relative;
		width:auto;
		margin:5px auto;
		padding:5px 10px;
		color:#333;
		text-align:center;
		cursor:pointer;
		border:1px solid #999;
		border-radius:5px;
		-moz-border-radius:5px;
	}
	#form_editFicheValo #entrepriseProduits #ajoutProduit span:hover {
		border-color:#555;
		background-color:#EBF8FC;
	}

/*
 * MENU
 */
#colRight{
float:right;
width:172px;
margin:7px 5px 0px 0px;
padding:0px;
}

#recap_abo_liste, #newsletter_liste, #mycustomscroll{
border-left:1px solid #D4D5D6;
border-right:1px solid #D4D5D6;
height:55px;
padding-top:5px;
}
#mycustomscroll{
font:normal 11px Verdana, Helvetica, sans-serif;
border-left:1px solid #D4D5D6;
border-right:1px solid #D4D5D6;
height:155px;
padding-top:5px;
margin-bottom:16px;
border-bottom:1px solid #D4D5D6;
}

.flexcroll {
/* Typical fixed height and fixed width example */
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
border-left:1px solid #D4D5D6;
border-right:1px solid #D4D5D6;
height:155px;
padding-top:5px;
margin-bottom:16px;
border-bottom:1px solid #D4D5D6;
}

/* hesido: notice the addition of emptyspace holder, it should slightly be bigger than the containing div */
/* and it should only be that big when fleXcroll is active for better degradation */
/* version 1.9.1 and up adds flexcrollactive class, but the script should work with 1.8.9 and up */
.flexcrollactive .emptyspace {
	height: 260px;
}
#mycustomscroll .vscrollerbase {
	visibility: hidden !important;
}

#newsletter_liste{
border-bottom:1px solid #D4D5D6;
height:75px;
padding-top:5px;
padding-left:3px;
color:#0E8FBC;
}

#newsletter_liste input{
border:1px solid #8C8B8D;
float:left;
margin-left:10px;
margin-top:5px;
height:12px;
width:110px;
font:bold 8px/11px Verdana, Helvetica, sans-serif;
}

#bt_ok input{
float:left;
color:#FFF;
border:1px solid #8C8B8D;
background-color:#0066A6;
margin-left:6px;
margin-top:5px;
height:15px;

width:24px;
font:bold 8px/11px Verdana, Helvetica, sans-serif;
}

#recap_abo_liste ul, #newsletter_liste ul{
margin-left:0px;
padding:0px;
color:#666666;
list-style:none;
text-transform:uppercase;
}
#newsletter_liste ul{
margin-left:0px;
padding:0px;
color:#666666;
list-style:none;
text-transform:uppercase;
}
#mycustomscroll ul{
margin-left:8px;
padding:0px;
color:#000;
list-style:disc;
list-style-position:inside;
}
#mycustomscroll .date{
color:#972520;
}
#mycustomscroll .txt_rdv a:link, #mycustomscroll .txt_rdv a:visited{
text-decoration:none;
font:normal 11px Verdana, Helvetica, sans-serif;
color:#000;
}
#mycustomscroll .txt_rdv a:hover, #mycustomscroll .txt_rdv a:active{
text-decoration:none;
font:normal 11px Verdana, Helvetica, sans-serif;
color: #005AAF;
}
#recap_abo_liste li, #newsletter_liste li,#mycustomscroll li{
margin:0px;
margin-left:2px;
padding:0px;
letter-spacing:-1px;
}
#mycustomscroll li{
margin-bottom:8px;
}
#recap_abo_liste a:link, #recap_abo_liste a:visited, #newsletter_liste a:link, #newsletter_liste a:visited {
text-decoration:none;
color: #666666;
}
#recap_abo_liste a:hover, #recap_abo_liste a:active, #newsletter_liste a:hover, #newsletter_liste a:active{
text-decoration:none;
color: #005AAF;
}
#mycustomscroll a:link, #mycustomscroll a:visited{
text-decoration:none;
color: #0E8FBC;
font-weight:bold;
}
#mycustomscroll a:hover, #mycustomscroll a:active{
text-decoration:none;
color: #005AAF;
font-weight:bold;
}

#actu_principale{
float:left;
width:526px;
height:473px;
border:1px dashed #C6C7C8;
margin:0px 3px 0px 0px;
overflow:hidden;
}

#actu_secondaire{
float:left;
width:256px;
height:473px;
border:1px dashed #C6C7C8;
margin:0px 0px 0px 3px;
overflow:hidden;
}
.autre_article{
float:left;
width:256px;
height:485px;
border:1px dashed #C6C7C8;
margin:15px 9px 0px 0px;
overflow:hidden;
}

#dossiers_articles{
float:left;
width:790px;
border:1px dashed #C6C7C8;
margin:15px 3px 0px 0px;
}

.dossier_article{
width:770px;
padding-bottom:10px;
border-bottom:1px dashed #C6C7C8;
margin:15px 10px 0px 10px;
}
.dossier_article .fin{
width:770px;
padding-bottom:10px;
border-bottom:0px dashed #C6C7C8;
margin:15px 10px 0px 10px;
}
#interviews{
float:left;
width:256px;
height:469px;
padding-bottom:3px;
border:1px dashed #C6C7C8;
margin:15px 6px 0px 0px;
overflow:hidden;
}
#cahier_valo, #regions, #monde{
float:left;
width:526px;
border:1px dashed #C6C7C8;
margin:15px 0px 0px 0px;
}
#publi_communique{
float:left;
clear:left;
width:790px;
border:1px dashed #C6C7C8;
margin:15px 3px 0px 0px;
background-color:#F3F4F7;
}

.publi_communique_secondaire{
	float:left;
	width:191px;
	height:265px;
	border:1px dashed #C6C7C8;
	background-color:#F3F4F7;
	margin:25px 7px 0px 0px;
	overflow:hidden;
	padding-bottom:3px;
}

#colRight .publi_communique_secondaire{
	width:170px;
	/*height:auto;*/
}

#colRight .publi_communique_secondaire:first-child {
	margin-top:0;
}


#contenu_texte{
position:relative;
width:710px;
margin:0px 0 0 240px;
padding-top:10px;
}
#contenu_texte2{
float:left;
width:300px;
padding-top:10px;
}




/**********************/
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 46px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.clearer2
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/
#footerindex{
position:relative;
clear: both;
width:1000px;
height:111px;
margin:-111px 0 0 0;
background-color:#8BC1DD;
}

#footer{
position:relative;
clear: both;
width:1000px;
height:111px;
margin:-50px auto 0;
background-color:#8BC1DD;
}

#footerInfo1{
float:left;
width:814px;
height:102px;
background-color:#EBF2F8;
font:bold 8px/12px Verdana, Helvetica, sans-serif;
}
#footerInfo1 img{
float:left;
margin-top:25px;
margin-left:20px;
}
#footerInfo2{
float:left;
width:186px;
height:102px;
background-color:#C3C7C9;

}
#footerInfo1 ul{
float:left;
margin-left:10px;
margin-top:30px;
color:#666666;
list-style:none;
text-transform:uppercase;
}

#footerInfo1 a:link, #footerInfo1 a:visited{
text-decoration:none;
color: #666666;
}
#footerInfo1 a:hover, #footerInfo1 a:active{
text-decoration:none;
color: #005AAF;
}
#footerInfo2 ul{
float:left;
margin-left:0px;
margin-top:15px;
color:#FFF;
list-style:none;
width:190px;
font:bold 10px Verdana, Helvetica, sans-serif;
}
#footerInfo2 a:link, #footerInfo2 a:visited{
text-decoration:none;
color: #FFF;
}
#footerInfo2 a:hover, #footerInfo2 a:active{
text-decoration:none;
color: #005AAF;
}




/* TITRES*/
#actu_principale h2, #actu_secondaire h2, .autre_article h2, #dossiers_articles h2, #interviews h2, #cahier_valo h2, #monde h2, #regions h2{
font:bold 12px Verdana, Helvetica, sans-serif;
color:#FFF;
background-color:#000;
width:94px;
height:16px;
text-align:center;
margin:4px 0 3px 0;
}
.autre_article h2{
margin:12px 0 3px 0;
width:220px;
}
#cahier_valo h2{
width:224px;
}
#monde h2{
width:144px;
}

#publi_communique h2, .publi_communique_secondaire h2{
font:bold 12px Verdana, Helvetica, sans-serif;
color:#7F9AA8;
margin:4px 0 3px 8px;
}
#actu_principale h3 , #actu_secondaire h3, .autre_article h3{
font:normal 24px/27px Verdana, Helvetica, sans-serif;
color:#0089B9;
margin:9px 8px 0px 8px;
}
#actu_secondaire h3, .autre_article h3, #interviews h3, #cahier_valo h3, #monde h3, #regions h3 {
font:normal 18px/20px Verdana, Helvetica, sans-serif;
color:#0089B9;
margin:9px 6px 0px 6px;
}
#dossiers_articles h3 {
font:normal 18px/20px Verdana, Helvetica, sans-serif;
color:#0089B9;
margin:0px 6px 0px 0px;
}

#actu_principale h3 a:link, #actu_principale h3 a:visited, #actu_secondaire h3 a:link, #actu_secondaire h3 a:visited, .autre_article h3 a:link, .autre_article h3 a:visited, #dossiers_articles h3 a:link, #dossiers_articles h3 a:visited, #interviews h3 a:link, #interviews h3 a:visited, #cahier_valo h3 a:link, #cahier_valo h3 a:visited, #monde h3 a:link, #monde h3 a:visited, #regions h3 a:link, #regions h3 a:visited{
color:#0089B9;
text-decoration:none;
}
#actu_principale h3 a:hover, #actu_principale h3 a:active, #actu_secondaire h3 a:hover, #actu_secondaire h3 a:active, .autre_article h3 a:hover, .autre_article h3 a:active, #dossiers_articles h3 a:hover, #dossiers_articles h3 a:active, #interviews h3 a:hover, #interviews h3 a:active, #cahier_valo h3 a:hover, #cahier_valo h3 a:active, #monde h3 a:hover, #monde h3 a:active, #regions h3 a:hover, #regions h3 a:active{
color:#0089B9;
text-decoration:none;
}

#publi_communique h3, .publi_communique_secondaire h3 {
font:normal 14px Verdana, Helvetica, sans-serif;
color:#000;
margin:4px 0 3px 8px;
}
.publi_communique_secondaire h3 a:link, .publi_communique_secondaire h3 a:visited, #publi_communique h3 a:link, #publi_communique h3 a:visited{
color:#000;
text-decoration:none;
}
.publi_communique_secondaire h3 a:hover, .publi_communique_secondaire h3 a:active, #publi_communique h3 a:hover, #publi_communique h3 a:active{
color:#000;
text-decoration:none;
}

#actu_principale h4, #actu_secondaire h4, .autre_article h4, #interviews h4, #cahier_valo h4, #monde h4, #regions h4{
font:normal 12px Verdana, Helvetica, sans-serif;
color:#972520;
margin:2px 10px 8px 8px;
}
#dossiers_articles h4{
font:normal 12px Verdana, Helvetica, sans-serif;
color:#972520;
margin:2px 10px 8px 0px;
}
#publi_communique h4, .publi_communique_secondaire h4 {
font:normal 12px Verdana, Helvetica, sans-serif;
color:#0089B9;
margin:4px 0 3px 8px;
}

.publi_communique_secondaire h4 a:link, .publi_communique_secondaire h4 a:visited, #publi_communique h4 a:link, #publi_communique h4 a:visited{
font:normal 12px Verdana, Helvetica, sans-serif;
color:#0089B9;
text-decoration:none;
}
.publi_communique_secondaire h4 a:hover, .publi_communique_secondaire h4 a:active, #publi_communique h4 a:hover, #publi_communique h4 a:active{
font:normal 12px Verdana, Helvetica, sans-serif;
color:#0089B9;
text-decoration:none;
}
#dossiers_articles .categorie{
font:bold 18px Verdana, Helvetica, sans-serif;
color:#000;
text-transform:uppercase;
margin:2px 10px 8px 0px;
}

#actu_principale .image_left, #actu_secondaire .image_left, .autre_article .image_left{
float:left;
border:1px dotted #000;
margin:0px 8px 2px 8px;
}
.publi_communique_secondaire .image_left{
float:left;
border:0px dotted #000;
margin:0px 8px 8px 8px;
}
.autre_article .image_left, #interviews .image_left{
margin:4px 8px 4px 8px;
}
#publi_communique .image_right{
float:right;
margin:0px 8px 2px 8px;
}
#actu_principale p, #actu_secondaire p, .autre_article p, #interviews p, #cahier_valo p, #monde p, #regions p, .publi_communique_secondaire p, #publi_communique p, .dossier_article p{
font:normal 11px Verdana, Helvetica, sans-serif;
margin:4px 9px 10px 9px;
text-align:left;
}
.publi_communique_secondaire p {
text-align:left;
}

.publi_communique_secondaire p a:link, .publi_communique_secondaire p a:visited, #publi_communique p a:link, #publi_communique p a:visited, #actu_principale p a:link, #actu_principale p a:visited, #actu_secondaire p a:link, #actu_secondaire p a:visited, .autre_article p a:link, .autre_article p a:visited, #dossiers_articles p a:link, #dossiers_articles p a:visited, #interviews p a:link, #interviews p a:visited, #cahier_valo p a:link, #cahier_valo p a:visited, #monde p a:link, #monde p a:visited, #regions p a:link, #regions p a:visited{
color:#3E3E40;
text-decoration:none;
}
.publi_communique_secondaire p a:hover, .publi_communique_secondaire p a:active, #publi_communique p a:hover, #publi_communique p a:active, #actu_principale p a:hover, #actu_principale p a:active, #actu_secondaire p a:hover, #actu_secondaire p a:active, .autre_article p a:hover, .autre_article p a:active, #dossiers_articles p a:hover, #dossiers_articles p a:active, #interviews p a:hover, #interviews p a:active, #cahier_valo p a:hover, #cahier_valo p a:active, #monde p a:hover, #monde p a:active, #regions p a:hover, #regions p a:active{
color:#3E3E40;
text-decoration:none;
}

a img {
border:0;
}

#mention{
clear:left;
text-align:center;
margin:0px auto;
padding-top:20px;
}
#mention img{
margin-top:5px;
}

#contact1, #contact2{
border-bottom:1px dashed #CCC;
width:100%;
margin-bottom:10px;
height:320px;
}
#contact2{
border-bottom:0px dashed #CCC;
}
#contact1 a.entree_residence_igny{
margin-right:20px;
}
#contact2 a.entree_residence_asniere{
float:right;
margin-left:20px;
margin-right:5px;
}

#contact1 h2, #contact2 h2{
margin:10px 0 5px 0;
}

.image_left{
float:left;
margin:0px 8px 8px 0px;
}
.image_right{
float:right;
margin:0px 0px 8px 8px;
}

.image_left2{
float:left;
margin:0px 20px 8px 0px;
}

/* MENU RUBRIQUE */
#menu_rubrique_container{
position:absolute;
width:1000px;
height:43px;
padding:0;
top:245px;
left:0;
background-image:url(../images/charte/fd-menu-rubrique.jpg);
}

#menu_rubrique{
width:975px;
height:43px;
margin:0px auto;
padding:0;
}

#menu_rubrique ul{
padding:0;
margin:0;
list-style-type:none;
list-style-position:outside;
}
#menu_rubrique li {
float:left;
cursor: pointer;
line-height:43px;
height:43px;
text-align:center;
background-color:#B1C6E1;
padding:0;
margin:0;
}

#menu_rubrique li a {
text-decoration: none;
display:block;
text-decoration: none;
height:43px;
background:no-repeat scroll left top;
}

#menu_rubrique li a{
height:43px;

}


#menu_rubrique li a span{
display:none;
}

#menu_rubrique li a.bt1{
	background-image:url(../images/charte/bt1.jpg);
width:121px;
}
#menu_rubrique li a.bt2{
	background-image:url(../images/charte/bt2.jpg);
width:121px;
}

#menu_rubrique li a.bt3{
	background-image:url(../images/charte/bt3.jpg);
width:121px;
}

#menu_rubrique li a.bt4{
	background-image:url(../images/charte/bt4.jpg);
width:121px;
}

#menu_rubrique li a.bt5{
	background-image:url(../images/charte/bt5.jpg);
	width:153px;
}
#menu_rubrique li a.bt6{
	background-image:url(../images/charte/bt6.jpg);
	width:183px;
}
#menu_rubrique li a.bt7{
	background-image:url(../images/charte/bt7.jpg);
	width:153px;
}

#menu_rubrique li a:hover{
background-position:left bottom;
}
#menu_rubrique li#encours a{
background-position:left bottom;
}


/* -----------------------------------Sous menu Index Rubrique -----------------------------------*/
#smenu1{	
display:block;
}
#smenu1 li,
#smenu1 li a,
#smenu1 li a:visited,
#smenu1 li a:active {
padding:0;


	float:left;
	margin:0 0px 0 10px;
	color:#5B5A5A;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	font:bold 10px/30px Arial, Helvetica, sans-serif;


}
#smenu1 li, #smenu2 li, #smenu3 li, #smenu4 li {
list-style-type: none;
background-image: url(../images/charte/puce-menu.jpg);
background-repeat: no-repeat;
background-position: 1px 49%;
}
#smenu1 li a:hover {
	color:#828282;
}

#smenu2{	
display:none;}
#smenu2 li,
#smenu2 li a,
#smenu2 li a:visited,
#smenu2 li a:active {
padding:0;
	float:left;
	margin:0 0px 0 10px;
	color:#5B5A5A;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	font:bold 10px/30px Arial, Helvetica, sans-serif;
}

#smenu2 li a:hover {
	color:#828282;
}


#smenu3{	
display:none;}
#smenu3 li,
#smenu3 li a,
#smenu3 li a:visited,
#smenu3 li a:active {
padding:0;
	float:left;
	margin:0 0px 0 10px;
	color:#5B5A5A;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	font:bold 10px/30px Arial, Helvetica, sans-serif;
}

#smenu3 li a:hover {
	color:#828282;
}

#smenu4{	
display:none;}
#smenu4 li,
#smenu4 li a,
#smenu4 li a:visited,
#smenu4 li a:active {
padding:0;
	float:left;
	margin:0 0px 0 10px;
	color:#5B5A5A;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	font:bold 10px/30px Arial, Helvetica, sans-serif;
}

#smenu4 li a:hover {
	color:#828282;
}




.smenu {
	display:none;
}

.smenu li,
.smenu li a,
.smenu li a:visited,
.smenu li a:active {
	float:left;
	padding:0;
	margin:0 0px 0 10px;
	color:#5B5A5A;
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
	font:bold 10px/30px Arial, Helvetica, sans-serif;
}

.smenu li a:hover {
	color:#828282;
}

.smenu li {
	list-style-type: none;
	background-image: url(../images/charte/puce-menu.jpg);
	background-repeat: no-repeat;
	background-position: 1px 49%;
}

.smenu li a:hover {
	color:#828282;
}



/* Lettre I & M*/
#header_lettre_i{
float:left;
width:800px;
margin:0px auto;
padding-top:12px;
height:84px;
background:url(../images/charte/lettre-i.jpg) top left no-repeat;
}
#header_lettre_m{
float:left;
width:800px;
margin:0px auto;
padding-top:12px;
height:84px;
background:url(../images/charte/lettre-m.jpg) top left no-repeat;
}
#header_lettre_i a, #header_lettre_m a {
	display:block;
	float:right;
	clear:both;
	width:140px;
	height:25px;
	margin:7px 10px 0 0;
}

#lettre_gauche{
float:left;
width:510px;
}
#lettre_droite{
float:left;
width:266px;
margin:0px 0px 0px 13px;
}
#lettre_sommaire{
float:left;
width:513px;
border:1px dashed #C6C7C8;
margin:0px 3px 0px 0px;
padding-bottom:10px;
overflow:hidden;
}

#lettre_rechercher{
float:left;
width:266px;
height:266px;
border:1px dashed #C6C7C8;
margin:0px 0px 0px 0px;
overflow:hidden;
}

#lettre_cites{
float:left;
width:266px;
min-height:250px;
border:1px dashed #C6C7C8;
margin:10px 0px 0px 0px;
overflow:hidden;
background:url(../images/charte/bg_cites.jpg) top right repeat-y;

}
#lettre_txt{
float:left;
width:266px;
height:295px;
border:1px dashed #C6C7C8;
margin:10px 0px 0px 0px;
}
#lettre_sommaire h2, #lettre_rechercher h2, #lettre_cites h2{
font:bold 12px Verdana, Helvetica, sans-serif;
color:#FFF;
background-color:#015277;
width:auto;
height:16px;
text-align:center;
margin:4px 0 3px 0;
padding:0 5px;
}
#lettre_sommaire h2 {
	width:94px;
}
#lettre_rechercher h2, #lettre_cites h2{
width:164px;
margin:10px 0 3px 0;
}
#lettre_txt h2{
font:bold 12px Verdana, Helvetica, sans-serif;
color:#015277;
margin:6px 8px 12px 8px;
}

#lettre_sommaire h3{
float:left;
font:bold 11px Verdana, Helvetica, sans-serif;
color:#2E2D30;
text-transform:uppercase;
margin:9px 8px 11px 6px;
}
#lettre_sommaire p, #lettre_txt p{
font:normal 11px Verdana, Helvetica, sans-serif;
color:#2E2D30;
margin:9px 8px 11px 8px;
}
#lettre_sommaire p {
float:left;
width:100%;
margin:5px 8px;
text-align:left;
}
	#lettre_sommaire p span {
		float:left;
		display:block;
		width:30%;
	}
	#lettre_sommaire p a:link, #lettre_sommaire p a:active, #lettre_sommaire p a:visited {
		float:left;
		display:block;
		width:65%;
		color:#007AB5;
		text-decoration:none;
	}
	#lettre_sommaire p a:hover {
		text-decoration:underline;
	}

#lettre_cites p{
font:normal 11px Verdana, Helvetica, sans-serif;
color:#707173;
margin:9px 8px 12px 9px;
text-align:left;
}
	#lettre_cites p a:link, #lettre_cites p a:active, #lettre_cites p a:visited {
		color:#444;
		text-decoration:none;
	}
	#lettre_cites p a:hover {
		text-decoration:underline;
	}


/* Action Marketing*/
#header_action_m{
float:left;
width:388px;
margin:0px auto 20px 0px;
height:117px;
background:url(../images/charte/action-m.jpg) top left no-repeat;
}

#action_gauche{
float:left;
width:400px;
}
#action_droite{
float:left;
width:326px;
margin:20px 0px 0px 63px;
}
#action_gauche h2{
font:normal 18px Verdana, Helvetica, sans-serif;
color:#0089B9;
margin:4px 0 18px 0;
}
#action_gauche p{
font:normal 12px Verdana, Helvetica, sans-serif;
margin-bottom:16px;
}

#liste_article{
	float:left;
	border:1px dashed #CCC;
}
#liste_article {
	width:775px;
	margin-right:5px;
}
#liste_article h1{
	width:215px;
	padding:2px 10px;
	margin-top:5px;
	color:#FFF;
	text-transform:uppercase;
	background-color:#000;
	font:bold 11px Verdana, Helvetica, sans-serif;
}
#liste_article h2{
font:bold 12px/20px Verdana, Helvetica, sans-serif;
color:#0089B9;
margin:0px 8px 2px 8px;
}
#liste_article h4{
font:normal 11px Verdana, Helvetica, sans-serif;
color:#972520;
margin:0px 8px 2px 8px;
}
#liste_article h3{
font:normal 9px Verdana, Helvetica, sans-serif;
margin:0px 8px 11px 8px;
font-style:italic;
}
#liste_article p{
margin:0px 8px 0px 8px;
font:normal 11px Verdana, Helvetica, sans-serif;
}

#liste_article a:link, #liste_article a:visited, #liste_article span {
text-decoration:none;
color: #0089B9;
}
#liste_article a:hover, #liste_article a:active, #liste_article span:hover {
text-decoration:none;
color: #FFCC00;
}
#liste_article span {
cursor:pointer;
}
#pagination_article{
background-color:#007BB6;
color:#FFF;
padding:2px 10px 2px 10px;
text-transform:capitalize;
}

#pagination_article a:link, #pagination_article a:visited{
text-decoration:none;
color: #FFF;
}
#pagination_article a:hover, #pagination_article a:active{
text-decoration:none;
color: #FFCC00;
}

#fiche_article h4{
font:bold 11px Verdana, Helvetica, sans-serif;
color:#3E3E40;
font-style:italic;
margin:0px 0px 11px 0px;
text-align:justify;
}

#lettre_rechercher form {
margin:15px 0px 6px 6px;
}
#lettre_rechercher label {
font:bold 11px Verdana, Helvetica, sans-serif;
	float:left;
	width:150px;
	height:28px;
}
	#lettre_rechercher label a:link, #lettre_rechercher label a:active, #lettre_rechercher label a:visited {
		color:#007AB5;
		text-decoration:none;
	}
	#lettre_rechercher label a:hover {
		text-decoration:underline;
	}
	
#lettre_rechercher input, #lettre_rechercher select, #lettre_rechercher textarea {
	float:left;
	clear:right;
	width:105px;
	margin-bottom:3px;
	font-size:1.1em;
	border:1px solid #666;
}
#lettre_rechercher input.btn_rechercher {
	float:right;
	clear:right;
	width:80px;
	margin-top:10px;
	margin-right:5px;
	font-size:0.8em;
	border:0;
}


/* ------------------------------------ */
/*     GUIDES DE LA R&D + VALO 2011     */
/* ------------------------------------ */
#guide_rd_2011, #guide_valo_2011 {
    border-width:1px 1px 0 0;
    border-style:dashed;
    border-color:#999;
}

#guide_rd_2011 #guide_rd_header,
#guide_valo_2011 #guide_valo_header {
    width:800px;
    height:418px;
    background:url(../images/charte/mappemonde.png) no-repeat right top;
}

#guide_rd_2011 #guide_rd_header .bloc-reservation,
#guide_valo_2011 #guide_valo_header .bloc-reservation {
    float:left;
    width:300px;
    height:418px;
    text-align:right;
    padding-right:10px;
    background:url(../images/charte/guide-rd-2011.png) no-repeat left top;
}

#guide_valo_2011 #guide_valo_header .bloc-reservation {
	background-image:url(../images/charte/guide-valo-2011.png);
}

#guide_rd_2011 .bloc-reservation a,
#guide_valo_2011 .bloc-reservation a {
    display:block;
    position:relative;
    width:247px;
    height:22px;
    background:transparent url(../images/charte/btn-reservation-guide.png) no-repeat left top;
}

#guide_rd_2011 .bloc-reservation a:hover,
#guide_rd_2011 .bloc-reservation a:active,
#guide_valo_2011 .bloc-reservation a:hover,
#guide_valo_2011 .bloc-reservation a:active {
    background-position:right top;
}

#guide_rd_2011 #guide_rd_header .bloc-reservation a,
#guide_valo_2011 #guide_valo_header .bloc-reservation a {
    margin:375px 0 0 60px;
}

#guide_rd_2011 #guide_rd_exemples .bloc-reservation a {
    margin:50px auto;
}

#guide_rd_2011 #guide_rd_header #bloc-description,
#guide_valo_2011 #guide_valo_header #bloc-description {
    float:left;
    width:470px;
    height:388px;
    padding-right:20px;
}

#guide_rd_2011 #guide_rd_header #bloc-description h1,
#guide_valo_2011 #guide_valo_header #bloc-description h1 {
    color:#555;
    font-size:20px;
    margin:35px 0 0 40px;
}

#guide_rd_2011 #guide_rd_header #bloc-description h2,
#guide_valo_2011 #guide_valo_header #bloc-description h2 {
    width:230px;
    color:#FFF;
    font-size:16px;
    background:#000;
    margin:15px 0 15px -18px;
    padding:10px 10px 10px 70px;
}

#guide_valo_2011 #guide_valo_header #bloc-description h2 {
	width:300px;
}

#guide_rd_2011 #guide_rd_header #bloc-description ul,
#guide_valo_2011 #guide_valo_header #bloc-description ul {
    margin:30px 0 0 50px;
}

#guide_valo_2011 #guide_valo_header #bloc-description > p {
    color:#06C;
	font-weight:bold;
    font-size:12px;
    margin:0 0 15px 50px;
}

#guide_rd_2011 #guide_rd_header #bloc-description ul li,
#guide_valo_2011 #guide_valo_header #bloc-description ul li {
    color:#06C;
    font-size:12px;
    list-style-type:disc;
    margin-bottom:15px;
}

#guide_rd_2011 #guide_rd_header #bloc-description ul li p,
#guide_valo_2011 #guide_valo_header #bloc-description ul li p {
    display:inline;
    color:#000;
}

#guide_rd_2011 #guide_rd_exemples h3 {
    margin:15px auto;
    text-align:center;
    font-size:12px;
    text-transform:uppercase;
    text-decoration:underline;
}

#guide_rd_2011 #guide_rd_exemples ul {
    position:relative;
    width:600px;
    margin:auto;
}

#guide_rd_2011 #guide_rd_exemples ul li {
    display:inline;
    text-align:right;
    list-style-type:none;
}

#guide_valo_2011 #guide_valo_extrait {
	text-align:center;
}