/*
Orange 			: #fe9a22
Orange clair	 	: #FFae45
Orange 3	 	: #fa8d00
marron		 	: #8a4511
gris		 	: #f2ecd6
Bleu			: #578DC6
*/
body{
	margin:0;
	background-color:#FFF;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#333;
}


/* -------------------------------------------------------------------------- */
/* MAIN ... -------------------------------------------------- */
/* -------------------------------------------------------------------------- */
#main_container{
width:900px; 
background-color:#FFae45; 
background-image:url(../img/adoc_bg.jpg); 
background-repeat:no-repeat; 
border-width:1px; 
border-color:#8a4511; 
border-style:solid;
}


/* -------------------------------------------------------------------------- */
/* ZONE BANDEAU HORIZONTAL -------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.upper_part{width:900px; height:110px; overflow:hidden;}
#decal_menu{float:left; display: block; width: 247px;}
#decal_menu a{display:block; width:200px; height:100px; text-decoration:none;}
#decal_menu a span{visibility:hidden;}
#menu_1 a{background-image:url(../img/menu_1.jpg);}
#menu_2 a{background-image:url(../img/menu_2.jpg);}
#menu_3 a{background-image:url(../img/menu_3.jpg);}
#menu_4 a{background-image:url(../img/menu_4.jpg);}
#menu_5 a{background-image:url(../img/menu_5.jpg);}



.button_area {
	float:left; 
	width:128px;
	overflow:hidden;
	cursor:pointer;
}

.button_commun{	
	display: block; 
	height:110px; 
	width:128px; 
}
a.button_commun{color:#FFF; cursor:pointer;}

.button_fixed {text-decoration:none;}

#menu_1 .button_fixed{background-image:url(../img/menu_1_selected.jpg);}
#menu_2 .button_fixed{background-image:url(../img/menu_2_selected.jpg);}
#menu_3 .button_fixed{background-image:url(../img/menu_3_selected.jpg);}
#menu_4 .button_fixed{background-image:url(../img/menu_4_selected.jpg);}
#menu_5 .button_fixed{background-image:url(../img/menu_5_selected.jpg);}

.button_roll {
    background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration:none;
}
	 
a.button_roll:hover {
	 background-position: 0 -110px;
}

.button_selected_text,.button_text{
	width:128px; 
	padding-top:30px; 
	color:#FFF; 
	font-weight:bold;
	cursor:pointer;
}

.button_selected_text {
	font-size:14pt;
}
.button_text {
	font-size:13pt;
}


/* 						---										 */
/*zone intermédiaire*/
/* 						---										 */
#base_line{width:900px; height:20px;}
#lower_part{width:900px;}


/* ------------------------------------------------------------- */
/* Partie latérale  -------------------------------------------- */
/* ------------------------------------------------------------- */

#left_menu{float:left; width:185px;}


/* 						---										 */
/* ZONE LOGIN -------------------------------------------------- */
/* 						---										 */
#login_menu{width:175px;}
#login_menu #titre_login a, #login_menu #titre_login span{
	/*width:153px;*/
	background-image:url(../img/bouton_orange.gif); 
	background-repeat:no-repeat; 
	background-color:#fa8d00;
	padding:5px; 
/*	font-size:0.8em; */
	font-size:10pt;
	color:#FFF;
	text-decoration: none;
	display: block;
}

#login_menu #titre_login a:visited{
	color:#FFF;
}


#login_form {
	margin:0px;
	padding:0px;
}
.login_field {
	margin:3px;
	padding:0px;
	color:#666;
	font-size:small;
	text-align:center;
}



/* -------------------- ----------------------------------------- */
/* ZONE MENU CONTEXTUEL ----------------------------------------- */
/* -------------------------------------------------------------- */
#context_menu{width:175px; font-size:12px;position:relative;}
#context_menu a{font-size:12px;}
/*
.titre_context_menu {position:relative;}
.titre_context_menu a {
	/*background-image:url(../img/bouton_noir.gif);*/
	background-position:top left;	 
	background-repeat:no-repeat;
	padding:5px;
	font-size:small; 
	color:#FFF;
	text-decoration:none;
	display:block;
}

