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

body {
	background:#1E5075 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:0 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/bg-foot.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{
	padding:63px 0 0 0;
	margin:0;
}
#foot a {
	color:#196BA0;
	text-decoration:none;
}
#foot a:hover {
	text-decoration:underline;
}

/* ----------------------------------------------------------------- */
/* Déclarations pour les tables------------------------------------- */
/* ----------------------------------------------------------------- */

#content table{
	margin:2px;
	padding:5px;
	width:400px;
	color:#a40c16;
	font-size:11px;
	text-align:left;
	float:left;
	border:#1e5075;
	border-width:0 1px 1px 0;
}
#content table td{
	border: thin solid #1e5075;
	border-width: thin solid 0px 1px 1px 0px;
}



/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'animation "bouton album" - right top corner */
/* -------------------------------------------------------------------------------------------- */

#bt-album {
	position:absolute;
	right:0;
	top:50;
	margin:0;
	padding:0;
}
#bt-album span {
	margin:0;
	padding:0;
	z-index:3;
}
/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'animation "bouton edition 2007" - left top corner */
/* -------------------------------------------------------------------------------------------- */

#bt-edition2007 {
	position:absolute;
	left:25;
	top:0;
	margin:0;
	padding:0;
}
#bt-edition2007 span {
	margin:0;
	padding:0;
	z-index:4;
}

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

.spacer {
	width:100%;
	clear:both;
	font-size:1px
}
.img_left {
	float:left;
	margin:10px 10px 5px 10px;
}
.img_lefts {
	float:left;
	margin:10px 10px 5px 50px;
}
.img_right {
	float:right;
	margin:10px 10px 5px 10px;
}
.img_rights {
	float:right;
	margin:10px 50px 5px 0px;
}	
.img_center {
	margin:5px 10px 0px 10px;
}
.bottom-content{
	background: url(../images/_charte/bg_hr.gif) repeat-x bottom right;
	width:100%;
	clear:both;
	margin:0 0 0 0;
	padding:0;
}
.right{
	text-align:right !important;
}

a.style_pdf{
	background:url(../images/_charte/bg_a_pdf.gif) no-repeat left top;
	padding:0 20px 0 25px !important;
	margin:0 0 0 10px;
	color:#196BA0;
	text-decoration:none!important;
}
a.style_pdf:hover{
	text-decoration:none!important;
}
a.style_pdf img{
	border: 0!important;
	margin: -2px 0 0 0!important;
}
a img{
	border: 0!important;
}
.tudip {
	background-image:url(../images/btn-tudip.jpg) no-repeat left top;
	margin-right:10px;
	margin-top:5px;
}
.plans {
	background-image:url(../images/btn-plans.jpg) no-repeat left top;
	padding-top:17px;
	margin-left:5px;
	margin-right:30px;
	margin-top:8px;
}
.border {
	background-color:#e9eef3;
}