@charset "iso-8859-1";
/* CSS Document */
   
body { 
padding: 0; 
margin: 0; 
font: 0.7em Tahoma, Arial, sans-serif; 
line-height: 1.4em; 
background: #fff; 
color: #404040;
 }

/* liens */
a { 
color: #003B6E; 
background: inherit;
 }
 
a:hover { 
color: #6ca636; 
background: inherit;
 }	
 
/* titres */
h1 { 
font: bold 2.5em "Arial", Sans-Serif; 
margin: 0; 
letter-spacing: -1px;
 }
 
h2 { 
font: bold 2em Arial, Sans-Serif; 
margin: 0; 
padding: 0;
color: #000;
 }

h2.decale { 
font: bold 2em Arial, Sans-Serif; 
margin: 0 0 0 10px; 
padding: 0;
color: #000;
 }

h2.activite { 
font: bold 1.8em Arial, Sans-Serif; 
margin: 0 0 5px 0px; 
padding: 0;
color: #003b6e;
border-bottom: 1px solid #003b6e;
 }

h3 { 
font: bold 1.5em Arial, Sans-Serif; 
margin: 0; 
padding: 0;
 }

h1 a, h2 a, h3 a { 
color: #2b2b2b; 
background: #fff; 
text-decoration: none;
 }
 
h1 a:hover, h2 a:hover, h3 a:hover { 
color: #2b2b2b; 
background: #FFF;
 }
 
p.milieu {
   text-align: center;
}

.important { 
color: #ef6512; 
font-family: arial, sans-serif; 
font-weight: bold;
}

.left p.grand {
	padding: 256px 0 0 0px;
}

.title_part1 { 
color: #8ca600; 
background: #fff;
 }
 
.title_part2 { 
color: #003e9a; 
background: #fff;
 }
 

/* elements de formulaire*/
ul { 
margin: 0; 
padding : 0; 
list-style : none;
 }
 
form { 
margin: 0;
 }

/* formulaire de recherche */
#search { 
	float: left;
	clear: both;
	padding: 14px 0px 0px 0px;
	width: 510px;
	margin: 6px 0 0 0px;
	border: 0;
}

#search p { padding: 0; margin: 0; }

input.search { 
width: 180px; 
height: 16px;
border: none; 
background: #fff url(images/design/input.gif) no-repeat; 
padding: 2px 10px; 
color: #1E67A8; 
font: bold 1em Arial, Sans-Serif;
 }
 
input.button { 
background-color: transparent;
background: #fff url(images/design/btn_ok.gif) no-repeat; 
font: bold 1em Arial, Sans-Serif;
height: 20px;
width: 20px;
border: 0;
margin-top: 1px;
 }

input.button:hover { 
background-color: transparent;
background: #fff url(images/design/btn_ok_hov.gif) no-repeat; 
font: bold 1em Arial, Sans-Serif;
height: 20px;
width: 20px;
border: 0;
margin-top: 1px;
 }
 
#DateJour{
float: left;
background-repeat: no-repeat;
background-color: transparent;
font-size: 1.0em;
margin: 0px 0px 0px 0px;
padding: 25px 0px 0px 45px;
color: #ffffff;
text-align: left;
height: 20px;
}


/* contenu general */
#content { 
margin: 10px auto; 
width: 960px;
 }

/* en-tete */
#header { 
background: #fff url(images/design/logo2.gif) no-repeat top left; 
height: 75px;
 }
 
#logo { 
padding: 15px 0 0 58px;
 }
 
#logo p { 
margin: 0; 
padding: 0 0 0 10px; 
color: #808080; 
background: #fff;
 }
 
#top_info { 
float: right; 
width: 570px; 
margin: 20px 5px 0 0; 
text-align: right;
 }

/* menu horizontal */	
#menu { 
background: #fff url(images/design/tab_bkg.gif) no-repeat top left; 
color: #000;  
height: 105px; 
text-align: center; 
padding: 0 0 0 70px;
 }
 
#menu li { 
display: inline; 
height: 45px;
 }
 
#menu li a { 
float: left; 
background: #fff url(images/design/tab.gif) no-repeat; 
color: #1e67a8; 
padding: 7px 0; 
width: 82px; 
text-align: center; 
font-weight: bold; 
text-decoration: none;
 }
 
#menu li a:hover { 
background: #fff url(images/design/tab_hover.gif) no-repeat; 
color: #606060;
 }	
 
#menu li a.current { 
background: #fff url(images/design/tab_current.gif) no-repeat; 
color: #606060;
 }	

#menu li a.current:hover { 
background: #fff url(images/design/tab_current.gif) no-repeat; 
color: #606060;
 }	

.key { text-decoration: underline; }

/* subheader */
.box_infotop { 
clear: both; 
height: 8px; 
background: #dedede url(images/design/box_infotop.gif) no-repeat; 
color: #000;
 }
 
.box_info { 
background: #dedede url(images/design/box_info.gif) no-repeat bottom left; 
color: #444; 
padding: 1px 13px 7px 13px; 
margin: 0 0 20px 0;
 }
 
