@charset "UTF-8";
/* CSS Document */

/* ----------------BODY---------------- */
body {
	margin : 0;
	background:#e3e3e3 url("../images/background_graph2.jpg") no-repeat fixed top center;
}

/*=======================================*/
/* ----------------LIENS---------------- */
/*=======================================*/
a:link {
	color: red;
	text-decoration: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

a:visited {
	color: red;
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:hover {
	color: #666;
	text-decoration: none;
}

/*-----------------en savoir plus-----------*/
a.savoirplus:link {
	color: red;
	text-decoration: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	
}

a.savoirplus:visited {
	color: red;
	text-decoration: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

a.savoirplus:active {
	text-decoration: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

a.savoirplus:hover {
	color: #CCC;
	text-decoration: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

/* ----------------nav---------------- */


a.nav:link {
	color: red;
	text-decoration:none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

a.nav:visited {
	color: yellow;
	text-decoration: none;
}

a.nav:active {
	background-color: purple;
	text-decoration: none;
}

a.nav:hover {
	color: #F90;
	text-decoration: none;
}


/*---------------------------------------------*/
/* -------[sousmenu]-------- */
/*---------------------------------------------*/


#sousmenu {
	width: 180px;
	margin: 0px;
}

#sousmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	border-style: none solid;
	border-color: #CCC;
	border-width: 1px;
}

#sousmenu li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
}

#sousmenu li a:link, #sousmenu li a:visited {
	color: #777;
	display: block;
	background: url(../images/sousmenu.gif);
	padding: 9px 0px 0 30px;
	text-align: left;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	
}

#sousmenu li a:hover {
	color: #fff;
	background: url(../images/sousmenu.gif) 0 -32px;
	padding: 9px 0px 0 30px;
	text-align: left;
}

#sousmenu li a:active {
	color: #fff;
	background: url(../images/sousmenu.gif) 0 -64px;
	padding: 9px 0px 0 30px;
	text-align: left;
}

/*---------------------------------------------*/
/* ---------------Menu Hover-------------------*/
/*---------------------------------------------*/

.hovermenu ul{
	color: #060;
	margin: 0;
	padding: 0;
	line-height: 2;
	background: url(../images/fondbouton.gif) repeat-x;
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
}

.hovermenu ul li{
	list-style: none;
	display: inline;
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
}

.hovermenu ul li a{
	height: 30px;
	text-decoration: none;
	float: left;
	color: #FFF;
	background: url(../images/fondbouton.gif) 0 -2px;
	padding: 5px 30px;
	border-right: solid #333 1px;
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
}

.hovermenu ul li a:hover{
	color: #FFF;
	background: url(../images/fondbouton.gif) 0 -32px;	
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;

}

.hovermenu ul li a:active{
	background: url(../images/fondbouton.gif) 0 -62px;
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
		
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
	border-style: none;
}
/*---------------------------------------------*/
/* ---------------Menu Footer-------------------*/
/*---------------------------------------------*/

.footermenu ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	margin: 0;
	padding: 5px 0px 0px 0px;
	line-height: 2;
}

.footermenu ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	list-style: none;
	display: inline;
}

.footermenu ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	height: 30px;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
}

.footermenu ul li a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
}

.footermenu ul li a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
}

html>body .footermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #999999;
	border-style: none;
}
/*=======================================*/
/* ----------------DIV---------------- */
/*=======================================*/

#conteneurprincipal {
	position:relative;
    margin-left: auto;
    margin-right: auto;
	background: white;
	width: 950px;
}

div#top {
	position:relative;
	width:100%;
	height:50px;
	z-index:1;
	background: url("../images/diagonales2_01.jpg") repeat;
}

div#visuel {
	position:relative;
	width:100%;
	height:200px;
	z-index:1;
	background-color: #060;
}

div#menu {
	position:relative;
	width:100%;
	height:25px;
	z-index:1;
	overflow: hidden;
	background: url(../images/fondbouton.gif) repeat-x 0px -2px;
	padding: 0;
	margin: 0;
	
}