.titre_context_menu a.couleur1{background-image:url(../img/bouton_orange.gif);}
.titre_context_menu a.couleur2{background-image:url(../img/bouton_bleu.gif);}
.titre_context_menu a.couleur3{background-image:url(../img/bouton_rouge.gif);}
.titre_context_menu a.couleur4{background-image:url(../img/bouton_vert.gif);}
.titre_context_menu a.couleur5{background-image:url(../img/bouton_mauve.gif);}
.titre_context_menu a.couleur6{background-image:url(../img/bouton_noir.gif);}
.titre_context_menu a.couleur7{background-image:url(../img/bouton_noir.gif);}
.titre_context_menu a.couleur8{background-image:url(../img/bouton_noir.gif);}
.titre_context_menu a.couleur9{background-image:url(../img/bouton_noir.gif);}
.titre_context_menu a.couleur10{background-image:url(../img/bouton_noir.gif);}
.titre_context_menu a.couleur11{background-image:url(../img/bouton_noir.gif);}
.titre_context_menu a.couleur12{background-image:url(../img/bouton_noir.gif);}

.titre_context_menu a.actif {font-weight:bold;}
*/
/*retouches ghis*/
#context_menu a.actif{font-weight:bold;}
a.couleur1,
a.couleur2,
a.couleur3,
a.couleur4,
a.couleur5,
a.couleur6,
a.couleur7,
a.couleur8,
a.couleur9,
a.couleur10,
a.couleur11,
a.couleur12{
	background-position:top left;	 
	background-repeat:no-repeat;
	padding:5px;
	/*font-size:small;*/ 
	color:#FFF;
	text-decoration:none;
	display:block;
	text-align:right;
	/*background-color:#FA8D00;*/
}

a.couleur1{background-image:url(../img/bouton_orange.gif);}
a.couleur2{background-image:url(../img/bouton_bleu.gif);}
a.couleur3{background-image:url(../img/bouton_rouge.gif);}
a.couleur4{background-image:url(../img/bouton_vert.gif);}
a.couleur5{background-image:url(../img/bouton_mauve.gif);}
a.couleur6{background-image:url(../img/bouton_noir.gif);}
a.couleur7{background-image:url(../img/bouton_noir.gif);}
a.couleur8{background-image:url(../img/bouton_noir.gif);}
a.couleur9{background-image:url(../img/bouton_noir.gif);}
a.couleur10{background-image:url(../img/bouton_noir.gif);}
a.couleur11{background-image:url(../img/bouton_noir.gif);}
a.couleur12{background-image:url(../img/bouton_noir.gif);}


#context_menu ul {
	list-style-type:none; 
	list-style-position:outside; 
	padding:0px; 
	margin:0px;
}

.sous_menu a.sub_actif {font-weight:bold;font-style:italic;}

.sous_menu .impair a {
	position:relative; 
	padding-top:3px; 
	padding-bottom:5px; 
	padding-right:5px; 
	background-color:#Fdf6e5;
	width:158px;
/*	font-size:0.8em;*/
	text-decoration: none;
	display: block;
}

.sous_menu .impair a:hover {
	background-color:##578DC6;
	color:#000000
}

.sous_menu .impair a:visited {
	color:#444444
}

.sous_menu .pair a {
	position:relative; 
	padding-top:3px; 
	padding-bottom:5px; 
	padding-right:5px; 
	background-color:#FFFFFF;
	width:158px;
/*	font-size:0.8em;*/
	text-decoration: none;
	display: block;
}

.sous_menu .pair a:hover {
	background-color:#fcfaf0;
	color:#000000
}

.sous_menu .pair  a:visited {
	color:#444444
}
/* ----------------------------------------------------------------------- */
/* ZONE BANNIERE  -------------------------------------------------------- */
/* ----------------------------- ----------------------------------------- */

#banner_title {
	font-size:2em;
	color:#FFFFFF;
	font-weight:bold;
	position:relative; 
	left:10px;
	top:-2px;/*3*/
}

/* ----------------------------------------------------------------------- */
/* ZONE CONTENT  --------------------------------------------------------- */
/* ----------------------------- ----------------------------------------- */
#page_content{float:left; width:715px;
	/*min-height:650px;*/}

