body
{background: #5b5b5b;

/* Pour Internet Explorer */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5b5b5b', EndColorStr='#4d4d52', GradientType=0);

/* Pour Firefox */
background: -moz-linear-gradient(top, #5b5b5b, #4d4d52);

/* Pour Google-Chrome, Safari, Opéra (moteur Webkit) */
background:-webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#4d4d52));
 
font-family: arial, 'sans serif';
color: black;
font-weight: normal;

scrollbar-arrow-color:white;
scrollbar-base-color:#768fb0;
scrollbar-face-color:#22427C;
scrollbar-highlight-color:#768fb0;
scrollbar-shadow-color:#102542;
scrollbar-track-color:#768fb0;
}


table.principale
 {background-color: #ffffff;
 border-width: 1px; 
 border-style: none; 
 border-color: black;
 text-align: left; 
 width: 982px;
 padding: 0;
 margin: 0; 
}

table.principale_video
 {background-color: #ffffff;
 border-width: 1px; 
 border-style: none; 
 border-color: black;
 text-align: left; 
 width: 758px;
 padding: 0;
 margin: 0; 
}

table.liste_noire
 {border-style: solid;
 border-width: 2px;   
 border-color:#4f6b9d; 
 border-collapse: collapse;
 }

table.video
 {border: none;
 background-color: #d8ddfd;
 margin: 10px 10px 15px 10px;
 }

table.video_encadre
 {border-width: 2px; 
 border-style: solid; 
 border-color: #4f6b9d;
 background-color: #d8ddfd;
 margin: 10px 10px 15px 10px;
 }

td
 {font-family: arial, "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
 font-size: 12px;
 font-weight: normal; 
 }


td.menu
 {background-color: #ffffff;
 }

td.gris
 {background-color: #edf1f8;
 }

td.annee
{font-size: 15px;
font-weight: bold;
vertical-align: middle;
text-align: center;
}

td.tn
{font-size: 14px;
text-align: justify;
vertical-align: top;
}

td.tn1
{font-size: 12px;
text-align: left;
vertical-align: top;
}

td.tn2
{font-size: 12px;
text-align: center;
vertical-align: middle;
border-style: solid;
border-width: 1px;   
border-color:#4f6b9d;
}

td.tn3
{font-size: 12px;
text-align: center;
vertical-align: middle;
border: none;
}

td.tn4
{font-size: 12px;
text-align: center;
vertical-align: middle;
border: none;
font-weight: bold;
}

td.affichage_crash
{font-size: 14px;
text-align: left;
vertical-align: middle;
}

.premier_pays
 {font-weight:bold;
 color:#4f6b9d;
 }

.encours
 {color:#4f6b9d;
 }

.petit_gauche_marges
 {font-size: 12px;
 text-align: left;
 margin: 20px 60px 20px 60px;
 }

li
 {list-style-type: disc;
 margin-bottom: 8px;
 }

span.video
 {font-size: 14px; 
 }

span.video_lien
 {font-size: 14px;
 text-decoration: underline;
 font-weight: bold;
 }

#share
 {margin: 12px 20px 5px 20px;
 padding: 0;
 font-size: 11px;
 text-align: right;
 font-style: italic; 
 }

#share .aide
 {display: block;
 position: relative;
 float: left;
 margin: 0;
 padding: 0;
 border: none;
 }

ul.ul_std
{background: transparent;
width: auto;
padding: 0 0 10px 30px;
text-align: left;
font-size: 1.1em;
}

li.li_std
{background: transparent;
margin: 10px 0 0 30px;
text-align: left;
list-style-type: disc;
}

ul.plan
{background: transparent;
width: auto;
margin: 0 0 5px 0;
padding: 0 0 0 60px;
text-align: left;
}

li.plan
{background: transparent;
margin: 0 0 0 0;
text-align: left;
list-style-type: disc;
}

div.plan1
{margin: 20px 0 0 10px;
font-size: 14px;
text-decoration: underline;
font-weight: bold;
}

div.plan2
{margin: 0;
text-decoration: underline;
font-style: italic;
}

div.plan3
{margin-left: 20px;
text-decoration: underline;
font-style: italic;
font-size: 11px;
}


/* ---------------------- DEFINITION DES BOITES ---------------------- */

#boite_article
	{border-width: 1px 1px 1px 1px;
        -moz-border-image:url("images/borders.png") 1 1 1 1 repeat stretch;
        -webkit-border-image:url("images/borders.png") 1 1 1 1 repeat stretch;
        border-image:url("images/borders.png") 1 1 1 1 repeat stretch;		

	position: relative; 
	padding: 10px 10px 10px 10px;
	margin: 10px 8px 10px 8px;
		
	min-height: 300px;
	background: #ffffff;
	float: left;
	text-align: left; 
	}

#large
	{width: 812px;
	}


#moyen_large
	{width: 675px;	
	}

#hauteur_petite
	{height: 300px;
	}

#moyen
	{width: 512px;
	float: left;
	}

#boite_article h1
	{border-bottom: 5px solid #4f6b9d;
	padding:0px 0px 5px 0px;
	color:#444;
	margin:10px;
	font-size: 2.2em;
	line-height:1.2em;}

#boite_article h2
	{font-size: 1.6em;
	margin: 10px;
	color:#4f6b9d;
	padding: 15px 0px 5px 0px;
	}

#boite_article h3
	{font-size: 1.4em;
	margin: 0 0 5px 10px;
	color:#4f6b9d;
	padding: 0;
	text-align: left;
	}

#boite_article h4
	{font-size: 1.6em;
	margin: 0 0 20px 0;
	color:#4f6b9d;
	padding: 0;
	text-align: center;
	}

#boite_article p
	{margin: 10px;
	font-size: 1.1em;
	}

#boite_article p.intro
	{margin: 25px 10px 10px 10px;
	}

#boite_article p.articles_news
	{clear: both;
	text-align: justify;
	margin: 15px 10px 10px 10px;
	font-size: 1.1em;
 	}

#boite_article p.cvr
 	{margin: 10 40px 10 40px;
	font-style: italic;
 	color: #5f74fe;
	}

#boite_article p.disclaimer
	{font-size: 12px;
	text-align: justify;
 	margin: 25px 10px 25px 10px;
 	}

.marges
	{margin: 10px;
	}


#boite_secondaire
	{position: relative;	
	padding: 0 0 10px 0;		
	background: #ffffff;
	border-color: #4f6b9d;
	border-width: 1px;
	border-style: solid;
	margin: 0 0 25px 0;
	}

#boite_secondaire h1
	{background:#26609c url(images/background.jpg) repeat-x top left;
	background-position: 0% -38px;
	margin: 0;
	padding: 4px;
	height: 22px;
	font-size: 1.2em;
	color:#f2f2f2;
	border: none;
	}

#boite_secondaire h2
	{font-size: 1.1em;
	margin: 20px 10px 5px 10px;
	color:#4f6b9d;
	padding:0px 0px 5px 0px;		
	}


#gauche
	{float: left;
	width: 162px;
	margin: 10px 0 10px 8px;	
	}

#sondage_gauche
	{float: left;	
	width: 315px;
	height: auto;
	margin: 10px 0 10px 8px;
	}

#sondage_droit
	{float: right;	
	width: 315px;
	height: auto;
	margin: 10px 0 10px 8px;
	}

#centre
	{float: left;
	width: 748px;	
	margin: 30px 5px 10px 5px;	
	}

#droite
	{float: right;
	width: 255px;
	margin: 10px 8px 10px 0;	
	}

#boite_copyright
	{position: relative;	
	padding: 0 0 0 0;	
	border-style: none;
	margin: 2px 0 0 0;
	width: 982px;
	height: 15px;
	color: white;
 	font-size: 10px;
	}

#boite_copyright p
	{margin: 0;
	text-align: center;
	}

#boite_copyright p span.go_top 
	{float: right;	
	}


#barre_boite
	{position: relative; 
	padding: 0;
	margin: 12px 15% 12px 15%;	
	height: 2px;	
	background-position: center;	 
	}

#barre_image
	{width: 100%;
	height: 2px
	}


#boite_accident
	{position: relative;
	padding: 5px;
	margin: 12px 10px 10px 10px;
	background: #d8ddfd;
	border-style: none;
	height: 95px;
	width: 645px;
	}

#boite_accident .miniature
	{display: block;
	position: relative;
	float: left;	
	border-style: none;
	padding: 0 5px 0 0;
	height: 85px;
	width: 128px;
	}

#boite_accident .tableau
	{padding: 0 0 0 5px;
	border-style: none;	
	}

#boite_accident_news
	{position: relative;
	float: left;	
	margin: 10px 5px 10px 10px;
	background: #d8ddfd;
	border-style: none;
	height: 224px;
	width: 170px;
	font-size: 1.1em;	
	}

#boite_accident_news .tableau
	{padding: 0 0 0 5px;
	border-style: none;	
	}

#boite_accident_news p
	{font-size: 1.0em;
	margin: 10px 10px 0 10px;	
	}

#bouton_container {
	position:relative;
	width: 660px;
	height: 110px;	
	margin: 0;
	padding: 0;	
	text-align: center;	
	}