div#conteneurmodules {
	position:relative;
	width:100%;
	z-index:1;
	padding: 0px;
	height: 320px;
	background:#fff url(../images/FeuillesGouttes2.jpg);
	overflow: hidden;
}

div#maincontent {
	position:relative;
	width:100%;
	z-index:2;
	padding: 0px;
	overflow: visible;
	background-repeat: no-repeat;
}

div#module {
	position:relative;
	z-index:3;
	float: left;
	height: 210px;
	padding: 15px 0px 0px 13px;
	overflow: visible;
}
div#content {
	position:relative;
	z-index:5;
	float: inherit;
	padding: 0px 0px 0px 13px;
	overflow: visible;

}

div#sousmenu1 {
	position:relative;
	z-index:6;
	float: left;
	height: 210px;
	padding: 0px;
	overflow: visible;
}

div#moduletransp {
	position:absolute;
	width: 300px;
	z-index:-2;
	float: left;
	height: 250px;
	padding: 0px;
	filter:alpha(opacity=30);/*IE*/
	-moz-opacity:0.30; /*autres nav*/
	opacity: 0.30;
	overflow: hidden;
	background-color: #fff;
}

div#footer {
	position:inherit;
	width:100%;
	height:50px;
	z-index:1;
	text-align: center;
	background-color: #e3e3e3;
	padding: 0px;
}
/*=======================================*/
/* ----------------TABLEAUX---------------- */
/*=======================================*/


th {
	/*text-align: left;*/
}

td {
	padding: 0px;
	/*text-align: left;*/
}

/*.tdtransp {
	filter:alpha(opacity=25);/*IE
	-moz-opacity:0.25; /*autres nav
	opacity: 0.25;
}*/

table#ombre {
	/*background-color:#FFFFFF;*/
	/*border-right: solid #cccccc 1px;
	border-bottom: solid #cccccc 1px;
	/*background-image: url(../images/Cadre2.gif);
	background-repeat: no-repeat;*/

}

table#ombre td {
	padding: 0px 10px 10px 10px;
	border: none;
}

table#ombre2 {
	/*background-color:#FFFFFF;*/
	border-right: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
}

table#tablecontent {
		
}

table#tablecontent td {
	padding: 0px 10px;
	border: none;
}

.data {
    color: #000;
    background-color: #CCC;

}

.toprow {
	background: url(../images/cadre_02.gif) repeat-x;
	max-height: 15px;
}

.leftcol {
	background: url(../images/cadre_04.gif) repeat-y;

}
.carre {
	background: url(../images/cadre_01.gif) no-repeat;
}

.contenu {
	padding: 0px 5px 5px 0px;
}
/*=======================================*/
/* ----------------TEXTES---------------- */
/*=======================================*/

h1 {
	color: #060;
	text-decoration: none;
	padding: 0px;
	font: italic small-caps bold 1.4em georgia, garamond, serif;
}

h2 {
	color: #f00;
	text-decoration: none;
	padding: 0px;
	font: italic small-caps bold 1.4em georgia, garamond, serif;
}

.texteleft {
	color: #000;
	text-decoration: none;
	text-align: left;
	padding: 0px;	
	font: 0.8em georgia, garamond, serif;

}

.texteblancleft {
	color: #fff;
	text-decoration: none;
	text-align: left;
	padding: 0px;	
	font: 0.8em georgia, garamond, serif;

}

.textejustif {
	color: #000;
	text-decoration: none;
	text-align: justify;
	padding: 0px;
	font: 0.8em georgia, garamond, serif;

}
.chapo {
	color: #096;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	font: bold 1em georgia, garamond, serif;

}

.chapo2 {
	color: #093;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	font: bold 1em georgia, garamond, serif;

}
p {

}

li {
	
}

.li2 {
	color: #000;
	text-decoration: none;
	text-align: left;
	padding: 0px;
	list-style-type: square;	
	font: 0.8em georgia, garamond, serif;

}

.imgborder {
	border: 2px solid #afb085;
	}