/*
font: #814426, #9b603b -> #824528
border: #9c613a
back: #f3ead3 --> #f2d6ad
*/

/* ID de mise en pages  */

#contenant-principal {
	margin:0 auto;
	padding:10px;
	width:985px;
}

#ombre-gauche {
/*	background-image:url(../images/ombre_gauche.gif);
	background-repeat:no-repeat;
*/
	width:21px;
	height:703px;
	float:left;
}

#ombre-droite {
/*
	background-image:url(../images/ombre_droite.gif);
	background-repeat:no-repeat;
*/
	width:21px;
	height:703px;
	float:left;
}

#contenu {
	border:1px solid #B06010;
	width:940px;
	height:auto;
	float:left;
	background-color:#f2d6ad;
}

#entete {
	padding: 12px 34px 12px 22px;
	border-bottom:1px solid #B06010;
	height:16px;
	background-color:#f2d6ad;
	
}

#navigation-section {
	padding-top:16px;
	width:224px;
	height:644px;
	float:left;
}

#navigation-thematique {
	border-bottom:1px solid #B06010;
	border-left:1px solid #B06010;
	background-image:url(../images/nautile_accueil.jpg);
	background-repeat:no-repeat;
	width:714px;
	height:243px;
	float:left;
	text-align:right;
}

#contenant-gabarit {
	width:714px;
	float:left;
}

#gabarit-lien-rapide-gauche {
	background-color:#fff;
	border-left:1px solid #B06010;
	border-right:1px solid #B06010;
	padding:8px 40px 8px 20px;
	width:495px;
	float:left;
}

#gabarit-lien-rapide-droite {
	width:141px;
	float:right;
	padding:17px 7px;
}

#gabarit-texte-simple-gauche {
	background-color:#fff;
	border-left:1px solid #9c613a;
	border-right:1px solid #9c613a;
	padding:8px 40px 8px 20px;
	width:586px;
/*	min-height:495px;*/
	float:left;
}

#gabarit-texte-simple-droite {
	width:50px;
	float:right;
	padding:17px 7px;
}

#pied-de-page {
	margin: 0 21px;
	padding:5px;
	width:930px;
	font-size:10px;
	font-weight:bold;
	color:#B06010;
	clear:both;
}


/* Classe */

#entete .signature-optimum {
	float:left;	
	padding-top:2px;
	font-size:10px;
	font-weight:bold;
	color:#B06010;
	text-transform:uppercase;
}

#entete .menu-rapide {
	float:right;	
	font-size:12px;
	color:#B06010;
}

#entete .menu-rapide a {
	text-decoration:none;
	color:#B06010;
}

#entete .menu-rapide a:hover {
	text-decoration:underline;
	color:#B06010;
}

#pied-de-page .marque-commerce {
	float:left;	
}

#pied-de-page .menu-legal {
	float:right;
}

#pied-de-page .menu-legal a {
	text-decoration:none;
	color:#B06010;
}

#pied-de-page .menu-legal a:hover {
	text-decoration:underline;
	color:#B06010;
}

#navigation-thematique .barre-menu-nav {
	margin-top:-153px;
	margin-left:210px;
	width: 515px;
	height:30px;
}

#navigation-thematique .barre-menu-haut {
	margin-top:-40px;
	margin-left:220px;
	width: 494px;
	background-color:#E6B792;
	height:30px;
}

#navigation-thematique .barre-menu-bas {
	margin-top:30px;
	padding:0;
	margin-left:220px;
	width: 494px;
	background-color: #fff;
	opacity:.25;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	height:10px;
}

#navigation-thematique .compagnie-titre {
	margin:86px 23px 0 0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	text-transform:uppercase;
	color:#E6DAD4;
	border:0px solid #f90;
}

#navigation-section .compagnie-titre {
	margin:11px 0 0 0;
	padding: 2px 0 2px 46px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	text-transform:capitalize;
	color:#f2d6ad;
	background-color:#B06010;
}

/* Menu section */

ul.menu-section {
	margin:20px 0 0 27px;
	padding:0;

}

