body {
margin:3px 0 15px;
padding:0; 
}

body,td {
color:#000;
font-family:Arial, Sans-Serif;
}

#main_conteneur {
text-align:center;
}

#site_container {
width:705px;
margin-top:0;
text-align:left;
background-color:#fff;
padding:0;
}

#site_container .site_element {
display:block;
position:relative;
width:100%;
margin:0;
padding:0;
}

#site_container .site_element .left_container_element {
display:block;
width:175px;
clear:both;
margin:5px 0 8px;
padding:0;
}

#col_gauche {
width:175px;
float:left;
background-color:#fff;
}

#col_principale {
width:510px; margin-left:20px;
float:left;
}

#topContainer {
display:block;
width:100%;
margin:0;
padding:0;
}

#topContainer .topHeader {
display:block;
width:100%;
height:50px;
vertical-align:baseline;
margin:0;
padding:0;
}


h1 {
font-size:110%;
color:#963; padding: 8px 0 5px;
}
h2 { font-size:150%;
}
h3 { font-size:130%; color: #555; font-family: "Trebuchet MS", Arial
}
h4 {
font-size:150%;
color:#FF0000; padding: 8px 0 5px;
}
h5 { font-size:100%;color:#006400;
}

a:focus { outline:0; } 

.texte_corps p:first-letter, .firstletter {
font-size:130%;
font-weight:700; color:#963;
}

.important {
font-weight:700; color: #555;
}

.texte_corps {
font-size:13px;
color:#444;
text-align:justify;
}

.texte_corps ul{ list-style:square;
}

.texte_small {
font-size:70%;
color:#7f7f7f;
}

.clear {
clear:both;
display:block;
height:0;
width:0;
overflow:hidden;
visibility:hidden;
}

.floatingimage {
margin-left:15px;
display:block;
position:relative;
float:right;
text-align:center;
font-size:10px;
width:100px;
}

.floatingimage img {
border:0;
margin:0;
}


a.floatingimage img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0; 
}
a.floatingimage:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7; 
}



.chap-index-bloc-a1, .chap-index-bloc-a2 , .chap-index-bloc-a3, .chap-index-bloc-b, .chap-index-bloc-c { float: left; margin: 0 20px 10px 0; width:30%; text-align:left}
.chap-index-bloc-a1 a, .chap-index-bloc-a2 a,  .chap-index-bloc-a3 a, .chap-index-bloc-b a, .chap-index-bloc-c a { text-decoration:underline; font-weight:700;}
.chap-index-bloc-a1 { background: url("../images/chap-indexbloc-a1.gif") no-repeat 17px 0; }
.chap-index-bloc-a2 { background: url("../images/chap-indexbloc-a2.jpg") no-repeat 65px 8px; }
.chap-index-bloc-a3 { background: url("../images/chap-indexbloc-a3.jpg") no-repeat 65px 70px; }
.chap-index-bloc-c { margin-right:0; }