/* ----------------------------------------------------------------------- */
/* STYLES MISE EN PAGE DU CONTENU ---------------------------------------- */
/* ----------------------------- ----------------------------------------- */
#horizontal_banner{width:697px;}

#banner_bottom{position:relative; margin-top:-35px; width:685px; height:35px; background-color:; overflow:hidden;}

#color_box{float:left; height:35px; width:35px;}

.wrapper{width:697px;}
.wrapper .blocContent{ background-color:#FFF; /*height:100%;*/}
.wrapper table{border:none;}
/*.blocContent .content_area{height:100%;}*/


.coldouble {clear:left;}
.colunique{clear:both;}


.colunique .blocContent .blocContentMEP {width:697px}

.colunique .blocContent .border_top,
.colunique .blocContent .content_area,
.colunique .blocContent .border_bottom 
{width:685px;}

.coldouble .blocContent .blocContentMEP {width:348px;}
.coldouble .blocContent {width:348px; float:left;}
.coldouble .blocContent .border_top,
.coldouble .blocContent .content_area,
.coldouble .blocContent .border_bottom 
{width:334px;}

/*
sous-styles dans blocContent
*/

.colsInterne .colsInt{width:50%; height:100%;} /*style par defaut*/
.colsInterneFixe .colsInt{width:310px; height:100%;}

.colGInterne{float:left;}
.colDInterne{float:right;}

/**/

.content_area {
	padding:10px; 
	background-repeat:repeat; 
	background-position:left;
	text-align:left;
	vertical-align:top;
}

.content_area a {
	text-decoration:underline
}

.content_area h1 {
	margin:0px 0px 0px 0px;
	font-size:1em;
	font-weight:50;
}

.content_area h2 {
	margin:0px 0px 0px 0px;
	font-size:1em;
/*	text-indent:10px;*/
	font-weight:50;
}

.content_area h3 {
	margin:0px 0px 0px 0px;
	font-size:1em;
	text-indent:0px;
	font-weight:bold;
}

.content_area q {
	font-weight:bold;
	padding-left:0px;
}

.content_area ul {
	font-weight:50;
	vertical-align:bottom;
	list-style-position:outside; 
	padding:0px; 
	margin:10px 5px 10px 15px;
}

.content_area li {
	margin:5px 0px 5px 0px;
	vertical-align:middle;
}


.contenttable td p{margin:5px 0;padding:0 5px;}

/* ----------------------------------------------------------------------- */
/* STYLES POUR BORDURE DE CADRES ----------------------------------------- */
/* ----------------------------- ----------------------------------------- */
.corner_top_left,
.corner_top_right,
.corner_bottom_left,
.corner_bottom_right
{
	height:6px;
	width:6px;
	background-repeat:no-repeat;	
}

.corner_top_left{background-image:url(../img/corner_top_left.gif);}
.corner_top_right{background-image:url(../img/corner_top_right.gif);}
.corner_bottom_left{background-image:url(../img/corner_bottom_left.gif);}
.corner_bottom_right{background-image:url(../img/corner_bottom_right.gif);}

.border_top,
.border_bottom,
.border_left,
.border_right
{height:6px;}
 
.border_top,
.border_bottom
{background-repeat:repeat-x;}

.border_left,
.border_right
{background-repeat:repeat-y;}

.border_top{background-image:url(../img/border_top.gif);}
.border_bottom{background-image:url(../img/border_bottom.gif);}
.border_left{background-image:url(../img/border_left.gif);}
.border_right{background-image:url(../img/border_right.gif);}


/*fin page*/
#endpage{
background-color:#Fe7F00; 
width:900px;
/*font-weight: bold;*/
color:#444;
clear:both;
}
#endpage a{
color:#000;
/*font-weight: bold;*/
}

/* hauteur des blocs prédéfinis */
#height225 td.content_area{height:225px;}
#height250 td.content_area{height:250px;}
#height275 td.content_area{height:275px;}
#height300 td.content_area{height:300px;}
#height325 td.content_area{height:325px;}
#height350 td.content_area{height:350px;}
#height375 td.content_area{height:375px;}
#height400 td.content_area{height:400px;}
#height425 td.content_area{height:425px;}
#height450 td.content_area{height:450px;}
#height475 td.content_area{height:475px;}
#height500 td.content_area{height:500px;}