﻿body{
margin:0;
background:#ddd url(../img/bg.gif) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#1b3240;
}
h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#374757;
margin-left:5px;
font-size:10px;
}
/* ----------------  Structure ---------------- */
div#conteneur{
margin:auto;
text-align:center;
width:1015px;
background-image:url(../img/conteneur-fond.png);
}
*html div#conteneur{ /*Hack IE 6 only*/
margin:auto;
text-align:center;
width:1015px;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/conteneur-fond.png,
sizingMethod='scale');}/*scale pour la répétion*/

.top{
text-align:center;
margin:0px;
}
.contenu{
text-align:left;
padding-left:19px;
padding-right:19px;
width:977px;
}

.colonne1{
float:left;
width:332px;
margin:0;
padding:0;}

.colonne2{
float:left;
width:322px;
margin: 0;
padding:0;}

.colonne3{
float:left;
width: 320px;
margin:0;
padding:0;}

.footer{
position:relative;
width:1015px;
height:37px;
padding-top:20px;
background:url(../img/bg-footer.png) no-repeat top;
color:#fff;
font-size:11px;
margin:auto;
}
.bocogtable{
background-image:url(../img/bg-box.gif);
background-repeat:repeat-x;
background-attachment:scroll;
background-position:top left;

}
.footer{
color:#8F8F90;
}
*html .footer{/*Hack IE 6 only*/
width:1015px;
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/bg-footer.png,
sizingMethod='crop');}
.footer a:link, .footer a:visited{
color:#8F8F90;
position:relative;
text-decoration:none;}

.footer a:hover, .footer a:active, .footer a:focus{
color:#8F8F90;
position:relative;
text-decoration:underline;}

/* ----------------  Toolbar gauche droite ---------------- */
.toolbar_left{
padding-top:5px;
padding-left:19px;
text-align:left;
float:left;
height:23px;}

.toolbar_right{
padding-top:5px;
padding-right:19px;
text-align:right;
float:right;
height:23px;}

.toolbar_right a:link, .toolbar_right a:visited{
color:#1b3240;
text-decoration:none;
}

.toolbar_right a:hover, .toolbar_right a:active, .toolbar_right a:focus{
color:#1b3240;
text-decoration:none;}

/* ----------------  Box liquid, la largeur de la box est à mettre le html ----------------*/
.box h2{
	color:#fff; 
	font-size:10px; 
	font-weight:bold;
	display:block; 
	text-transform:uppercase;
	background:url(../img/box/hg.gif) top left no-repeat;
	margin:0;
	padding:0;
	height:16px;
}
.box h2 span{
	padding:2px 16px; 
	background:url(../img/box/hd.gif) top right no-repeat; 
	display:block;
}

div.section {
	background:url(../img/box/bg.png) bottom left  no-repeat #fff; 
	font-size:11px;
	color:#666;
	text-align:left;
}

div.section .inner{ /* light border around boxes*/
background:url(../img/box/bd.png) bottom right no-repeat; 
padding:3px; 
display:block;
}
div.section .innernews{ /* light border around boxes*/
background:url(../img/box/bd.png) bottom right no-repeat; 
padding:3px; 
display:block;
height:354px;
}
.innerbis{
width:344px; 
/*background-image:url(../img/bg-news-list.jpg);*/
background-attachment:fixed; 
background-repeat:repeat-x; 
background-position:top left;
}
.section a:link, .section a:visited{color:#666;text-decoration:underline;}
.section a:hover, .section a:focus, .section a:active{color:#000;text-decoration:underline;}


/* ----------------  Autres ----------------*/

.titre_competition{
background:url(../img/bg-competition-title.gif) no-repeat;
width:980px;
height:16px;
font:10px Verdana;
color:#fff;
font-weight:bold;
padding-left:16px;
padding-top:2px;}

.titre_competition{ /* Hack IE 6 to fix the padding bug*/
background:url(../img/bg-competition-title.gif) no-repeat;
width:962px;
padding-left:16px;
}

.ranking{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:0;}

.gris_fonce{
background:#bdc0c2;}
.gris {
background:#eaeaeb;}
/* ----------------  News détails ----------------*/

.TableNews{
background-position:center;
background-image:url(../img/bg-news-details.jpg);
background-repeat:repeat-x;
padding:2px;
}

.NewsDetails div{
margin:0px 10px 3px 0px ;
}
.NewsDetailsList{
list-style:square;
list-style-position:outside;
padding:0px;
margin:0px;
padding:5px;
}

.NewsDetailsList a{
text-decoration:none;
color:#666666;
}

.NewsDetailsListBg{
width:344px;
background:#eaeaeb;
/*background-image:url(../img/bg-news-list.jpg);*
/*background-attachment:fixed;*/
background-repeat:repeat-x;
background-position:center;
}

.NewsDetailsList li{
margin-left:15px;
margin-bottom:5px;
}
.small{
font-size:10px;
padding:0px;
margin:0px;
}
.intro{
padding:0px;
margin:5px 0px;
font-weight:bold;
}
/* ---------------- formulaire ----------------*/
input.SearchNews{
border:1px solid #a2bfdb;
background-color:#E7E7E7;
width:250px;
height:12px;
margin-right:5px;
}
/* ----------------  search ----------------*/

.ResultDate{
padding:0px;
margin:0px;
}
.Result{
padding:0px 0px 5px 0px;
margin:0px 0px 10px 0px;
border-bottom:1px dotted #CBCCD0;
}
/* ----------------  btn ----------------*/
a.btn, a.btn:visited{
color:#4E5D6D;
text-decoration:none;
font-weight:bold;
}
a.btn:hover{
color:#000;
text-decoration:none;
font-weight:bold;
}

/* ----------------  technical video ----------------*/

.BoxVideoTechnical div{
background-image:url(../img/img-technicalvideo.jpg);
background-position:top left;
background-repeat:no-repeat;
height:100px;
overflow:hidden;
}
.BoxVideoTechnical a:link, .BoxVideoTechnical a:visited, .BoxVideoTechnical a:active, .BoxVideoTechnical a:focus {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:bold;
font-style:italic;
}
.BoxVideoTechnical a:hover{
text-decoration:underline;
}