#bouton .encours {
	display: block;
	position: relative;	
	float: left;
	padding: 0;
	margin: 10px 17px 10px 17px;
	background: #d8ddfd;
	border-style: none;
	text-align: center;
	vertical-align: middle;
	height: 33px;
	width: 182px;	
	}

#bouton a {display: block;
	position: relative;	
	float: left;
	height: 33px;
	width: 182px;
	padding: 0;
	margin: 10px 17px 10px 17px;
	background: #d8ddfd;
	border-style: none;
	text-align: center;
	vertical-align: middle;
		
	}

#bouton a:hover {
	background:#26609c url(images/background.jpg) repeat-x bottom left;
	color: white;
	}

#bouton .encours {
	background:#26609c url(images/background.jpg) repeat-x bottom left;
	color: white;
	}


div.bouton {
	padding: 8px 0 0 0;	
	}
	


/* ---------------------- DEFINITION MENU PRINCIPAL ---------------------- */

#menucontainer{
	position:relative;
	height:38px;
	color:#56739A;
	background:#56739A;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;}

#menunav{
	position:relative;
	height:34px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	background:#56739A url("images/background.jpg") repeat-x top left;	
	padding:0;}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0;}

#menunav ul li a{background: url("images/separator.jpg") top right no-repeat;
	display:block;	
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 5px;
	height:34px;}