ul.menu-section li {
	margin:10px 0;
	padding:0px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	list-style-image:url(/images/puce_carre.gif);
	list-style-type:none;
}

ul.menu-section li:hover, ul.menu-section li a:hover, ul.menu-section li.section-sel {
	list-style-image:url(/images/puce_carre-sel.gif);
}

ul.menu-section li a {
	color:#000;
	text-decoration:none;
}


/* Sous menu de la section */

ul.menu-section ul {
	margin: 7px 25px -1px 0;
	padding:0px 0;
	background-color:#f9f4e9; 
}

ul.menu-section ul li {
	margin:0px 0;
	padding:3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	list-style-type:none;
	list-style-image:none;
	border-bottom:1px dashed #000;
}

ul.menu-section ul li:hover { /* Firefox */
	list-style-image:none;
}

ul.menu-section ul li a {
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
	list-style-type:none;
	list-style-image:none;
}

ul.menu-section ul li a:hover, ul.menu-section ul li.section-sel {
	font-weight:bold;
	list-style-type:none;
	list-style-image:none;
}


/* Menu de navigation thématique */

ul.menu-thematique {
	padding:0 0 0 4px;
	margin:0;
}

ul.menu-thematique li {
	margin:3px 6px 0px 6px;
	padding:0;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	list-style-type:none;
}

ul.menu-thematique li a {
	display:block;
	margin:0 11px 10px 11px;
	padding:6px 0 9px 0;
	color:#fff;
	text-decoration:none;
}

ul.menu-thematique li a:hover {
	padding:6px 0 6px 0;
	border-bottom:3px solid #fff;
}

ul.menu-thematique li:hover a, ul.menu-thematique li.over a {
	padding:6px 0 6px 0;
	border-bottom:3px solid #fff;
}

ul.menu-thematique li.separateur {
	margin:6px 0px 0 0;
	padding:3px 0 3px 0;
	text-decoration:none;
	border-left:2px solid #B06010;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
}

/* Sous menu de navigation thématique */

ul.menu-thematique ul {
	position:absolute;
	display:none;
	margin:-4px 0 0 0;
	padding:10px 0 0px 0;
	border:0px solid #f90;
	z-index:100;
}

ul.menu-thematique li:hover ul, ul.menu-thematique li.over ul, ul.menu-thematique li a:hover ul  {
	display:block;
}

ul.menu-thematique ul li {
	margin:0;
	padding-bottom:5px;
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	list-style-type:none;
	text-align:left;
	background-color:#B06010;
/*	background-color:#BD6B27;*/
/*	background-color:#b79887;*/
}

ul.menu-thematique li:hover ul li a, ul.menu-thematique li.over ul li a, ul.menu-thematique ul li a {
	display:block;
	margin:0 5px 0 0;
	padding:2px 15px;
	color:#fff;
	text-decoration:none;
	border-bottom:0px solid #B06010;
}

ul.menu-thematique li ul li a:hover {
	padding:2px 15px;
	border-bottom:0px solid #B06010;
	background-color:#f2d6ad;
	color:#B06010;
	background-image:url(../images/puce_menu_thematique_brun.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
}

ul.menu-thematique .puce {
	float:left;
	margin:-22px 6px 0px -5px;
	font-size:35px;
	color:#B06010;
}

ul.menu-thematique li ul {
	margin-left:-4px;
}

ul.menu-thematique li ul.menu-dernier {
	margin-left:-213px;
	width:285px;
}

ul.menu-thematique li.menu-element-premier {
	padding-top:5px;
}

ul.menu-thematique li ul li.menu-element-separation {
	padding-top:8px;
}

ul.menu-thematique li ul li a.menu-element-indentation, ul.menu-thematique li ul li a.menu-element-indentation:hover, ul.menu-thematique li.over ul li a.menu-element-indentation {
	padding-left:35px;
}

.separation-menu {
	border-bottom:1px solid #B06010;
	width:165px;
	padding-top:10px;
	margin:5px 0 15px 0;;
}