.rouge {color: #FF0000}

.chap1, .chap2, .chap3, .chap4, .chap5, .chap1-noborder, .flashbooster, .chap2Border, .RssCadre { padding:0 6px; margin-bottom:6px;}
.chap1 {border:1px dashed #ccc; background: #fff url("../images/chap1_bkg.gif") no-repeat top left;}
.RssCadre { background: #fff url("../images/chap1_bkg.gif") no-repeat 0 100px;}
.chap1-noborder {background: #fff url("../images/chap1_bkg.gif") no-repeat top left;}
.chap2, .chap2Border {background: #fff url("../images/chap2_bkg.gif") no-repeat top right;}
.chap2Border {border:1px dashed #ccc;}
.chap3 {border:1px dashed #ccc; background: #fff url("../images/chap4_bkg.gif") no-repeat top left;}
.chap4 {background: #fff url("../images/chap4_bkg.gif") no-repeat top left;}
.chap5 {background: #fff url("../images/chap5_bkg.gif") no-repeat top right;}


.stagecourt {
float: left; width:120px; border-left:1px solid #636; margin-right:20px; padding-bottom:5px; text-align:left;
}
.stagecourt p { margin: 0 0 0 5px; color:#963;
}
.stagecourt_titre1, .stagecourt_titre2, .stagecourt_titre3 { border-bottom:1px solid #636; background: #FFF url(../images/heure.jpg) no-repeat top left; color:#fff; padding: 0 0 0 5px; font-weight:600; letter-spacing:3px; margin-bottom:4px; width:95px; height:16px;}
.stagecourt_titre2 { background: #FFF url(../images/date.jpg) no-repeat top left; }
.stagecourt_titre3 { background: #FFF url(../images/cout.jpg) no-repeat top left; }

.print-bouton { margin: 20px 0 0 100px;}

.hr_dashed {
display:block;
position:relative;
clear:both;
border-top:1px dashed #cecfce;
margin-top:10px;
margin-bottom:10px;
padding:0;
}

.ombre_bottom, .ombre_top, .ombre_bottom2 {
display:block;
width:705px;
height:26px;
background-repeat:repeat-x;
background-image:url(../images/liseret.jpg);
margin:1px 0 0;
}
.ombre_bottom2 {
background-image:url(../images/liseret2.jpg);
}
.ombre_top { font-size:0;
height:10px;
margin: 0 0 2px 0;
padding:0;
background-image:url(../images/ombre_top.gif);
}

.menubox_legende1,.menubox_legende2,.menubox_legende3,.menubox_legende4,.menubox_legende5 {
display:block;
color:#fff;
font-size:70%;
background-position:166px 6px;
background-image:url(../images/menubox_legende_fleche.gif);
background-repeat:no-repeat;
margin-bottom:2px;
background-color:#c90;
padding:3px 16px 9px 5px;
}

.menubox_legende2 {
background-color:#9F0050;
}

.menubox_legende3 {
background-color:#960;
}

.menubox_legende4 {
background-color:#999;
}

.menubox_legende5 {
background-color:#CC0000;
}

.menubox_Content {
display:block;
color:#000;
border:1px dotted #aaa;
font-size:70%;
margin:0;
padding:5px;
}

.menubox_Content ul {
list-style-image:url(../images/puce.gif);
margin:0 0 0 15px;
padding:0;
}

.menubox {
float:left;
position:relative;
width:175px; margin-bottom:10px;
}

.menubox a:hover {
background-color:#ddd;
}

#menus_bas1 {
display:block;
position:relative;
text-align:center; width:500px;
left:190px; background:url(../images/liseret.jpg) repeat-x;
clear:both;
}

#menus_bas1 a {
font-size:70%; color:#fff;
position:relative;
display:block; background-color:#999;
margin-left:15px; padding:1px 8px;
}

#menus_bas1 a:hover { background-color:#963; text-decoration:none;
}

#menus_bas2 {
display:block;
position:relative;
text-align:center; width:500px;
left:190px;
clear:both;
color:#7f7f7f;
margin:15px 0 10px 0;
float:left;
font-size:60%;
}

.ssmenu, .thumbs, .thumbs2 { float:left; background-color:#e4e4e4; padding:5px; margin-bottom:9px;}
.thumbs { margin-bottom:0;}
.thumbs2 { background-color:#fff;}
.thumbs2 a { text-decoration:underline;}
.ssmenu ul { padding-left:14px; margin:0 0 3px 0; list-style: square; color:#999;}

.dates { background:url(../images/histoire-avenir.jpg) no-repeat 220px 80px;
}
.date1, .date2, .date3, .date4, .date5 { color:#FFF;
} 
.date1 { background-color:#c90;
} 
.date2 { background-color:#666;
}
.date3 { background-color:#cc0000;
}
.date4 { background-color:#636;
}
.date5 { background-color:#960;
}
.dates li { list-style:none; margin : 0 0 10px -30px;
}


a {
color:#963;
text-decoration:none;
}
.texte_corps p a { font-weight:bold }

/*************** menu haut ****************/

#menu_haut a {
color: #fff; 
padding : 9px 7px 7px; 
text-decoration : none; 
} 
#menu_haut a:hover {
color : #fff; 
padding : 9px 7px 7px; 
background : url(../images/menu_haut_hover.gif) left top; 
text-decoration : none; 
} 
.nav_current {
color : #fff !important; 
font-weight : bold !important; 
background : url(../images/menu_haut_current.gif) left top; 
} 
a:hover.nav_current {
background : url(../images/menu_haut_current_hover.gif) left top !important; 
}

.nav_boutique { background : url(../images/boutique-tab.gif) left top repeat-x; 
} 


#nav {
font-size:65%; 
clear:both; line-height:10px; 
} 
#menu_haut {
background : url(../images/menu_haut_bg.gif) left top; 
margin : 0; 
padding : 10px 7px 7px; 
float : none;
clear:both;
} 
#menu_haut ul {
list-style : none;
} 
#menu_haut li {
display : inline; 
margin : 0; 
padding : 0; 
} 
#menu_haut .first_child {
padding-left : 30px; 
} 

#back_to_top a, #tick a { color:#999;
background:url(../images/back_to_top.gif) no-repeat 0 15px;
float:right;
font-weight:400;
padding:13px 0 6px 15px;
}

#back_to_top a:hover { color:#c90;
background:url(../images/back_to_top-hover.gif) no-repeat 0 15px;
}

#tick a { color:#c90;
background:url(../images/tick.gif) no-repeat 0 15px; float:left;
}
#tick a:hover { color:#9f0050;
background:url(../images/tick-hover.gif) no-repeat 0 15px;
}

.osc1 a, .osc2 a{
color:#963;
background:url(../images/tick-hover.gif) no-repeat 0;  
font-weight:400;
padding-left:11px;
}
.osc2 a{
color:#00C; margin-left:17px;
background:url(../images/tick-blue.gif) no-repeat 0; 
}
.osc1 a:hover, .osc2 a:hover { color:#F00; text-decoration:underline
}

#height10px { height:10px
}

.indexSearch {background:url(../images/searchBg.gif) 0 0 no-repeat; width:358px; position:relative; margin:auto; height:50px; padding:15px 15px 0}