#menunav ul li a span{
	padding:10px 5px 0 0;
	height:21px;
	text-align: center;
	float:left;}

#menunav ul li a span.deux_lignes{
	padding:3px 5px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#fff;	
	background:#56739A url("images/background.jpg") repeat-x bottom left;
	}

#menunav ul li a:hover span{
	background: url("images/separator.jpg") top right no-repeat;
	display:block;
	width:auto;
	cursor:pointer;
	height:34px;}

#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#fff;
	background:#56739A url(images/background.jpg) repeat-x top left;
	background-position: 0% -34px;
	}
#menunav ul li a.current span{
	background: url("images/separator.jpg") top right no-repeat;
	display:block;	
	width:auto;
	height:34px;}

#menunav ul li a.current span.deux_lignes{
	display:block;	
	width:auto;
	height:34px;}



/* ---------------------- DEFINITION DES LIENS ---------------------- */

a:link {color: #000000; text-decoration: none}     
a:visited {color: #000000; text-decoration: none} 
a:hover {color: #5f74fe; text-decoration: none}   
a:active {color: #56739A; text-decoration: none}   

a.lien_important:link {color: #4f6b9d; text-decoration: none}     
a.lien_important:visited {color: #4f6b9d; text-decoration: none} 
a.lien_important:hover {color: #5f74fe; text-decoration: none}   
a.lien_important:active {color: #56739A; text-decoration: none}

a.go_to_top:link {color: white; text-decoration: none}     
a.go_to_top:visited {color: white; text-decoration: none} 
a.go_to_top:hover {color: #5f74fe; text-decoration: none}   
a.go_to_top:active {color: #56739A; text-decoration: none}




/* ---------------------- DEFINITION DES IMAGES ---------------------- */


#image_centre
	{text-align: center;
	margin: 20px 0 20px 0;	
	}

.photo_legend
	{font-weight:bold;
	margin: 5px 0 20px 0;
	color:#444;
	text-align: center;
	}

.photo_copyright
	{font-size: 10px;
	text-align: right;		
	}

.carte
	{position: relative;
	float: right;
	margin: 0 15px 15px 10px;
	width: 300px;
	height: 203px;
	border: none;
	}

.news_crash
	{position: relative;
	float: right;
	margin: 10px 10px 10px 0px;
	width: 310px;
	height: 224px;
	border: none;
	}

.news_articles
	{position: relative;	
	margin: 10px 10px 15px 15px;
	display: block;
	text-align: center;
	width: 450px;	
	border: none;
	}

.news_articles_features
	{position: relative;
	float: left;
	margin: 0 15px 15px 10px;	
	width: 270px;	
	border: none;
	}



/* ---------------------- DEFINITION DE L'IMAGE D'EN TETE ET DRAPEAUX ---------------------- */

#image_principale
	{position:relative;
	}

.drapeau_usa
	{width: 36px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	top: 60px;
	left: 10px;
	}

.drapeau_france
	{width: 36px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	top: 60px;
	left: 62px;
	}	


/* ---------------------- DEFINITION DES FORMULAIRES ---------------------- */

form
{margin:0;
padding:0;
}

form.espace
{margin-top:5px;
margin-bottom:15px;
padding:0;
}

.button
{font-family: Arial,Verdana,Helvetica;
font-size: 11px;
color:#330033;
font-weight:bold;
background-color: #FFCC00;
width:100px;
}