/*==========================================================================================================
 _   _   _____   __   _   _____   _____    _____  __    __  _   __   _   _     _   _____   _____   _____  
| | | | | ____| |  \ | | | ____| |  _  \  /  ___| \ \  / / | | |  \ | | | |   / / | ____| /  ___/ |_   _| 
| |_| | | |__   |   \| | | |__   | |_| |  | |      \ \/ /  | | |   \| | | |  / /  | |__   | |___    | |   
\___  | |  __|  | |\   | |  __|  |  _  /  | |  _    \  /   | | | |\   | | | / /   |  __|  \___  \   | |   
    | | | |___  | | \  | | |___  | | \ \  | |_| |   / /    | | | | \  | | |/ /    | |___   ___| |   | |   
    |_| |_____| |_|  \_| |_____| |_|  \_\ \_____/  /_/     |_| |_|  \_| |___/     |_____| /_____/   |_|   
===========================================================================================================*/


/*=====================================
=======================================unf
  DIVERS
=======================================
=====================================*/
*{
	margin:0;
	padding:0;
	font-family:"Arial", Helvetica, Verdana;
}

html{
	font-size: 100%;
}

body{
	width:100%;
	font-size: 0.625em;
	background: #efefef url("../images/structure/bg.jpg") center top no-repeat;
}
a{
	color:#000;
	text-decoration: none;
}
a:hover{
	color:#000;
	text-decoration: underline;
}
div#container{
	width: 970px;
	margin: 0 auto 0 auto;
}

/*=====================================
=======================================
  HEADER
  les elements dans le header (langue, menu) sont disposes en positionement absolut
=======================================
=====================================*/
div#header{
	background: #a9bfd5 url("../images/structure/bg_header.jpg");
	height:91px;
	width: 100%;
	position: relative;
}

/* - logo - */

.logo{
	background: transparent url("../images/structure/logo.jpg") no-repeat;
	display:block;
	height:91px;
	width:273px;
	text-decoration: none;
}
.logo:hover{
	text-decoration: none;	
}
.logo span{
	visibility: hidden;
}

/* - langue - */

div#h_langue{
	position: absolute;
	top: 2px;
	right: 60px;
	color:#fff;
	font-size: 1em;
}
div#h_langue a{
	color:#fff;
}
div#h_langue a:hover{
	color:#fff;
}

/* - menu - */

div#h_menu{
	position: absolute;
	top: 75px;
	right: 60px;
	color:#7d7c7d;
	font-size: 1.1em;
}
#menu{
	list-style-type: none;
	/* pour regler les problemes de float des elements internes */
	overflow: hidden;
	zoom:1;
}			
#menu li{
	float:left;
	border-left:solid 1px #d5d5d5;
	padding: 0px 10px
}
#menu li.first_item{
	border-left:none;
}
#menu .current_item{
	color:#000;
}
#menu li a{
	color:#7d7c7d;
	text-decoration: none;
}
#menu li a:hover{
	color:#000;
}
#menu li.actu a:hover{
	color:#aaa;	
}

/*=====================================
=======================================
  HERO
=======================================
=====================================*/
div#hero{
	width:970px;
	height:275px;
	background:#fff url("../images/structure/bg_hero.jpg") bottom no-repeat;
}

/*=====================================
=======================================
  CONTENT
=======================================
=====================================*/
div#content{
	background:#fff url("../images/structure/bg_content.jpg") top repeat-y;
	padding: 0 24px 0 24px;
	/* pour regler les problemes de float des elements internes */
	overflow: hidden;
	zoom:1;
}
div#content_left{/* la colonne du menu */
	float:left;
	width:182px;
	padding:0 2px 0 2px;
}
div#content_right{/* la colonne du contenu */
	float:right;
	width: 719px;
	padding:0 8px 0 8px;
}

/* - titre - */

div.title_col_left{
	background-color: #A2A2A2;
	text-align: center;
	margin-bottom:2px;
}
div.title_col_left h2{
	padding:20px 0 5px 0;	
	color:#fff;
	font-size:1.4em;
}

/* - image - */

.s_img{
	border:solid 1px #a1a1a1;
}
.f_left{
	float:left;
	margin:5px 10px 5px 0;
}
#content_right{
	font-size:1.1em;
	color:#7d7c7d;
	margin-bottom:10px;
	line-height: 1.5em;
	text-align:justify;
}
#content_right p{
	font-size:1.1em;
	color:#7d7c7d;
	margin-bottom:10px;
	line-height: 1.5em;
	text-align:justify;
}
#content_right .title_page{
	color:#a4a3a4;
	font-size:1.5em;
	margin:20px 0 10px 3px;
	letter-spacing: 0.1em;
}


