* { padding:0; margin:0;}
ul { list-style:none;}
body {background: url(images/bg.jpg) fixed repeat; font: 12px Trebuchet MS, sans-serif; color:#333;}
#wrap {width:973px; margin:auto;}
h1, h2, h3, h4 .subhead, .heading {font-family:Trebuchet MS;}
h1 { font-size: 2em; font-weight:normal;}
h2 { font-size: 1.5em; font-weight:normal;}
h3 {font-size: 1.3em; font-weight:normal;}
h4 {font-size: 1.1em; font-weight:normal;}
.meta {font-size: 0.8em; color: #666;}

h3.spip {
	text-align: center; 
	margin-top: 1em; 
	margin-bottom: 1em; 
	font-size: 1.5em; 
	font-weight: bold; }
li.spip {padding:0px 0px 5px 25px ;}

.clear {clear:both;}
.leftalign {float:left;}
.rightalign {float:right;}
.centeralign {float:center;}
img.leftalign, img.rightalign, img.centeralign {display:block; padding:5px; background:#fff; border:solid 1px #ddd; margin:5px; }
a {color:#000; text-decoration:none;}
a:visited { color:#333; text-decoration:none;}
a:hover {color:#036; text-decoration:none;}
#wrap2 {background:url(images/pagebg.png) repeat-y; padding:0 7px 0 7px;}
#topbar {background: url(images/topbar.jpg) no-repeat; height:59px; padding:10px;}
#header {background-color:#000; height:150px;}
#menud {height:36px; background:url(images/header_2.jpg);}
#actu_grand{height:330px; background:url(images/header_3.jpg);}
#actu_grand_wsbr{height:330px; background:url(images/header_4.jpg);}
#actu_grand_g {width:625px; float:left; margin:2px; padding-left:10px;}

#actu_grand_d {width:288px; float:right; margin:2px;}
#footer {background: url(images/footer.jpg) no-repeat; color:#FFFFFF; font-size:12px; height:24px; width:937px; padding:10px; margin:auto; text-align:center;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#FFFFFF; text-decoration:none;}
#content { background:url(images/contengbg.jpg) 666px 0 repeat-y; padding:10px;}
#content2 { background:#FFFFFF 666px 0 repeat-y; padding:10px;}
#topbg {background:url(images/topbg.png) no-repeat; height:14px;}
#btmbg {background:url(images/btmbg.png) no-repeat; height:13px;}
#headercontent {height:120px;}
#topnav {background:url(images/menubar.png) no-repeat; height:29px; width:916px; margin:auto;}
#left {width:695px; float:left;}#content #sidebar {
	margin-left: 695px;
}
#left .post  {width:688px; margin: 0 auto 5px auto;}
#left .post p {line-height:18px; margin-bottom:18px;}
#left .post .postcontent {background:url(images/postbg.jpg) repeat-y; padding:10px 25px 10px 10px;}
#left .post .postbottom {background: url(images/postbottom.jpg) no-repeat; height:86px;}
#left .textep{font-size: 11px;}

#sidebar ul { display:block; padding: 5px 5px 5px 8px; font-size: 12px;}
#sidebar ul li {display:block; padding:3px; }
#sidebar li a { background:url(images/sidemenunrml.jpg) 2px 2px no-repeat; padding: 0 20px;}
#sidebar li a:hover {background:url(images/sidemenuhover2.jpg) 2px 2px no-repeat; color:#000;}
#sidebar h3 {display:block; font: 1.5em "Trebuchet MS", sans-serif ; color:#000; padding:5px 5px 0 8px;}
#sidebar .breve{font-size: 11px;}



.post h2 {color:#000; display:block; padding-bottom:18px;}
.postmeta {display:block; padding:15px 10px 0 25px;}
.postbottom .postmeta li {display: block; float:left; height:15px; padding:5px 8px 1px 25px; margin-right:10px; }
#left a:hover {color:#000;}
.post .date {display:block; padding:3px 5px 3px 18px; font-size:10px; color:#666; background:url(images/icodate.jpg) no-repeat;}
blockquote {display:block; padding:5px; margin:15px; font: 1.2em Georgia, "Times New Roman", Times, serif; color:#036; border-bottom: dashed 1px #ddd; border-top: dashed 1px #ddd; text-align:center;}
blockquote.leftalign {float:left; width:300px; text-align:right; margin:10px;}
blockquote.rightalign {float:right; width:300px; text-align:left; margin:10px;}#comments #commentcontent label {
	display: block;
	padding: 3px;
}
#wrap #wrap2 #content #left .post .postcontent #comments #commentcontent li {
	display: block;
	padding: 5px;
	margin-bottom: 5px;
	background: #fff;
	list-style: none;
}
#wrap #wrap2 #content #left .post .postcontent #comments #commentcontent .odd {
	background: #D3DEED;
}

.dmin{font-size: 11px; color:#0B1E95;}
.breve{font-size: 11px;}
.renault{color:#0B1E95;}
.surb tr {
background-color: ;
}
.surb tr:hover {
background-color: #EAEAEA;
} 

.surb2 tr {
background-color: #C0C0C0;
}
.surb2 tr:hover {
background-color: #FFF;
}

/*********************************************** ARTICLE ***********************************************************/

#gauche_article{
  width: 22px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right:5px;
  float: left;
  background-color: #F6D400;
}

#droite_article{
  width: 175px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left:5px;
  float: right;
  background-color: #F1F4F9;
}

.droite_article{padding-left:2px;}

#centre .left {float:left;}
#centre .right {float:right;}


.color_a {
background:#000;
color:#FFF;
}

.art_xsnazzy h1, .art_zsnazzy h1 {
margin:0; 
font-size:12px; 
padding:0 10px 5px 10px; 
border-bottom:1px solid #000;
}
.art_xsnazzy p, .art_zsnazzy p {
margin:0; 
padding:5px 5px; 
font-size:11px;
}
.art_xsnazzy {
background: transparent; 
width:170px; 
float:center; 
margin:0 3px;
}

.xtop, .xbottom {
display:block;
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#000; 
border-left:1px solid #000;
border-right:1px solid #000;
}
.xb1 {
margin:0 4px; 
background:#000;
}
.xb2 {
margin:0 3px;
border-width:0 1px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:1px solid #000; 
border-width:0 1px; 
height:auto;
}


* html .xboxcontent {
height:1px;
}




/* Menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {
height:34px; 
background: url(images/pro_line_0.gif) repeat-x; 
position:relative; 
font-family:Trebuchet MS, sans-serif; 
font-size:11px; 
width:959px; 
z-index:500;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
background: url(images/pro_line_0.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#ddd;
}

.nav .current a {
display:block; 
height:35px; 
float:left; 
background: url(images/pro_line_2.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}


.nav .current a b {
display:block; 
padding:0 30px 0 15px; 
background:url(images/pro_line_2.gif) right top;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(images/pro_line_1.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#fff;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(images/pro_line_1.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:959px; 
top:35px; 
background:url(images/back_0.gif); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#444;
}

/*Menu 2*/
.nav ul {display:inline-block;}
.nav ul {display:inline;}
.nav ul li {float:left;}
.nav {text-align:center;}
.nav .select a:hover b, 
.nav .select li:hover a b {float:none;} 

/*Deco avec effet gris sur une partie de l'image - Grand Prix*/
#storyshorttitlebox {position: relative; top:0px; left:0px; width:100%; height:150px; background:#F1F4F9;z-index:1;overflow:hidden;}
#storyshorttitleimage {position:absolute;top:0px;left:0px;right:0px;height:150px;}
#storyshorttitletextback {color:#FFF ;position:absolute; top:5px; bottom:5px; left:25px; height:18px; width:600px;z-index:2; background:#000 none repeat scroll 0%; opacity:0.70; filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
#storyshorttitletextback .gauche {float:left;}
#storyshorttitletextback .droite {float:right; margin-right:25px;}
#storyshorttitletext {position:absolute; top:5px; bottom:5px; left:35px; height:150px; width:600px;color:#000;z-index:2;font-family: Trebuchet MS; font-size: 14px; text-align: justify; color:#fff; }
#storyshorttitletext #lien{position:absolute;bottom:12px;left:5px;margin:5px;text-align:left;font-size:12px;line-height:12px;color:#000000;width:175px;}
#storyshorttitletext #lien a {font-size:11px; line-height:12px; color:#000000; text-decoration: underline;}
#storyshorttitletext a {color:#000;	font-weight: bold;}

/*Deco avec effet gris sur une partie de l'image - Equipe, effectifs*/
#estoryshorttitlebox {position: relative; top:0px; left:0px; width:100%; height:190px; background:#F1F4F9;z-index:1;overflow:hidden;}
#estoryshorttitleimage {position:absolute;top:0px;left:0px;right:0px;height:150px;}
#estoryshorttitletextback {position:absolute; top:5px; bottom:5px; left:10px; height:18px; width:280px;z-index:2; background:#000 none repeat scroll 0%; opacity:0.70; filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
#estoryshorttitletext .gauche {float:left;}
#estoryshorttitletext .droite {float:right; margin-right:25px;}
#estoryshorttitletext {position:absolute; top:5px; bottom:5px; left:15px; height:150px; width:300px;color:#000;z-index:2;font-family: Trebuchet MS; font-size: 12px; text-align: justify; color:#fff; }
#estoryshorttitletext #lien{position:absolute;bottom:12px;left:5px;margin:5px;text-align:left;font-size:12px;line-height:12px;color:#000000;width:280px;}
#estoryshorttitletext #lien a {font-size:11px; line-height:12px; color:#000000; text-decoration: underline;}
#estoryshorttitletext a {color:#000;	font-weight: bold;}

/*Deco avec effet gris sur une partie de l'image - Pilotes, effectifs*/
#pstoryshorttitlebox {position: relative; top:0px; left:0px; width:100%; height:190px; background:#F1F4F9;z-index:1;overflow:hidden;}
#pstoryshorttitleimage {position:absolute;top:0px;left:0px;right:0px;height:150px;}
#pstoryshorttitletextback {position:absolute; top:5px; bottom:5px; left:5px; height:18px; width:163px;z-index:2; background:#000 none repeat scroll 0%; opacity:0.70; filter:Progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
#pstoryshorttitletext {position:absolute; top:5px; bottom:5px; left:8px; height:150px; width:170px;color:#000;z-index:2;font-family: Trebuchet MS; font-size: 12px; text-align: justify; color:#fff; }
#pstoryshorttitletext #lien{position:absolute;bottom:12px;left:5px;margin:5px;text-align:left;font-size:11px;line-height:11px;color:#000000;width:280px;}
#pstoryshorttitletext #lien a {font-size:11px; line-height:12px; color:#000000; text-decoration: underline;}
#pstoryshorttitletext a {color:#000;	font-weight: bold;}

/*Menu déroulant*/
#pad {height:135px;}

#menu {padding:0; margin:0; list-style:none; height:35px; position:relative; z-index:500; font-family:Trebuchet MS, sans-serif;}
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:35px; line-height:35px; background:url(images/pro_line_0.gif) repeat-x; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 20px; width:90px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}


#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background: url(images/pro_line_2.gif);}
#menu li:hover > a.sub {color:#fff; background: url(images/pro_line_2.gif);}

#menu li.current a {color:#fff; background:#fff;}

#menu li a.sub {background: url(images/pro_line_0.gif) repeat-x url(images/down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#840 url(images/down-arrow.gif) no-repeat; width:135px;}

#menu :hover ul {left:0; top:35px; width:175px; background:#444;}

#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:140.1px; top:-1px; background:#fff; white-space:nowrap; width:135px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:140px; padding:0; text-indent:0px; background:#000; color:#ccc; height:28px; line-height:28px;}
#menu :hover ul li a.fly {background:#000 url(images/right-arrow.gif) no-repeat right center ; height:28px;}

#menu :hover ul :hover {background: url(images/pro_line_1.gif); color:#fff;}
#menu :hover ul :hover a.fly {background-color:#F9B700; color:#fff;}

#menu :hover ul li.currentsub a {background:#181A1C; color:#000;}
#menu :hover ul li.currentsub a.fly {background:#181A1C url(images/right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:135px; padding:0; background:#181A1C; color:#fff;}
#menu :hover ul :hover ul :hover {background: url(images/pro_line_1.gif); color:#fff;}

/* Modules en AJAX - Dernieres news*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Trebuchet MS;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: #F3F3F1;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(squelettes/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/* Tableaux SPIP */

table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background-color:#333333; color:#FFFFFF;}
table.spip tr.row_odd { background-color:#FFFFFF; color:#000000;}
table.spip tr.row_odd:hover { background-color:#CACACA; color:#000000;}
table.spip tr.row_even { background-color:#FFFFFF; color:#000000;}
table.spip tr.row_even:hover { background-color:#CACACA; color:#000000;}
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images SPIP */

img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }