/* CSS Document */

*{
margin:0;
padding:0;
}

.clear{
clear:both;
}

body{
/*background:url(../_img/general/fond_body.gif) top left repeat-x;
background-color:#48850d;*/
}

#global{
width:926px;
height:600px;
margin-left:auto;
margin-right:auto;
/*background:url(../_img/general/fond_page.jpg) top left no-repeat;*/
}

/*------------MENU DE GAUCHE---------------*/

#menu_left{
visibility:hidden;
float:left;
width:226px;
}

#contenu_menu_left{
background-color:#FFFFFF;
width:206px;
}

#contenu_menu_left ul{
list-style-type:none;
margin-left:15px;
}

#contenu_menu_left ul li{
font:bold 14px Arial, Helvetica, sans-serif;
color:#e4007d;
background:url(../_img/general/puce_menu.gif) top left no-repeat;
padding-left:10px;
padding-top:5px;
}

#contenu_menu_left ul li a{
color:#48850d;
text-decoration:none;
}

#contenu_menu_left ul li a:hover{
color:#e4007d;
}

/*------------FIN MENU DE GAUCHE---------------*/

#page{
float:left;
width:700px;
margin-top:65px;
}

#contenu{
background-color:#FFFFFF;
padding-left:20px;
padding-bottom:20px;
min-height:455px;
}

#contenu2{
background-color:#FFFFFF;
padding-left:10px;
padding-bottom:20px;
}

#contenu3{
background-color:#FFFFFF;
padding-bottom:20px;
}

/*---------------------MENU DU HAUT----------------*/

#mainMenu {	
	margin:0;
	height:35px;
}
#mainMenu ul{
	float:left;
	list-style-type: none;
}
#mainMenu li {
	display: inline;
}
#mainMenu li a.menu1,
#mainMenu li a.menu2,
#mainMenu li a.menu3,
#mainMenu li a.menu4,
#mainMenu li a.menu5,
#mainMenu li a.menu6,
#mainMenu li a.menu7,
#mainMenu li a.menu1_on,
#mainMenu li a.menu2_on,
#mainMenu li a.menu3_on,
#mainMenu li a.menu4_on,
#mainMenu li a.menu5_on,
#mainMenu li a.menu6_on,
#mainMenu li a.menu7_on {
  	display: block;
	line-height: 35px;
	text-decoration: none;
	float: left;
	margin-right:1px;
}
#mainMenu li a.menu1 {
	width: 109px;
	background: url(../_img/general/menu1.jpg) no-repeat 0 0;
}
#mainMenu li a.menu1_on, #mainMenu li a.menu1:hover {
	width: 109px;
	background: url(../_img/general/menu1.jpg) no-repeat 0 -35px;
}
#mainMenu li a.menu2 {
	width: 109px;
	background: url(../_img/general/menu2.jpg) no-repeat 0 0;
}
#mainMenu li a.menu2_on, #mainMenu li a.menu2:hover {
	width: 109px;
	background: url(../_img/general/menu2.jpg) no-repeat 0 -35px;
}
#mainMenu li a.menu3 {
	width: 109px;
	background: url(../_img/general/menu3.jpg) no-repeat 0 0;
}
#mainMenu li a.menu3_on, #mainMenu li a.menu3:hover {
	width: 109px;
	background: url(../_img/general/menu3.jpg) no-repeat 0 -35px;
}
#mainMenu li a.menu4 {
	width: 109px;
	background: url(../_img/general/menu4.jpg) no-repeat 0 0;
}
#mainMenu li a.menu4_on, #mainMenu li a.menu4:hover {
	width: 109px;
	background: url(../_img/general/menu4.jpg) no-repeat 0 -35px;
}
#mainMenu li a.menu5 {
	width: 109px;
	background: url(../_img/general/menu5.jpg) no-repeat 0 0;
}
#mainMenu li a.menu5_on, #mainMenu li a.menu5:hover {
	width: 109px;
	background: url(../_img/general/menu5.jpg) no-repeat 0 -35px;
}
#mainMenu li a.menu6 {
	width: 109px;
	background: url(../_img/general/menu6.jpg) no-repeat 0 0;
}
#mainMenu li a.menu6_on, #mainMenu li a.menu6:hover {
	width: 109px;
	background: url(../_img/general/menu6.jpg) no-repeat 0 -35px;
}

/*---------------------FIN MENU DU HAUT----------------*/

#navigation{
margin-top:20px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#48850d;
}

#navigation a{
color:#48850d;
text-decoration:none;
}

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

#navigation .actif{
color:#e4007d;
}

#bottom{
padding-bottom:20px;
margin-left:225px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000000;
}

#bottom a{
color:#000000;
text-decoration:none;
}

#bottom a:hover{
text-decoration:underline;
}

.pointilles{
background:url(../_img/general/pointilles.gif) top left repeat-x;
margin:24px 0 0 0;
width:660px;
}

.pointilles2{
background:url(../_img/general/pointilles.gif) top left repeat-x;
margin:35px 0 0 0;
width:660px;
}

#chapeau{
height:243px;
}

#chapeau2{
height:150px;
}

#corps{
padding-right:20px;
}

/*----------------------------------MISE EN FORME DU TEXTE---------------------------------*/

h1{
font:bold 15px Arial, Helvetica, sans-serif;
color:#e4007d;
}