/* - menu gauche - */
div#c_menu{
	background: #fff url("../images/structure/bg_menu.jpg") repeat-x bottom;
}
div#c_menu ul{
	list-style-type: none;
}
div#c_menu ul li{
	border-bottom:solid 2px #fff;
}
div#c_menu ul li a{
	display: block;
	height:16px;
	background: #e6e5e6 url("../images/structure/menu_lev5.jpg") no-repeat;
	padding:9px 0 5px 25px;
	color:#3c3c3c;
	font-size: 1.1em;
}
div#c_menu ul li a.lev1{
	background: #e6e5e6 url("../images/structure/menu_lev1.jpg") no-repeat;
}
div#c_menu ul li a.lev2{
	background: #e6e5e6 url("../images/structure/menu_lev2.jpg") no-repeat;
}
div#c_menu ul li a.lev3{
	background: #e6e5e6 url("../images/structure/menu_lev3.jpg") no-repeat;
}
div#c_menu ul li a.lev4{
	background: #e6e5e6 url("../images/structure/menu_lev4.jpg") no-repeat;
}
div#c_menu ul li a.current{
	background: #e6e5e6 url("../images/structure/menu_current.jpg") no-repeat;
}
div#c_menu ul li a:hover{
	text-decoration:none;
	background: #e6e5e6 url("../images/structure/menu_current.jpg") no-repeat;
}

/*=====================================
=======================================
  FOOTER
  2 types de fond pour le footer, le fond blanc  
  ou le fond colore (gris a gauche et vert a droite)
=======================================
=====================================*/
div#footer_col, div#footer{
	padding: 0 21px 0 24px;
	/* pour regler les problemes de float des elements internes */
	overflow: hidden;
	zoom:1;	
}
div#footer{/* le fond blanc */
	background: #EFEFEF url("../images/structure/bg_content.jpg") repeat-y;
}
div#footer_col{/* ou le fond colorer (gris a gauche et vert a droite) */
	background: #EFEFEF url("../images/structure/bg_content_col.jpg") repeat-y;
}
div#f_left{/* la colonne des stats */
	float:left;
	width:159px;
	padding:10px 10px 5px 15px;
}
div#f_right{/* la colonne des news */
	float:right;
	width: 701px;
	padding:10px 15px 5px 25px;
}

div#f_left h3, div#f_right h3{
	margin-bottom:5px;
	font-size: 1.4em;
	color:#3c3c3c;	
}

/* - stats actions - */

ul.stats_action{
	list-style-type: none;	
	color:#7d7c7d;
}
ul.stats_action li{
	padding:3px 0 3px 25px;	
	margin-bottom:5px;
	font-size: 1.1em;
}
ul.stats_action li.f_up{
	background: transparent url("../images/structure/f_up.gif") no-repeat;	
}
ul.stats_action li.f_down{
	background: transparent url("../images/structure/f_down.gif") no-repeat;
}
ul.stats_action li.f_neuter{
	background: transparent url("../images/structure/f_neuter.gif") no-repeat;	
}

/* - news - */

div.glob_news{
	/* pour regler les problemes de float des elements internes */
	overflow: hidden;
	zoom:1;
}
div.news{
	float:left;
	width: 30%;
	color:#7d7c7d;
}
#body div.news_center{
	margin:0 5% 0 5%;
}
div.news h4{
	color:#3c3c3c;
	font-size: 1.2em;
}
div.news p{
	font-size: 1.1em;
	text-align: justify;
}
div.news p span{
	font-weight: bold;
}

/*=====================================
=======================================
  CREDIT
  2 types de fond pour les credits, le fond blanc  
  ou le fond colorer (gris a gauche et vert a droite)
=======================================
=====================================*/
div#credit, div#credit_col{
	text-align: right;
	color:#7d7c7d;
	padding:25px 30px 10px 0;
}
div#credit{/* le fond blanc */
	background: transparent url("../images/structure/bg_footer.jpg") no-repeat top;
}
div#credit_col{/* ou le fond colorer (gris a gauche et vert a droite) */
	background: transparent url("../images/structure/bg_footer_col.jpg") no-repeat top;
}

