/* ***** BEGIN LICENSE BLOCK *****
* This file is part of INDUXIA's work.
* Copyright (c) 2006 INDUXIA and contributors. All rights
* reserved.
*
* INDUXIA is a multimedia production company which provides highly 
* interactive, design driven and functional solutions.
* More information about our services: http://www.induxia.com/
*
* ***** END LICENSE BLOCK *****
*
* Contributor(s):
*  Guillaume Vialet
*/

/* *** Définition des blocs *** */
/* **************************** */

html, body { margin: 0; padding: 0; }

body {
	font: normal normal 9pt arial, helvetica, sans-serif;
	background: #A7ABB6 url("../img/new/bgnd_site.gif") top left repeat-x;
}
#body-wrapper {
	background: url("../img/new/bgnd_footer.gif") bottom left repeat-x;
}

div#wrapper {
	width: 1050px; /* la largeur doit être auto */
	text-align: left;
	/*background: url("../img/common/bandeau_full.jpg") top left no-repeat; */
}

/* colonne de gauche : logo et menu de navigation collections */
div#left {
	width: 230px;
	float: left;
	margin-left: 0px;
	padding-left: 10px;/*5*/
	/*background: blue;*/
}

	/* menu de navigatin */
	#menu {
		}

/* colonne de droite : en-tête et contenu */
div#right {
	width: 788px;
	margin-left: 240px;	/* + 5px pour IE6 */
	background: #fff;
	padding-bottom: 60px;
	min-height:512px;_height:512px;
}
div#headersite { 
	padding-top: 0;
	width:100%;
	height: 180px;
	display: block;
	background: url("../img/common/bandeau_full.jpg") 0 0 no-repeat;
	}
div#headersite em { display: none; }

/* slogan du site */
div#header { 
	padding-top: 0;
	/*background: url("../img/common/bandeau_full.jpg") -240px 0 no-repeat;*/
	}

/* contenu du site */
div#content { margin-top: 55px; margin-left: 25px; width: 560px; padding-right: 5px; }
.content_actualite { margin-top: 60px !important; }
.content_home { float: left; margin-top: 55px; margin-left: 25px; width: 560px; /*margin-right: 200px;*/ padding-right: 5px !important; }

div#content-right { float: left; margin-top: 0; margin-left: 15px; /*155px;*/ }
div#content-right-clear { clear: both; }

/* *** Styles pied de page (#footer) *** */
/* ************************************* */
div#footer { clear: both; }
/* pied de page (vide) */
#footer {
	width: 100%; /*1010px; */
	/*text-align: right;*/
	padding-top: 0; /*125px;*/
	/*background: url("../img/new/bgnd_footer.gif") top left repeat-x;*/
	}
#inner-footer { 
	height: 20px; 
	width: 100%; /*760px;*/
	margin: 0 0 0 240px;
	padding-top: 30px; /*100px;*/
	padding-bottom: 70px;
	padding-left: 600px;
	font-size: 0.9em;
	background: url("../img/new/bgnd_footer_content.gif") top left no-repeat;
	color: #fff;
	}
#inner-footer a { color: #fff; font-weight: bold; }
#inner-footer a:hover { color: #fff; font-weight: bold; }
#inner-footer img { display: none; }
/*#inner-footer a:hover { color: #7D8187; font-weight: normal; }*/
/* **************************** */
/*
#footer { width: 1010px; text-align: right; }
#inner-footer { 
	height: 20px; 
	width: 310px;
	margin: 125px 0 0 700px;
	padding-top: 3px;
	font-size: 0.9em;
	border-top: #7D8187 1px solid;
	}
#inner-footer a { color: #7D8187; font-weight: normal; }
*/

/* *** Styles génériques *** */
/* ************************* */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

ul, li { margin: 0; padding: 0; }
dl, dt, dd { margin: 0; padding: 0; }

img { border: 0; }

p { margin: 0; padding: 0; }