.lien_box a, .lien_box a:link, .lien_box a:visited, .lien_box a:hover{
	text-decoration: none;
	font: normal 1.1em Arial, Sans-Serif; 
}
 
.box_info p { 
padding: 7px 0; 
margin: 0;
}

/* cote gauche */
.left { 
float: left; 
width: 650px; 
margin: 0 0 10px 0;
 }

.left_amazon { 
float: left; 
width: 950px; 
margin: 0 0 10px 0;
 }

.left_chapitre {
margin: 0 20px 15px 10px;
padding: 10px 0 0 0;
text-align: justify;
border-bottom: 1px dotted #ccc;
color: #000;
background: #fff;
}

.left_chapitre a, .left_chapitre a:link, .left_chapitre a:visited, .left_chapitre a:hover{
	text-decoration: none;
	font: bold 1em Arial, Sans-Serif; 
}

.left_chapitre ul{
	list-style-type: disc;
	padding: 0 0 0 10px;
}

.left_chapitre ul.descript{
	list-style-type: disc;
	padding: 0 0 0 200px;
}

.left_chapitre ul.retrait{
	list-style-type: disc;
	padding: 0 0 0 50px;
}

.left_chapitre ul.retrait2{
	list-style-type: circle;
	padding: 0 0 0 30px;
}

.left_chapitre ol{
	padding: 0 0px 0 200px;
}

.left_chapitre ol.retrait1{
	padding: 0 0px 0 50px;
}

.left_chapitre2 {
margin: 0 20px 15px 10px;
padding: 10px 0 0 0;
text-align: justify;
color: #000;
background: #fff;
}

a.grand, a.grand:link, a.grand:visited{
	font: bold 1.5em Arial, Sans-Serif;
	text-decoration: none;
}

a.grand:hover{
	text-decoration: underline;
	font: bold 1.5em Arial, Sans-Serif;
}

a.normal, a.normal:link, a.normal:visited{
	font-weight: normal;
	text-decoration: none;
}

a.normal:hover{
	text-decoration: underline;
	font-weight: normal;
}

a.gras, a.gras:link, a.gras:visited{
	font-weight: bold;
	text-decoration: none;
}

a.gras:hover{
	text-decoration: underline;
	font-weight: bold;
}

a.vert, a.vert:link, a.vert:visited, a.vert:hover{
	font: bold 1.5em Arial, Sans-Serif;
	text-decoration: none;
	color: #6ca636; 
}

.annonces{
background: #fff;
}

.annonces table{
width: 100%;
text-align: center;
border: 0px;
}

.annonces td{
	width: 25%;
	text-align: center;
	vertical-align: top;
}

.verte {
	font: bold 1.5em Arial, Sans-Serif;
	color: #6ca636; 
}

.info { 
height: 50px; 
float: left; 
background: #fff url(images/design/info.gif) no-repeat; 
width: 50px; 
padding: 5px 0 0 9px;  
color: #808080;
}

.info p { 
padding: 0; 
margin: 0;
 }
	
.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
.calendar p { padding: 0; margin: 0; }
.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
.picto { float: left; margin: 0 18px 8px 0; border: 0; }
.picto2 { float: right; margin: 0 0 8px 18px; border: 0; }


