body, table, td {
font: 10pt Arial,Verdana,Tahoma,sans-serif bold;
}

body {
margin: 0 auto;
padding: 0;
/*background: #f4f4f4 url(image/marges.jpg) top center repeat-y;**/
background-color:#487ec8;
background-image:url(image/bckgd2.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
}

form {
margin:0;
padding:0;
}

a {
text-decoration:none;
color:#0965d7;
}

#entete {

height:100px;
/*background-image: url(image/entete.jpg) no-repeat;*/
/*background-color: #3a92e0 ;*/
}
#entetegauche {
width:340px;
height:100px;
/*background-color: #9fc3e3;*/
/*background-image: url(image/hautgauche.png);*/
}

#entetecentre {
width:690px;
height:100px;
/*background-color: #9fc3e3;*/
/*background-image: url(image/entetecentre.jpg);*/

}

#entetedroit {
width:210px;
height:100px;
/*background-color: #9fc3e3;*/
background-image: url(image/entetedroit.jpg);

}


#recherche{
width:640px;
height:50px;
/*background-color:#294390;	eeeeff*/
/*background: url(image/BANDE.jpg) top center no-repeat;*/
padding:0px 0px 0px 0px;
margin-top:0px;
float:right;
}

#recherche#espaces{
	height:45px;
	width:200px;
	position:absolute;
	right:40px;
	top:10px;
	float:right;
}

#recherche#searchtool{
	height:45px;
	position:absolute;
	right:40px;
	top:10px;
	float:left;
}

#recherche #search{
	height:25px;
	width:120px;
	background:transparent url('./image/search.png') top left no-repeat;
	float:center;
}
.searchform {
	margin:0;
	padding:0;
	float:right;
}
#formsearch {
	margin:0;
	padding:15px 0 0;
	width:auto;
	height:30px;
}
#formsearch span {
	display:block;
	margin:0;
	padding:0;
	float:left;
	background:url(./image/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
	margin:0;
	padding:8px 6px;
	float:left;
	width:174px;
	font-size:12px;
	line-height:14px;
	color:#3d3d3d;
	background:none;
	outline:none;
	border:none;
}
#formsearch input.button_search {
	margin:0;
	padding:0;
	border:none;
	float:left;
}
#menu_haut{
width:720px;
height:50px;
/*background-color:#294390;	eeeeff*/
/*background: url(image/BANDE.jpg) top center no-repeat;*/
padding:0px 0px 0px 0px;
margin-top:0px;
}

.buttonmenuhaut {
width:105px;
height: 50px;
padding-top: 0px;
margin: 0px;
/*background:url('./image/boutonmenu.png') no-repeat;*/
/*border-top:#FFFFFF solid 1px;
border-right:#FFFFFF solid 1px;*/
float:left;
text-align:center;
}

div.menucmshaut
{
height:50px;
/*border-right:#FFFFFF solid 1px;*/
/*background-color:#294390;	eeeeff*/
font: Trebuchet MS,Arial,Helvetica,sans-serif;
font-size: 9pt;
font-weight: bold;
padding-top:0px;
margin-top:0px;
padding-left: 0px;

}

div.menucmshaut li
{
	list-style-type: none;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

div.menucmshaut a
{
	/*width: 89px;*/
	height: 50px;
	line-height: 42px;
	text-decoration: none;
	color: #ffffff;
}

ul.cmshaut
{
	height: 50px;
	margin-right: 0px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}pt

li.cmshaut a
{
	/*width: 89px;*/
}

ul.cmshaut li:hover
{
	height: 50px;
	color: #374959;
	/*background: url(./image/bouton_menu_select.png) repeat-x left top;*/
	/*background-color:#0f4277*/
}

/*------------------------------------------------------------------*/

/* sous-menu */

div.ssmenuhaut{
	display:none;
	z-index:100;
	background-color:#92C32D;
	position:relative;
}

div.ssmenuhaut ul {
	list-style-type:none;
	z-index:auto;
	position:absolute;
	margin-left: -80px;
}


div.ssmenuhaut ul li {
	height: 26px;
	margin-top: 1px;
	color:#3d3d3d;
	display:block;
	z-index:auto;
	/*background: url(./image/ssmenucms.gif) left top;*/
}

div.ssmenuhaut li:hover {
	width: 150px;
	height: 26px;
	color:#3d3d3d;
	display:block;
	z-index:auto;
	/*background: url(./image/ssmenucmshover2.png) repeat-x left top;*/

}

div.ssmenuhaut a{
	width: 150px;
	line-height: 26px;
	display:block;
	z-index:auto;
	font-size: 0.8em;
	font-family: Verdana;
}

#site {
width:1000px;
margin: 0 auto ;
float:left;
padding-top:5px;
margin-left:200px;
/*background-color: #ffffff ;*/
}



