/* CSS Document */
/* www.iris-interactive.fr */

body {
	/*background:#246C94 url(../images/_charte/body.gif) no-repeat fixed center bottom;*/
	font-family:'Trebuchet MS', arial, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	color: #FFFFFF;
	text-align:center;
	height:100%;
}
html>body {
	height:auto;
}
/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la page*/
/* ------------------------------------------------------------------------------------------- */

#page {
	width:755px;
	text-align:center;
	margin:10px auto;
	padding:0;
}


/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables à la nav*/
/* ------------------------------------------------------------------------------------------- */

#nav{
	/*background:transparent url(../images/_charte/bg_nav.gif) no-repeat top center;*/
	margin:10px 0 0px 0;
	padding:8px 0 0 0;
	width:755px;
	height:50px;
}


#nav ul {
	margin:0;
	padding:0 0 0 2px; 
	list-style:none;
}
#nav li {
	background:url(../images/_charte/bg_nav_li.gif) no-repeat right bottom;
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:right;
}
#nav li.last{
	background-image:none!important;
}

#nav a {
	margin:0;
	padding:5px 16px;
	display:block;
	color:#14699f;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
#nav a:hover {
	background-color:#14699f;
	color:#FFFFFF;
}
#nav h1{
	position:absolute;
	left:-999em;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables au sous-menu*/
/* ------------------------------------------------------------------------------------------- */

#menu{
	margin:-8px 0 10px 0;
	padding:0 0 0 0;
}
html>body #menu{
	margin:-10px 0 0 0;
	padding:0 0 0 0;
}
#menu ul {
	margin:0;
	padding:0 0 0 0; 
	list-style:none;
}
#menu li {
	background:url(../images/_charte/bg_menu_li.gif) repeat-y right 2px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}
#menu li.last{
	background-image:none!important;
}

#menu a {
	margin:0;
	padding:5px 13px;
	display:block;
	color:#14699f;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
}
#menu a:hover {
	color:#a40c16;
}
#menu a.active{
	color:#a40c16;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables au top du global*/
/* ------------------------------------------------------------------------------------------- */


#top{
	/*background:transparent url(../images/_charte/bg_top.gif) no-repeat top center;*/
	margin:5px 0 0 0;
	padding:0 0 0 0;
}

/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables au global*/
/* ------------------------------------------------------------------------------------------- */


#global {
	/*background:#fff url(../images/_charte/bg_global.gif) repeat-x top center;*/
	width:755px;
	text-align:center;
	margin:-2px 0 0 0;
	padding:0 0 0 0;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la colonne de gauche */ 
/* certains styles sont hérités de #global */
/* -------------------------------------------------------------------------------------------- */

#left_col {
	margin:10px 5px;
	padding:0 0  0;
	width:179px;
	float:left;
}
html>body #left_col {
	margin:5px 10px ;
}
/* ------------------------------------------------------------------------------------------- */
/* Déclarations applicables au content */
/* ------------------------------------------------------------------------------------------- */

#content{
	/*background: url(../images/_charte/bg_content.gif) repeat-y top center;*/
	float:right;
	margin:0 5px 0 0;
	padding:0;
	width:545px;
}
html>body #content{
	margin:5px 10px 0 0;
}
#content h1{
	background-color:#a40c16;
	text-align:justify;
	color:#fff;
	font-size:18px;
	font-weight:normal;
	margin:10px;
	padding:3px 5px;
}
#content h2{
	text-align:justify;
	color:#a40c16;
	font-size:14px;
	margin:5px 10px;
	padding:0;
}
#content p{
	text-align:justify;
	color:#000;
	margin:10px;
	padding:0;
}
#content a{
	color:#D47800;
}
#content a img{
	border:none;
}
#content em{
	color:#a40c16;
	font-style:normal;
}
#content a:hover{
	text-decoration: none;
}

#content .rouge{
	background-color:#a40c16;
	text-align:center;
	padding:0 0 5px 0;
	margin:0 10px;
	clear:both;
}
html>body #content .rouge{
	min-height:47px;
	height:auto;
	margin:0 10px 0 10px;
}
#content a {
	margin:0;
	padding:0;
	color:#14699f;
	text-decoration:underline;
}
#content ul{
	text-align:justify;
	color:#000;
	font-size:11px;
	margin:2px 10px 10px 10px;
	padding:0;
	list-style-type:none;
}
#content  li{
	background:url(../images/_charte/bg_li.gif) no-repeat left top;
	margin:5px 0;
	padding:0 0 0 15px;
	list-style-type:none;	
}
/* ----------------------------------------------------------------- */
/* Déclarations applicables au contenu en rouge ------------------------ */
/* ----------------------------------------------------------------- */
#content .rouge h2 {
	background: url(../images/_charte/bg_rouge.gif) no-repeat right bottom;
	height:47px;
	padding:0;
	margin:0;
}
#content .rouge h2 span{
	left:-999em;
	position:absolute;
}
#content .rouge p{
	margin:10px 10px 0 10px ;
	padding:0;
	color:#FFFFFF !important;
}
#content .rouge h4{
	text-align:left;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:5px;
	padding:0 5px;
}

#content .rouge a{
	color:#FFFFFF !important;
}
/* ----------------------------------------------------------------- */
/* Déclarations applicables au contenu en 2 cols ------------------------ */
/* ----------------------------------------------------------------- */
#content .une_col2 {
	width:270px;
	float:left;
	margin:0;
}
#content .une_col2 h3{
	text-align:justify;
	color:#a40c16;
	font-size:14px;
	margin:5px 10px;
	padding:0;
}


/* ----------------------------------------------------------------- */
/* Déclarations applicables au pied de page ------------------------ */
/* ----------------------------------------------------------------- */

#foot {
	background: url(../images/_charte/foot-print.gif) no-repeat center top;
	text-align:center;
	font-size:10px;
	color:#196BA0;
	height:65px;
	clear:both;
	width:100%;
	padding:0;
	margin:0;
}
#foot p{
	display : none;
}
#foot a {
	display : none;
}
#foot a:hover {
	display : none;
}

/* ----------------------------------------------------------------- */
/* Déclarations génériques ----------------------------------------- */
/* ----------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px
}
.img_left {
	float:left;
	margin:10px 10px 5px 10px;
}
.img_right {
	float:right;
	margin:10px 10px 5px 10px;
}
.bottom-content{
	display : none;
}
.right{
	text-align:right !important;
}