div#credit a{
	color:#7d7c7d;
}
div#credit a:hover{
	color:#000;
	text-decoration: none;
}

/*=====================================
=======================================
  SITEMAPS
=======================================
=====================================*/

#sitemaps ul 
{
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: auto;
}

#sitemaps li {
	margin: 0px 0px 0px 5px;
}

/*=====================================
=======================================
  BREADCRUMBS
=======================================
=====================================*/

#quickSummary 
{
	position:absolute;
	margin-top: -10px;
	z-index: 100;
}
#quickSummary A:link {
	COLOR: #42443a
}
#quickSummary A:visited {
	COLOR: #42443a
}
#quickSummary A:hover {
	COLOR: #42443a
}
#quickSummary A:active {
	COLOR: #42443a
}
#quickSummary .p1 {
	DISPLAY: none
}


/*=====================================
=======================================
  PICKER AND CALENDAR
=======================================
=====================================*/
.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  padding: 1px;
  cursor: pointer;
  width:110px;
}

.calendar_button
{
	border:none;
	cursor:pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

/*=====================================
=======================================
  Classes for +- span
=======================================
=====================================*/

a.MinusPlus
{
    text-decoration:none;
}

a.MinusPlus:visited
{
    text-decoration:none;
}

a.MinusPlus:hover
{
    text-decoration:none;
}

img.MinusPlus
{
    border:none;
    vertical-align:bottom;
}

span.MinusPlus
{
    margin-left:20px;
    padding:5px 5px 5px 5px;
    width:100%;
    border: #7C7C94 1px solid; 
    background-color: #e6e5e6;
}

/*=====================================
=======================================
  Classes for page and editor content 
=======================================
=====================================*/

H1
{
	color:#a4a3a4;
	font-size:1.5em;
	margin:20px 0 10px 3px;
	letter-spacing: 0.1em;
}

.title1
{
	color:#a4a3a4;
	font-size:1.5em;
	margin:20px 0 10px 3px;
	letter-spacing: 0.1em;
}

.title2
{
	margin-bottom:5px;
	font-size: 1.4em;
	color:#3c3c3c;	
}

.title3
{
	color:#3c3c3c;
	font-size: 1.3em;
}

.bodytext
{
	font-size:1.1em;
	color:#7d7c7d;
	margin-bottom:10px;
	line-height: 1.5em;
	text-align:justify;
}

.label
{
	font-size:1.2em;
}

.label2
{
	font-size:1.2em;
	font-weight: bold;
}

.label3
{
	font-size:1.2em;
	font-style: italic;
}

.label4
{
	text-decoration: underline;
}

.label5
{
	font-size:1.2em;
	font-weight: bold;
	color:#7d7c7d;
}

.label6
{
	font-size:1.2em;
	font-weight: bold;
	color:#a4bd0a;
}

.label7
{
	font-size:1.3em;
	font-weight: bold;
	font-variant:small-caps;
	color:#a4bd0a;
}

.label8
{
	font-size:1em;
}

.label9
{
	font-weight: bold;
}

.labelPDF
{
    display:block;
	font-size:1.2em;
	font-weight: bold;
	color:#a4bd0a;
	padding-left: 2.5em;
	padding-top: 1.2em;
	background: url("../images/pdf-icon-30x30.jpg") no-repeat left center;
	min-height:2em;
}

.detail
{
}

.image-left{
	border:solid 1px #a1a1a1;
	float:left;
	margin:5px 10px 5px 0px;
}

.image-right{
	border:solid 1px #a1a1a1;
	float:right;
	margin:5px 0px 5px 10px;
}

ul.list1{
	list-style-type:disc;
	list-style-position:outside;
	padding:3px 0 3px 25px;	
	font-size: 1.1em;
}
ul.list1 li
{
	padding:3px 0 3px 5px;	
}

span .frame1
{
    padding: 0px;
    margin: 0px;
    background-color: #D8D8D8;
    display: block;
}

table.table1
{
    background-color:#efefef;
    border: solid 1px #D8D8D8;
    border-collapse:collapse;
    margin: 10px auto 0px auto;
    table-layout:fixed;
    width:100%;   
}

table.table1 tr
{
    vertical-align:top;
}

table.table1 td
{
    padding:5px 5px 5px 5px;
}

.Green
{
    font-weight: bold;
    color: #00FF00;
    font-size: 40px;
    line-height: normal;
}

.Red
{
    font-weight: bold;
    color: #FF0000;
    font-size: 40px;
    line-height: normal;
}