/*****menu sous bandeau ***********/

#menu{
height:30px;
/*background-color:#294390;	eeeeff*/
/*background: url(image/BANDE.jpg) top center no-repeat;*/
padding:0px 0px 5px 0px;
margin-top:0px;
}

.buttonmenu {
width:300px;
height: 30px;
padding-top: 0px;
margin: 0px;
background:url(./image/boutonmenu.png) no-repeat;
/*border-right:#FFFFFF solid 1px;*/
float:left;
text-align:center;
color:#3d3d3d;
list-style-type:none;
}


.buttonmenu_selected {
width:300px;
height: 30px;
padding-top: 0px;
margin: 0px;
background:url(./image/boutonmenuover.png) no-repeat;
/*border-right:#FFFFFF solid 1px;*/
float:left;
text-align:center;
color:#3d3d3d;
list-style-type:none;
}

/*
div.menucms {
height:60px;

padding-top:10px;
margin-top:-1px;
padding-left: 50px;
float:center;
}

div.menucms li
{
	list-style-type: none;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

div.menucms a
{

	height: 50px;
	line-height: 42px;
	text-decoration: none;
	color: #ffffff;

	/*
ul.cms
{
	height:60px;
	margin-right: 10px;
	font: 14pt Verdana bold;
	text-align: center;

}

li.cms a
{

}

ul.cms li:hover
{
	height: 50px;

}
*/
/*------------------------------------------------------------------*/





/********** detail des rubriques ***************/
a.root1heading1{
display:block;/* comporte comme un bloc */
color: #edeff3;
margin: 0px 0px;
padding: 7px 5px 0px 5px;
/*background: url(image/DEROULANT-NON-SELEC.gif) top left repeat-y ;
background-position: 0px 50%;*/
font: 12pt Verdana,Arial,Tahoma,sans-serif;
font-weight: bold;
text-align:center;
list-style-type:none;
}

a.root1heading1 li{
display:block;/* comporte comme un bloc */
color: #edeff3;
margin: 0px 0px;
padding: 7px 5px 0px 5px;
/*background: url(image/DEROULANT-NON-SELEC.gif) top left repeat-y ;
background-position: 0px 50%;*/
font: 12pt Verdana,Arial,Tahoma,sans-serif;
font-weight: bold;
text-align:center;
list-style-type:none;
}
a.root1heading1selected{
display:block;/* comporte comme un bloc */
color: #edeff3;
margin: 0px 0px;
padding: 7px 5px 0px 5px;
/*background :  url(image/DEROULANT-SELEC.gif) repeat-y ;
background-position: 0px 50%;*/
font: 12pt Verdana,Arial,Tahoma,sans-serif;
font-weight: bold;
text-align:center;

}


a.root1heading1:hover{
	color: #ffffcc;
	margin: 0px 0px;
	padding: 7px 5px 0px;
	background :  url(image/DEROULANT-SELEC.gif) repeat-y ;
	/*background-color: #edd7ca;*/
	background-position: 0px 50%;
	font: 12pt Verdana,Arial,Tahoma,sans-serif;
	font-weight: bold;
	text-align:center;

	}


a.root1heading2{
display:block;/* comporte comme un bloc */
color: #000000;
margin: 0px 0px;
padding: 2px 5px 0px 5px;
/*background: url(image/DEROULANT-NON-SELEC.gif)  repeat-y ;*/
/*background-position: 0px 50%;*/
font: 8pt Verdana,Arial,Tahoma,sans-serif;
font-weight: bold;
text-align:left;
}


a.root1heading2selected{
display:block;/* comporte comme un bloc */
color: #000000;
margin: 0px 0px;
padding: 2px 5px 0px 5px;
/*background :  url(image/DEROULANT-SELEC.gif) repeat-y ;
background-position: 0px 50%;*/
font: 8pt Verdana,Arial,Tahoma,sans-serif;
font-weight: bold;
/*font-weight: bold;*/
text-align:left;
}


a.root1heading2:hover{
display:block;
color: #0c63b9;
	margin: 0px 0px;
	padding: 2px 5px 0px 5px;
	/*background :  url(image/DEROULANT-SELEC.gif) repeat-y ;*/
	/*background-color: #edd7ca;*/
	/*background-position:0px 50%;*/
font: 8pt Verdana,Arial,Tahoma,sans-serif ;
font-weight: bold;
text-align:left;
	}

a.root1heading3{
display:block;/* comporte comme un bloc */
color: #073563;
margin: 0px 0px;
padding: 2px 5px 0px 20px;
/*background: url(image/DEROULANT-NON-SELEC.gif) repeat-y ;
background-position: 0px 50%;*/
font: 8pt Verdana,Arial,Tahoma,sans-serif;
text-align:left;
}

