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

body { 
	background-color: #83e64e; 
	background-image: url(images/fond_droite.jpg); background-repeat:no-repeat;
	background-position:right top;
	color:#4e4f4e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:0;
}

img:hover {
	border:0;
}

a {
	text-decoration:none;
	color:#4e4f4e;
}

a:hover {
	text-decoration:none;
	color:#4e4f4e;
}
/***********************/
/*** ARRIERE-PLAN ***/
/***********************/

#bloc_centre {
	width: 779px; 
	height: 730px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	position:relative;
	background:url(images/contenu.png) no-repeat;
	z-index:0;
}

#bloc_feuille {
	width:250px; 
	height:296px;
	position:absolute; top:3px; left:18px;
	z-index:-1;
}

#conteneur  {
	width:779px; 
	height:auto;
	margin-left:auto; 
	margin-right:auto;
	position:relative;
	background-image:url(images/ligne.png); 
}

#bandeau {
	width:779px; 
	height:257px; 
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	background-image:url(images/bandeau.png); background-repeat:no-repeat;
	position:relative;
}


#footer {
	width:779px; 
	height:31px; 
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/pied.png); background-repeat:no-repeat;
}

#spacer {
clear:both;
}

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3eb207;
	text-align:center;
}

/***********************/
/*** ACCUEIL ***/
/***********************/

#accueil1 {
	width:216px;
	height:auto;
	float:left;
	padding:269px 60px 0 0;
}
	
#accueil2 {
	width:220px;
	height:auto;
	position:relative;
	float:left;
	padding:260px 20px 0 0;
}

#accueil3 {
	width:216px;
	height:auto;
	position:relative;
	float:left;
	padding:240px 20px 0 20px;
}

/***********************/
/*** CONTENU ***/
/***********************/

#corps1 {
	width:500px;
	height:auto;
	float:right;
	margin-right:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#4e4f4e;
}

#corps1 a { text-decoration:none; color:#4e4f4e;}
#corps1 a:hover { text-decoration:none; }
#corps1 li { list-style-type:none; border-top: solid 1px #e3aa50; padding-bottom:5px; min-height:80px; color:#4e4f4e; }
#corps1 li:hover { list-style-type:none; background-color: #e3aa50; text-decoration:none; padding-bottom:5px; min-height:80px; }



#corps2 {
	width:500px;
	height:auto;
	float:right;
	margin-right:25px;
	text-decoration:none;
}

#corps2 a { text-decoration:none; color:#4e4f4e;}
#corps2 a:hover { text-decoration:none; }
#corps2 li { list-style-type:none; border-top: solid 1px #b1eaf6; padding-bottom:5px; min-height:80px;}
#corps2 li:hover { list-style-type:none; background-color: #b1eaf6; text-decoration:none; padding-bottom:5px; min-height:80px; }


#corps3 {
	width:500px;
	height:auto;
	float:right;
	margin-right:25px;
	text-decoration:none;
	text-align:justify;
}

#corps3 a { text-decoration:none; color:#4e4f4e;}
#corps3 a:hover { text-decoration:none; }
#corps3 li { list-style-type:none; border-top: solid 1px #bceaac; padding-bottom:5px; min-height:80px; }
#corps3 li:hover { list-style-type:none; background-color: #bceaac; text-decoration:none; padding-bottom:5px; min-height:80px; }



#titre {
	width:463px;
	height:59px;
	position:absolute;
	top:-100px;
	left:290px;
}

#chercher {
	width:463px;
	height:59px;
	position:absolute;
	top:-100px;
	left:290px;
}

#actu {
	display:block;
	width:445px;
	height:auto;
	position:absolute;
	top:470px;
	left:40px;
	text-align:justify;
}


/***********************/
/*** MENUS ACCUEIL***/
/***********************/

