* { margin: 0; padding: 0;}

img { border : 0px;}

.imgblock { display: block; float:right; margin-left : 25px; margin-bottom: 25px; font-size: 8pt; color: #666; text-align:right; }


body { background: #000 url(images/img01.gif) repeat-x; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #ebebeb;}

#frame { width: 790px; margin: 0;}



a { color: #cf0000;}

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

p { line-height: 167%; font-size: 10pt;}

ul { list-style-image: url(images/list.gif); line-height: 14pt; margin-left: 15px;}





#header {width: 790px; height: 291px; margin: 0; background: url(images/bg_header.jpg)}

#header2 { width: 790px; height: 177px; margin: 0; background: url(images/bg_header2.jpg)}

#menu { position: absolute; left : 390px;}

#logosag{ position: absolute; left : 99px; top : 38px;}






#content { float: left; width: 480px; padding: 20px 30px 20px 50px; }

#content_index { float: left; width: 510px; padding: 0px 0px 0px 0px; min-height: 350px; background: url(images/nouvelles.jpg); background-position: top center; background-repeat:no-repeat;}

#content_index_texte{ margin-top: 80px; margin-left: 45px; margin-right: 30px;}




#content2 { float: left; width: 320px; padding: 20px 30px 20px 50px;}

#content3 { float: left; width: 720px; padding: 20px 30px 20px 50px;}

#content_historique{ float: left; width: 720px; padding: 20px 30px 20px 50px;}

#content_historique li{ margin-left : 20px; font-size: 9pt;}

#content_historique h2{ display: block; float: left; width: 703px; height : 22px; background: url(images/h_prog.gif) left top; padding-top: 3px; padding-left: 10px; font-size: 10pt; color:#FFFFFF; margin-top : 10px; margin-bottom : 10px;}

#content-prog { float: left; width: 720px; padding: 20px 30px 20px 50px;}





#sidebar { float: right; width: 270px; padding-right:10px; margin-top: 20px;}

#mapbox { float: right; width: 350px; margin-right: 20px; margin-top: 100px; margin-bottom: 20px;}


#programmation ul { margin: 0px; margin-top: 10px;}

#programmation li {display: block; float: left; width: 703px; margin-bottom: 50px;}

#programmation li h1 { display: block; float: right; font-size: 11pt; color:#fff; background: url(images/prog.gif) left top; width: 539px; height : 22px; margin-right: 10px; padding-left: 10px; padding-top: 3px; margin-bottom: 0px; font-weight: normal;}

#programmation li h4 { display: block; float: right; font-size: 10pt; color:#bd0606; width: 549px; margin-top: 10px;}




#programmation li h3 { display: block; float: right; font-size: 10pt; color:#fff; margin-bottom: 3px; margin-top : -23px; font-weight: bold; }

#programmation li a { color:#fff;}

#programmation img {display: block; float: left; width: 125px;}

.prix {display: block; float: right; background-color: #303030; padding: 5px; width: 130px; font-size: 11px;}

.achat {display: block; float: right; background-color:#666; padding: 5px; width: 130px; font-size: 11px;  margin-top: 5px; text-align:center;}

.achat a { color:#FFF;}

#programmation p {display: block; float: left; width: 400px; margin: 5px; margin-left: 28px; margin-top: 10px; font-size: 9pt; color: #bebebe;}

#programmation li h2 { display: block; float: right; width: 550px; height : 22px; background: url(images/h_prog.gif) left top; padding-top: 3px; padding-left: 10px; font-size: 10pt; color:#FFFFFF;}




/* Footer */

#footer {display:block; height: 168px; background-color : #2b2b2b; background: url(images/repeat_bottom.jpg) repeat-x; margin-top: 25px;}

#footer .wrapper {width: 800px; margin: 0;}

#footer .links {float: left; width: 440px; padding: 16px 30px 0 45px; font-size: 85%;}

#footer .legal { float: right; margin: 0 auto; padding: 16px 20px 0 0; text-align: right; font-size: 85%; color: #FFFFFF;}

#footer img {margin-top : 10px;}
 
 



.sousmenu{ position: relative; padding: 0 0 0 0px; margin-bottom: 20px; margin-right: 30px; float: right; display: block; height: 29px; list-style: none;}

.sousmenu li{ float:left; margin-right: 5px;}

.sousmenu li a{ float: left; display: block; color:#cacaca; text-decoration: none; font-family: sans-serif; font-size: 12px; padding:0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/ height: 29px; line-height: 29px; text-align: center; cursor: pointer;	}

.sousmenu li a span{ float: left; display: block; padding: 0 14px 0 4px; /*Padding of menu items*/}

.sousmenu li.current a, .sousmenu li a:hover{ color: #fff; background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/ background-position: left;}

.sousmenu li.current a span, .sousmenu li a:hover span{ color: #fff; background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/}



#liensrapide { font-size: 9pt; line-height: 13px; color:#CCCCCC;}

#liensrapide a{ color:#CCCCCC; text-decoration: none;}

#liensrapide a:hover{color:#960606; text-decoration:underline;}

#liensrapide li{ margin-bottom: 5px;}




h1
{
	margin-bottom:10px;
	color: #FFF;
	font-size: 16pt;
}

h2
{
	margin-bottom:10px;
	color: #CCC;
	font-size: 12pt;
}


h3 { margin-bottom:5px; margin-top: 10px; color: #960606; font-size: 13pt;}

strong { font-size:11pt;}