a.root1heading3selected{
display:block;/* comporte comme un bloc */
color: #000000;
margin: 0px 0px;
padding: 2px 5px 0px 20px;
/*background :  url(image/DEROULANT-SELEC.gif) repeat-y ;
background-position:0px 50%;*/
font: 8pt Verdana,Arial,Tahoma,sans-serif;
text-align:left;
/*font-weight: bold;*/
}


a.root1heading3:hover{
color: #000000;
	margin: 0px 0px;
	padding: 2px 5px 0px 20px;
	/*background :  url(image/DEROULANT-SELEC.gif) repeat-y ;

	background-position:0px 50%;*/
font: 8pt Verdana,Arial,Tahoma,sans-serif;
text-align:left;
	}

a.root1heading4{
display:block;/* comporte comme un bloc */
color: #dce2f6;
margin: 0px 0px;
padding: 2px 5px 0px 80px;
background: url(image/DEROULANT-NON-SELEC.gif) repeat-y ;
background-position: 0px 50%;
font: 8pt Verdana,Arial,Tahoma,sans-serif;
}

a.root1heading4selected{
display:block;/* comporte comme un bloc */
color: #ffffcc;
margin: 0px 0px;
padding: 2px 5px 0px 80px;
background :  url(image/DEROULANT-SELEC.gif) repeat-y ;
background-position: 0px 50%;
font: 8pt Verdana,Arial,Tahoma,sans-serif;
/*font-weight: bold;*/
}


a.root1heading4:hover{
color: #ffffcc;
	margin: 0px 0px;
	padding: 2px 5px 0px 80px;
	background :  url(image/DEROULANT-SELEC.gif) repeat-y ;
	/*background-color: #edd7ca;*/
	background-position:0px 50%;
font: 8pt Verdana,Arial,Tahoma,sans-serif;
	}

.root1heading2_bloc {
background-color: #FFFFFF;
    border: 2px solid #163e81;
    left: 0;
    /*margin-top: 3px;*/
display:none;
position: relative;
z-index:100;	/*display:none;*/
	/*z-index:100;*/
	min-height: 400px;
	/*position:relative;*/
	 width: 500px;
}

.root1heading2_blocselected {
background-color: #FFFFFF;
    border: 2px solid #163e81;
    left: 0;
    margin-top: 0px;
display:none;
position: relative;
z-index:100;	/*display:none;*/
	/*z-index:100;*/
	min-height: 300px;
	/*position:relative;*/
	 width: 500px;
}

.root1heading3_bloc {
background-color: #FFFFFF;
/*    border: 2px solid #163e81;
    left: 0;
    margin-top: 3px;*/
display:none;
position: relative;
z-index:100;	/*display:none;*/
	/*z-index:100;*/
/*	min-height: 250px;*/
	/*position:relative;*/
/*	 width: 500px;*/
}

.root1heading3_blocselected {
/*background-color: #FFFFFF;
    border: 2px solid #163e81;
    left: 0;
    margin-top: 3px;*/
display:block;
position: relative;
/*z-index:100;	/*display:none;*/
	/*z-index:100;*/
	/*min-height: 250px;*/
	/*position:relative;*/
	 /*width: 500px;*/
}

.root1heading4_bloc {
display:none;
}

.root1heading4_blocselected {
display:block;
}

/********** fin detail des rubriques ************/

.form_rech{
width:200px;
float:left;
padding-left:110px;
}

.input_rech{
padding:2px;
width:100px;
border:0px ;
font-size:10px;
}

#colonne {
float: left ;
width: 220px;
height: 90px;
/**margin: 10px 10px 80px 0;**/
padding: 5px;
font-size: 0.9em;
background-color:#ef4949;
border:#ef2828 1px solid;
color:#000000;
}

#login {
float: right ;
width: 140px;
height: 70px;
margin: 5px 5px 0px 0;
padding: 5px;
font-size: 0.9em;
background-color:#f8f9f9;
border:#141C27 1px solid;
color:#000000;
}

#login h4 {
font-size: 0.9em;
}

#login_body {
height:60px;
}

#login_footer {
height:30px;
text-align:right;
}

.logindesc {
clear:left;
float: left;
text-align:right;
width: 60px;
color:#316eaa;
}

.logininput {
float: left;
text-align:right;
width: 65px;
color:#316eaa;
}

.loginbutton {
width: 100%;
text-align:right;
}

#login input{
width: 75px;
height: 12px;
font-size: 0.9em;
border: 1px solid #a0a0a0;
margin: 1px;
padding: 1px;
}

#login input.button {
width: 60px;
height: 18px;
font-size: 0.9em;
background-color: #f0f0f0;
border: 1px solid #a0a0a0;
margin: 1px;
padding: 1px;
}