.liste_entete1 {margin:0; padding-left:15px;}
.liste1 {margin:0; padding-left:15px; color: #eb5709; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.rubrique1 a, .rubrique1 a:visited {color:#eb5709; text-decoration:none; display:block; padding:13px 5px 5px 40px;
background: url(images/puce_orange.gif) no-repeat 10px 10px; height:15px;}
.rubrique1 a:hover {background: url(images/puce_orange2.gif) no-repeat 10px 10px; color:#eb5709; text-decoration:underline;}

.liste_entete2 {margin:0; padding-left:15px;}
.liste2 {margin:0; padding-left:15px; color: #2badcf; 	font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.rubrique2 a, .rubrique2 a:visited {color:#2badcf; text-decoration:none; display:block; padding:12px 5px 5px 40px;
background: url(images/puce_bleue.gif) no-repeat 10px 10px; height:15px;}
.rubrique2 a:hover {background: url(images/puce_bleue2.gif) no-repeat 10px 10px; color:#2badcf; text-decoration:underline;}

.liste_entete3 {margin:0; padding-left:15px;}
.liste3 {margin:0; padding-left:15px; color: #3eb207; 	font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.rubrique3 a, .rubrique3 a:visited {color:#3eb207; text-decoration:none; display:block; padding:12px 5px 5px 40px;
background: url(images/puce_verte.gif) no-repeat 10px 10px; height:15px;}
.rubrique3 a:hover {background: url(images/puce_verte2.gif) no-repeat 10px 10px; color:#3eb207; text-decoration:underline;}


/***********************/
/*** MENU***/
/***********************/

#menu {
	width:auto;
	height:auto;
	float:left;
	padding:0px 40px 0 0;
}

.liste_entete4 {margin:0; padding-left:15px;}
.liste4 {margin:0; padding-left:15px; color: #eb5709; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.rubrique4 a, .rubrique4 a:visited {color:#eb5709; text-decoration:none; display:block; padding:11px 5px 5px 40px;
background: url(images/minipuce_orange.gif) no-repeat 10px 10px; height:12px;}
.rubrique4 a:hover {background: url(images/minipuce_orange2.gif) no-repeat 10px 10px; color:#eb5709; text-decoration:underline;}


.liste_entete5 {margin:0; padding-left:15px;}
.liste5 {margin:0; padding-left:15px; color: #2badcf; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.rubrique5 a, .rubrique5 a:visited {color:#2badcf; text-decoration:none; display:block; padding:11px 5px 5px 40px;
background: url(images/minipuce_bleue.gif) no-repeat 10px 10px; height:12px;}
.rubrique5 a:hover {background: url(images/minipuce_bleue2.gif) no-repeat 10px 10px; color:#2badcf; text-decoration:underline;}

.liste_entete6 {margin:0; padding-left:15px;}
.liste6 {margin:0; padding-left:15px; color: #3eb207; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.rubrique6 a, .rubrique6 a:visited {color:#3eb207; text-decoration:none; display:block; padding:11px 5px 5px 40px;
background: url(images/minipuce_verte.gif) no-repeat 10px 10px; height:12px;}
.rubrique6 a:hover {background: url(images/minipuce_verte2.gif) no-repeat 10px 10px; color:#3eb207; text-decoration:underline;}


/**********************************/
/*** RESSOURCES/Tooltip CSS
par Stu Nicholls - cssplay.co.uk***/
/**********************************/
#menu_ressources 		{float:right; width:300px; height:auto; margin-bottom:30px;}
.img_ressources			{width:45px; height:35px; filter : alpha(opacity=45); -moz-opacity : 0.45; opacity : 0.55; border:0; }
.img_ressources:hover	{filter : alpha(opacity=100); -moz-opacity : 0.99; opacity : 0.99; border:0;  }
.liste_ressources  		{list-style-type:none; display:inline; padding-right:2px; }



a.tooltip2 {color:#3eb207;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:bold; font-size:10px; text-align:center; color:#3eb207; border:1px solid #3eb207; background:#daf8ca; width:80px;}
*a.tooltip2:hover b {top:40px; }
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #3eb207; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #3eb207; overflow:hidden;; z-index:100;}

.clear {clear:both;}




/***********************/
/*** STYLES ***/
/***********************/

h1 {
	font-family:Arial, Helvetica, sans-serif; color: #4e4f4e; font-size:14px; padding-top:5px;
}


h2 {
	font-family:Arial, Helvetica, sans-serif; color: #3eb207; font-size:18px; padding-top:5px; padding-left:35px;
}

.images {
	float:left;
	padding-right:20px;
}

.vignette { 
	width:70px; 
	height:70px; 
	float:left; 
	padding:5px 10px 0 5px; 
	border:0;
}

.vignette:hover { 
	border:0;
}

.themes {
	float:left;
	padding:30px;
	font-size:14px;
	text-align:center;
}

.themes2 {
	float:right;
	padding:0 10px 10px 0;
	font-size:12px;
	text-align:center;
}


.zoom {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding-bottom:5px; 
	margin-bottom:10px;
	border-bottom:solid 1px #4e4f4e;
}

.zoom_titre {
	font-weight:bold;
	text-decoration:none;
}

.stockage {
	width:200px;
	height:71px;
	position:absolute;
	top:540px;
	left:540px;
}

.home {
	width:50px;
	height:78px;
	position:absolute;
	top:-140px;
	left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	border:0;
	text-decoration:none;
}

.home:hover {
	border:0;
	text-decoration:none;
	color:#fff;
}