/* box grises */
.first_form { float: left; width: 640px; background: #fff; margin: 0 12px 15px 0; color: #5d5d5d; }
	.greybox_formtop { height: 14px; background: #fff url(images/design/grey_box1_top.gif) no-repeat; color: #000; }
	.greybox_form { background: #fff url(images/design/grey_box1.gif) no-repeat bottom left; color: #444; padding: 0;  }


.first { float: left; width: 640px; background: #fff; margin: 0 12px 15px 0; color: #5d5d5d; }
	.greybox1top { height: 14px; background: #fff url(images/design/grey_box1_top.gif) no-repeat; color: #000; }
	.greybox1 { background: #fff url(images/design/grey_box1.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }


.second { float: left; width: 313px; background: #fff; margin: 0 12px 15px 0; color: #5d5d5d; }
	.greybox2top { height: 14px; background: #fff url(images/design/grey_box2_top.gif) no-repeat; color: #000; }
	.greybox2 { background: #fff url(images/design/grey_box2.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.greybox2 p { padding: 0; margin: 0; }

	.greyboxCDtitle { background: #fff; color: #444; padding: 1px 10px 10px 10px; border: 0; }
	.greyboxCDtitle p { padding: 0; margin: 0; }

	.greyboxCDplayer { background: #fff; color: #444; padding: 1px 10px 10px 10px;  border: 0; }
	.greyboxCDplayer p { padding: 0; margin: 0; text-align: center;}
	.greyboxCDplayer h5 { font: bold 1.2em Arial, Sans-Serif; margin: 0 0 5px 0px; padding: 0; color: #003b6e; border: 0; text-align: center; }

.thirds { float: left; width: 203px; background: #fff; margin: 0 11px 0 0; color: #5d5d5d; }
	.greybox3top { height: 14px; background: #fff url(images/design/grey_box3_top.gif) no-repeat; color: #000; }
	.greybox3 { background: #fff url(images/design/grey_box3.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.greybox3 p { padding: 0; margin: 0; }

.quart { float: left; width: 150px; background: #fff; margin: 5px 5px 0 0; color: #5d5d5d; text-align: center;}
	.greybox4top { height: 8px; background: #fff url(images/design/grey_box4_top.gif) no-repeat; color: #000; }
	.greybox4 { height: 108px; background: #fff url(images/design/grey_box4.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.greybox4 p { padding: 0; margin: 0; }

.thirds a, .thirds a:link, .thirds a:visited{
	text-decoration: none;
	font-weight: bold;
}

.second a, .second a:link, .second a:visited{
	text-decoration: none;
	font-weight: bold;
}

.thirdslong a:hover{
	text-decoration: underline;
	font-weight: bold;
}

.thirdslong { float: left; width: 203px; background: #eee; margin: 0 11px 0 0; color: #5d5d5d; }
	.greybox3top { height: 14px; background: #fff url(images/design/grey_box3_top.gif) no-repeat; color: #000; }
	.greybox3 { background: #fff url(images/design/grey_box3_long.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.greybox3 p { padding: 0; margin: 0; }
	
.thirdslong a, .thirdslong a:link, .thirdslong a:visited{
	text-decoration: none;
	font-weight: bold;
}

.thirdslong a:hover{
	text-decoration: underline;
	font-weight: bold;
}

.quart a, .quart a:link, .quart a:visited, .quart a:hover{
	text-decoration: none;
	font-weight: bold;
}

.first a, .first a:link, .first a:visited{
	text-decoration: none;
	font-weight: bold;
}

.first a:hover{
	text-decoration: underline;
	font-weight: bold;
}

.first ul{
	list-style-type: disc;
	padding: 0 0 0 10px;
}

/* cote droit */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}

.boxtop { 
height: 19px; 
background: #fff url(images/design/blueboxtop.gif) no-repeat; 
color: #000;
 }
 
.box { 
 background: #fff url(images/design/bluebox.gif) no-repeat bottom left; 
 color: #5b5b5b; 
 padding: 0 10px 15px 10px; 
 margin: 0 0 10px 0;
 }
 
.box p { 
padding: 0; 
margin: 0;
}

.image { float: left; 
margin: 0 9px 3px 0;
}

.boxtitre { 
font: bold 1em Arial, Sans-Serif; 
color: #1e67a8;
}

.boxtitregrd { 
font: bold 1.1em Arial, Sans-Serif; 
color: #1e67a8;
}


/* divers */
.btn_google_ok {
height: 22px;
width: 100px;
margin-left: 3px;
font-size: 1em;
color: #ffffff;
background-image: url("images/design/google_ok.gif");
background-repeat: no-repeat;
border: 0;
}

.btn_google_ok:hover {
height: 22px;
width: 100px;
margin-left: 3px;
font-size: 1em;
color: #ffffff;
background-image: url("images/design/google_ok_hover.gif");
background-repeat: no-repeat;
border: 0;
}

.email {
height: 20px;
width: 150px;
border: 0;
font-size: 11px;
color: #666666;
background-image: url("images/design/fond_mail_lettre.gif");
background-repeat: no-repeat;
background-color: #ffffff;
padding-left: 5px;
padding-top: 3px;
}

.buttons { text-align: right; padding: 4px 3px 0 0;}
.buttons_center { text-align: center; padding: 4px 3px 0 0;}
.buttons_left { padding: 4px 3px 0 0;}
.left_chapitre .buttons { float: right; height: 20px; }
.bluebtn { background: #ffffff url(images/design/btn_bleu.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #ffffff url(images/design/btn_vert.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #ffffff url(images/design/btn_hover.gif) no-repeat; color: #fff; }

.buttonsgrd { text-align: center; padding: 4px 3px 0 0;}
.bluebtngrd { background: #ffffff url(images/design/btn_bleu_grd.gif) no-repeat; padding: 1px 50px 5px 50px; color: #fff; text-decoration: none; }
.bluebtngrd:hover { background: #ffffff url(images/design/btn_hover_grd.gif) no-repeat; color: #fff; }

.green_partbtn { background: #ffffff url(images/design/btn_vert_part.gif) no-repeat; padding: 0px 10px 5px 7px; color: #fff; text-decoration: none; }
.green_partbtn:hover { background: #ffffff url(images/design/btn_hover_part.gif) no-repeat; color: #fff; }

/* pied de page  */
.encart { clear: both; text-align: center; line-height: 1.8em; padding: 5px 0 10px 0; border: 0; }
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }

.part {
	width: 100%;
	text-align: center;
	border-style:none;
}

.tdpart {
	font: 10px Verdana, Arial, Helvetica, Sans Serif;
	background-image: url("images/design/part_bkg.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	width: 150px;
	height: 120px;
	text-align: center;
}

.tdpart a, .tdpart a:link, .tdpart a:visited{
	text-decoration: none;
	font-weight: bold;
}

.tdpart a:hover{
	text-decoration: none;
	font-weight: bold;
}