a { font-weight: bold; color: #03266C; text-decoration: none; }
a:hover { text-decoration: underline; }

/* IE 5/5.5 text-size hack */
table { font-size: 1em; }

hr.spacer { visibility: hidden; margin: 0; padding: 0; height: 2em; }

hr { border: 0; width: 100%; background-color: #000; color: #000; display: block; height: 1px; margin: 2em 0 2em 0; }

.maigre { font-weight: normal; }
.vert { color: #15B364; }
.bold { font-weight: bold; }

/* *** Styles colonne de gauche (#left) *** */
/* **************************************** */

/* logo */
div#left h1 { display: none; /* margin-top: 0; margin-bottom: 0; display: block; background: url("../img/common/logo.jpg") left top no-repeat; width: 215px; height: 180px;*/ }
	
	#left h1 strong { display: none; }

/* logo */
div#right #header { /*padding-top: 180px;*/ margin-top: 0px; margin-bottom: 0; display: block; width: 775px; height: 50px; }
	
	#header h2 {  background: url("../img/common/sous_bandeau.gif") left top no-repeat; width: 775px; height: 50px; }
	#header h2 em { display: none; }

/* *** Styles du menuu (#menu) contenu dans #left *** */
/* ************************************************** */

.noJs{ display: none; }

div#menu {
	font: normal normal 12pt georgia, arial, helvetica, sans-serif;
	/*font-size: 1em;*/
	}
div#menu a { color: #03266C; text-decoration: none; padding: 0 10px 0 0; outline: none; height: 23px; display: block; }
div#menu a:hover { 	color: #868C9F; /*border-bottom: black dotted 1px; height: 22px;*/ } /* background: url("../img/new/pointilles_menu.gif") 10px bottom no-repeat; */

div#menu .arrow { /* padding-right: 4px; background:url("../img/common/fleche_jaune.gif") left center no-repeat;*/ }/*20px*/
div#menu .arrow2 { /* padding-right: 4px; background: url("../img/common/fleche_jaune.gif") left center no-repeat;*/ }

/*
div#menu .arrow a { outline: none; color: #03266C; text-decoration: none; padding: 5px 10px;
	background: url("../img/common/fleche_jaune.gif") left center no-repeat; }
div#menu .arrow a:hover { background: #EEEFF2 url("../img/common/fleche_jaune_over.gif") left center no-repeat; }
*/

div#menu ul { list-style-type: none; }
div#menu li { list-style-type: none; }

div#menu dl { display: block; width: 210px /*195px*/; /*height: 26px;*/ padding-bottom: 6px; }
div#menu dt { display: block; width: 210px /*195px*/; }

div#menu dd {
	font-size: .8em;
	margin: 5px 0 0 0;
	padding: 0;
	/*
	margin-top: -12px;
	position: absolute;
	left: 128px;
	*/
	display: none;
	width: 210px;
}
div#menu dd a {
	margin: 0 0 0 5px;
}
div#menu dd a.selected {
	color: #868C9F;
}
div#menu dd a:hover {
	color: #868C9F;
}
div#menu ul li { padding: 0 0 .8em 0; }

/* *** Styles colonne de droite (#right) *** */
/* ***************************************** */
div#right {  }


/* *** Styles en-tête (#header) *** */
/* ******************************** */
div#header { }


/* *** Styles colonne principale (#content) *** */
/* ******************************************** */
div#content p { margin: 0; padding: .8em 0 .8em 0; text-align: justify; }
div#content p.actu { margin: 0; padding: .4em 0 .8em 0; text-align: justify; border-bottom: 1px solid #A9A9A9; }
div#content p.structure { margin: 0; padding: .4em 0 .8em 0; text-align: justify; border-bottom: 1px solid #A9A9A9; }

div#content h3 { color: #03266C; margin: 1.8em 0 1.0em 0; padding-bottom: 2px; font-size: 12pt; }

div#content h4 { color: #450472; font-size: 1.1em; margin: 2.2em 0 1.2em 0; padding-bottom: .2em; border-bottom: 1px solid #A9A9A9; }
div#content h4.actu { padding-bottom: .2em; border-bottom: none; margin: 2.2em 0 0.2em 0; }
div#content h4.structure { padding-bottom: .2em; border-bottom: none; margin: 2.2em 0 0.2em 0; }

div#content h5 { color: #450472; font-size: 1em; margin: .8em 0; }
div#content h5 em { font-style: normal; }

div#content ul { margin: 0 0 0 4em; padding: 0; list-style: disc; }
div#content ul li { margin: 0; padding: .4em 0 .4em 0; }

div#content ol { margin: 0 0 0 4em; padding: 0; }
div#content ol li { margin: 0; padding: .4em 0 .4em 0; }
div#content ol.structure { border-bottom: 1px solid #A9A9A9; }

div#content #actualite_holder { margin: 0 0 0 0 /*75px*/; }
div#content div.actualite { margin: 0 0 0 10px; padding: 50px 0 .8em 73px; text-align: justify; background: url("../img/common/actualite_bgnd.gif") top left no-repeat; }
div#content div.actualite_suite { margin: 10px 0 0 10px; padding: 5px 0 .8em 73px; text-align: justify; background: url("../img/common/actualite_bgnd_simple.gif") top left no-repeat; }



/* *** Styles accroches et autres    *** */
/* ************************************* */
#accroche {
	margin: 20px 0 0 5px /*15px*/;
	}