#login input.button:hover {
background-color: #e0e0e0;
}

#login h4 {
margin: 0;
font-size: 1.2em;
line-height: 1.2em;
padding: 0 0 4px 0;
}

#login_passwordlost {
margin-top:2px;
font-size:0.9em;
text-align:right;
}

/*****fin menu sous bandeau *******/


#pieds {
height:50px;
width:1000px;
background-color: #1a5e85 ;
background:  url(image/pied.png) top left no-repeat ;
text-align: left;
clear:both;
}

#corpshaut{
    float:left;
height:30px;
width:1000px;
background:  url(image/fondhaut.png) top left no-repeat ;
}

#corps_index {
float:left;
width: 1000px;
min-height:511px;
padding-top:0px;
margin-top:0px;
background:  url(image/fond.png) top left repeat-y ;
/**overflow: auto;**/
}


#contenu_index {
float:left;
width:970px;
overflow: auto;
margin:0px 0px 0px 5px;
padding:0px 5px 0px 10px;
}

#carte {
width:55px;
float:right;
padding-top:5px;
}

#defil{
margin:9px 0px 0px 0px;
}


/************ liens dans bandeau **************/
#liensentete {
float:right;
height:113px;
}

.r3h1{
display:block;
font: 10pt Verdana,Arial,Tahoma,sans-serif;
color:#ffffff;
padding-top: 27px;
padding-right: 7px;
font-weight: bold;
/*text-decoration:blink;*/
}
/************ fin liens dans bandeau ***********/

a.root5heading1{
font:  8pt Verdana,Arial,Tahoma,sans-serif bold;
color:#ffffff;
}

.lien{
font-weight: bold;
color:#1511A8;
}




/********** CSS Slider ************/

.container_12, .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

.container_16 .grid_11 {
    width: 640px;
}

.box-content {
    padding: 0 10px 15px;
}

.header {
    position: relative;
    width: 100%;
}

div.bg {
    height: 400px;
    z-index: 2;
}

h2 {
    color: #555555;
    font: 24px/28px "Lucida Sans",Arial,Helvetica,sans-serif;
    letter-spacing: -1px;
    margin: 0 0 5px;
}

h3 {
    color: #777777;
    font: 21px/24px "Lucida Sans",Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    padding: 0;
}

p {
    color: #777777;
    font: 12px/20px "Lucida Sans",Arial,Verdana,Helvetica,sans-serif;
    margin: 0 0 10px;
}

ul.list {
    display: inline-block;
    list-style: none outside none;
    margin: 5px 0 20px 10px;
    padding: 0;
}

ul.list li {
    background: url(./image/tick.gif) no-repeat scroll left 6px transparent;
}

style.css (ligne 216)
ul.list li {
    padding: 3px 5px 3px 25px;
}

#wrapper {
    display: none;
    margin: 0 auto;
    padding: 35px 0 0;
    width: 900px;
}

#fullsize {
    padding: 0;
    position: relative;
}

#thumbnails {
    height: 48px;
    margin-top: 25px;
}

#imgprev {
    background: none repeat scroll 0 0 transparent;
    left: 0;
}

#imglink {
    height: 150px;
    opacity: 0.4;
    position: absolute;
    width: 100%;
    z-index: 90;
}

#imgnext {
    background: none repeat scroll 0 0 transparent;
    right: 0;
}

#image {
    height: 180px;
    width: 350px;
}

#image img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 7px solid #CCCCCC;
    height: 150px;
    left: 40px;
    padding: 1px;
    position: absolute;
    top: 20px;
    width: 350px;
    z-index: 25;
}

#information {
    color: #000000;
    float: right;
    height: 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    right: 10px;
    top: 30px;
    width: 47%;
    z-index: 96;
}

#information h3 {
    color: #666666;
    font: bold 2em Arial,Georgia,Helvetica,sans-serif;
    letter-spacing: -1px;
    padding: 3px 0 10px 3px;
}

#slideleft {
    background: url(./image/leftp.gif) no-repeat scroll center top transparent;
    float: left;
    height: 26px;
    margin-top: 30px;
    padding-left: 12px;
    width: 20px;
}

#slidearea {
    float: left;
    height: 81px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    width: 835px;
}

#slider {
    left: 0;
    position: absolute;
}

#slider img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #D8D8D8;
    cursor: pointer;
    height: 50px;
    margin-top: 15px;
    padding: 1px;
    width: 80px;
}

#slideright {
    background: url(./image/rightp.gif) no-repeat scroll center top transparent;
    float: right;
    height: 26px;
    margin-top: 30px;
    padding-right: 0;
    width: 25px;
}

/********** FIN CSS Slider ************/