h2{
font:bold 25px Arial, Helvetica, sans-serif;
color:#e4007d;
margin-bottom:25px;
}

p.chapeau{
font:bold 12px Arial, Helvetica, sans-serif;
color:#48850d;
}

h3{
background:url(../_img/general/puce_verte.gif) top left no-repeat;
padding-left:31px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#e4007d;
margin-bottom:20px;
padding-top:3px;
}

h4{
font:bold 35px Arial, Helvetica, sans-serif;
color:#48850d;
margin-bottom:30px;
}

h5{
font:bold 14px Arial, Helvetica, sans-serif;
color:#e4007d;
}

h5.vert a{
display:block;
padding-top:5px;
color:#48850d;
text-decoration:underline;
}

h5.vert2 a{
font:bold 13px Arial, Helvetica, sans-serif;
display:block;
padding-top:5px;
color:#48850d;
text-decoration:none;
background:url(../_img/general/puce_menu.gif) top left no-repeat;
padding-left:10px;
}

h5.vert a:hover{
color:#e4007d;
text-decoration:underline;
}

h5.vert2 a:hover{
color:#e4007d;
}

h6{
background:url(../_img/general/puce_verte.gif) top left no-repeat;
padding-left:31px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#e4007d;
margin-bottom:10px;
padding-top:3px;
}

.noir{
font:bold 15px Arial, Helvetica, sans-serif;
color:#454545;
}

p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#454545;
}

p a{
color:#48850d;
text-decoration:underline;
}

p a:hover{
color:#e4007d;
}

.input_vert{
border:1px solid #225b16;
width:250px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#454545;
}

.texte_plan{
padding-top:100px;
padding-left:20px;
}

/*---------listes----------*/

#corps ul {
list-style-type:none;
font:normal 12px Arial, Helvetica, sans-serif;
color:#454545;
}

#chapeau ul, #chapeau2 ul{
list-style-type:none;
font:normal 12px Arial, Helvetica, sans-serif;
color:#e4007d;
}

#corps ul li, #chapeau ul li, #chapeau2 ul li{
background:url(../_img/general/puce_menu2.gif) center left no-repeat;
padding-left:10px;
height:15px;
}

#corps ul li a, #chapeau ul li a, #chapeau2 ul li a{
color:#48850d;
text-decoration:underline;
}

#corps ul li a:hover, #chapeau ul li a:hover, #chapeau2 ul li a:hover{
color:#e4007d;
}

p.rond_rose{
background:url(../_img/comment_participer/puce_rose.gif) top left no-repeat;
padding-left:15px;
padding-top:1px;
}

.vert{
color:#48850d;
}

p.vert a{
font:normal 12px Arial, Helvetica, sans-serif;
color:#48850d;
background:url(../_img/general/puce_menu2.gif) center left no-repeat;
padding-left:10px;
}

p.vert a:hover{
color:#e4007d;
}

p.rose{
color:#e4007d;
}

.a{
border:1xp solid #e4007d;
background-color:#fdebf5;
width:365px;
height:19px;
font:normal 11px Arial, Helvetica, sans-serif;
margin-top:10px;
}

/*-----------ENCARTS DE SEMAINE 2007-------------*/

#boutons a.btn1,
#boutons a.btn2,
#boutons a.btn3{
  	display: block;
	line-height: 200px;
	text-decoration: none;
	margin-right:1px;
}

#boutons a.btn1 {
	width: 205px;
	background: url(../_img/tout_savoir/en_quelques_mots.jpg) no-repeat 0 0;
}
#boutons a.btn1:hover {
	width: 205px;
	background: url(../_img/tout_savoir/en_quelques_mots.jpg) no-repeat 0 -200px;
}
#boutons a.btn2 {
	width: 205px;
	background: url(../_img/tout_savoir/en_photos.jpg) no-repeat 0 0;
}
#boutons a.btn2:hover {
	width: 205px;
	background: url(../_img/tout_savoir/en_photos.jpg) no-repeat 0 -200px;
}
#boutons a.btn3 {
	width: 205px;
	background: url(../_img/tout_savoir/en_video.jpg) no-repeat 0 0;
}
#boutons a.btn3:hover {
	width: 205px;
	background: url(../_img/tout_savoir/en_video.jpg) no-repeat 0 -200px;
}

/*----------------ENCARTS DE PARTENAIRES---------------------------*/

#boutons2 a.btn1,
#boutons2 a.btn2,
#boutons2 a.btn3{
  	display: block;
	line-height: 250px;
	text-decoration: none;
	margin-right:1px;
}

#boutons2 a.btn1 {
	width: 225px;
	background: url(../_img/comment_participer/partenaire.gif) no-repeat 0 0;
}
#boutons2 a.btn1:hover {
	width: 225px;
	background: url(../_img/comment_participer/partenaire.gif) no-repeat 0 -250px;
}
#boutons2 a.btn2 {
	width: 225px;
	background: url(../_img/comment_participer/participant.gif) no-repeat 0 0;
}
#boutons2 a.btn2:hover {
	width: 225px;
	background: url(../_img/comment_participer/participant.gif) no-repeat 0 -250px;
}
#boutons2 a.btn3 {
	width: 225px;
	background: url(../_img/comment_participer/relais.gif) no-repeat 0 0;
}
#boutons2 a.btn3:hover {
	width: 225px;
	background: url(../_img/comment_participer/relais.gif) no-repeat 0 -250px;
}