/* CSS Document */

body{
font: 11px/18px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif; 
}

a {
font-family: "Times New Roman", serif;
color:#333;
}

#cases_petites {
height:90px;
width:500px;
border:solid 1px;
font-family: "Arial", sans-serif;
font-size:13px;
padding:7px;
/*background: url(../images/fr/barre.jpg) no-repeat;*/
}


#cases {
height:170px;
width:500px;
border:solid 1px;
font-family: "Arial", sans-serif;
font-size:13px;
padding:7px;
/*background: url(../images/fr/barre.jpg) no-repeat;*/
}



.menu_top{
background: url(../images/fr/menu_top.png) no-repeat;
width:900px;
height:31px;
padding:6px 0px 0px 1px;
margin:0px 0px 0px 0px;
border:0px solid red;
}

a.link_top:link, a.link_top:visited
{
color:#484848;
font: normal top 9px/12px;
font-family:"Century Gothic";
font-size:14px;
border-right:1px solid #bfbfbf;
text-decoration:none;
padding:5px 10px 6px 9px;
margin:0px 0px 0px 0px;
}

a.link_top_in:link, a.link_top_in:visited
{
color:#484848;
font: normal top 9px/12px;
font-family:"Century Gothic";
font-size:14px;
background: url(../images/fr/menu_top_in.png) repeat-x;
border-right:1px solid #bfbfbf;
text-decoration:none;
padding:4px 10px 5px 9px;
margin:0px 0px 0px 0px;
}

a.link_top:hover, a.link_top_in:hover
{
color:#FFFFFF;
font: normal top 9px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
text-decoration:none;
background: url(../images/fr/menu_top_hover.png) repeat-x;
padding:5px 10px 6px 9px;
margin:0px 0px 0px 0px;
}

.visuel
{
background: url(../images/fr/visuel.png) no-repeat;
width:900px;
height:219px;
color:#FFFFFF;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.visuel_date
{
padding:10px 0px 0px 20px;
margin:0px 0px 0px 0px;
}

div#callstoaction {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 900px;
	height: 71px;
}


div.action a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	height: 71px;
	float: left;
	display: block;
}

div#download a {
	background: url('../images/fr/action_download.png') no-repeat top ; 
}

div#download a:hover {
	background: url('../images/fr/action_download_hover.png') no-repeat top ; 
}

div#portal a {
	background: url('../images/fr/action_portal.png') no-repeat top ; 
}

div#portal a:hover {
	background: url('../images/fr/action_portal_hover.png') no-repeat top ; 
}

div#devicesupport a {
	background: url('../images/fr/action_devicesupport.png') no-repeat top ; 
}

div#devicesupport a:hover {
	background: url('../images/fr/action_devicesupport_hover.png') no-repeat top ; 
}

div#secondarymessaging {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 900px;
	height: 180px;
	background: #ffffff ; 
}

div.promo_home {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 222px;
	height: 180px;	
	float: left;
}

div#home1 {
	margin: 0px 0px 0px 0px;
	background: url('../images/fr/bg_promo_home1.png') no-repeat top ; 
}

div#home2 {
margin: 0px 0px 0px 4px;
	background: url('../images/fr/bg_promo_home2.png') no-repeat top ; 
}

div#home3 {
margin: 0px 4px 0px 4px;
	background: url('../images/fr/bg_promo_home3.png') no-repeat top ; 
}

div#home4 {
margin: 0px 0px 0px 0px;
	background: url('../images/fr/bg_promo_home4.png') no-repeat top ; 
}

div.promo_home a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	height: 180px;	
	display: block;
	border: 1px solid #bfbfbf;
	text-decoration: none;
}

div.promo_home a:hover {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	text-decoration: none;
	border: 2px solid #999;
}

h3 {
	margin: 0px 20px 0px 0px;
	padding: 10px 0px 0px 0px;
	font: normal 16px/18px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #3060c8;
	border-bottom: none;
}

.htrois {
	margin: 0px 20px 0px 0px;
	padding: 10px 0px 0px 0px;
	font: normal 16px/18px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #3060c8;
	border-bottom: none;
}

p {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: bold 11px/18px  'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	
}

.titre {

font-family:'Century Gothic',arial,verdana,sans-serif;
font-size:16px;
font-weight:bold;


}





.accueil{
	margin: 5px 50px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: bold 10px/12px  'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #666;
}

#top_right{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	text-align: center;
}

a.top_right:link, a.top_right:visited
{
	width: 70px;
	display:block;
	text-align: center;
	font: normal 9px/10px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #999;
	text-decoration: none;
}

a.top_right:hover
{
color: #333;
}

#page {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background: #f8f8f8 ; 
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#col_right{
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.lien_right{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:169px;
}

a.liens_droite:link, a.liens_droite:visited, a.liens_droite:hover{
	text-decoration:none;
}

.promohead {
background: url(../images/fr/bg_promo.png) no-repeat top;
	margin: 0px 0px 0px 0px;
	padding: 13px 19px 10px 13px;
	font: normal 15px/16px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #3060c8;
	display: block;
	}
	
.promopara {
	margin: 0px 0px 10px 0px;
	padding: 0px 19px 0px 13px;
	font: normal 10px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #333;
	display: block;
}

#droite1{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 130px 0px;
	background: url(../images/fr/bg_promo_devicesupport.png) no-repeat bottom ; 
}

#droite2{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 150px 0px;
	background: url(../images/fr/bg_promo_devicesupport2.png) no-repeat bottom ; 
}

#droite3{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 150px 0px;
	background: url(../images/fr/bg_promo_devicesupport3.png) no-repeat bottom ; 
}

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	font: normal 28px/30px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #DB0000;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	font: normal 28px/30px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #DB0000;
}

h5 {
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 2px 0px;
	font: bold 11px/15px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #f12800;
	border-bottom: 1px dotted #b3b1af;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h5.noborder {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-bottom: none;
}

h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {
	color: #3292fe;
	text-decoration: none;
}

h4 {
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 2px 0px;
	border-bottom: 1px dotted #b3b1af;
	font: bold 15px/17px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #333;
}

h4.noborder {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 1px 0px;
	border-bottom: none;
}

#milieu_limit{
font: 11px/18px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif; 
width:95%;
}

#paragraphes{
font: 11px/18px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif; 
}

ul {
	font:11px/14px  'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	margin: 5px 0px 0px 0px; 
	padding: 0px 0px 15px 35px; 
	list-style-type: square;
	list-style-position: outside;
	color: #333;
	
}

li {
font: bold 11px/14px  'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}

.noir{
font: 100 14px/16px  'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
color:#333;
}

/*	Left Nav styles */

div#nav_secondary {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 179px;
	text-align: right;
	background: url('../images/fr/bg_sidebar_left.png') repeat-y top left ; 
}

div#nav_secondary img {
	margin: 2px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
}

div#nav_secondary ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 179px;
}

div#nav_secondary ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 179px;
}

div#nav_secondary ul li a {
	margin: 1px 0px 0px 0px;
	padding: 9px 22px 9px 20px;
	background: url('../images/fr/bg_nav_secondary.png') repeat-y top left ; 
	font: normal 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #747474;
 	display: block; 
	text-decoration: none;
}
/*hover du premier*/
div#nav_secondary ul li a:hover {
	background: url('../images/fr/bg_nav_secondary_hover.png') no-repeat top left ; 
	color: #fff;
}

div#nav_secondary ul li#selected a {
	background: url('../images/fr/bg_nav_secondary_selected.png') repeat-y top left ; 
	font: bold 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #333;
}

div#nav_secondary ul li#selected a:hover {
	background: url('../images/fr/bg_nav_secondary_selected_hover.png') repeat-y top left ; 
	color: #fff;
}


div#nav_secondary ul li.header a {
	margin: 0px 0px 0px 0px;
	padding: 9px 22px 4px 20px;
	background: url('../images/fr/bg_nav_secondary_header.png') no-repeat top left ; 
	font: bold 9px/10px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #acd7ff;
}

div#nav_secondary ul li.header a:hover {
	background: url('../images/fr/bg_nav_secondary_header.png') no-repeat top left; 
	color: #acd7ff;
}



div#nav_secondary ul li.top a {
	margin: 0px 0px 0px 0px;
	padding: 13px 22px 9px 20px;
	background: url('../images/fr/bg_nav_secondary_top.png') no-repeat top left ; 
}

div#nav_secondary ul li.top a:hover {
	background: url('../images/fr/bg_nav_secondary_top_hover.png') no-repeat top left; 
	color: #fff;
}
div#nav_secondary ul li.top#selected a {
	margin: 0px 0px 0px 0px;
	padding: 13px 22px 9px 20px;
	background: url('../images/fr/bg_nav_secondary_top_selected.png') no-repeat top left ; 
}

div#nav_secondary ul li.top#selected a:hover {
	background: url('../images/fr/bg_nav_secondary_top_selected_hover.png') no-repeat top left; 
	color: #fff;
}

div#nav_secondary ul li.bottom a {
	margin: 1px 0px 0px 0px;
	padding: 9px 22px 15px 20px;
	background: url('../images/fr/bg_nav_secondary_bottom.png') no-repeat bottom left; 
}
/*hover du dernier*/
div#nav_secondary ul li.bottom a:hover {
	background: url('../images/fr/bg_nav_secondary_bottom_hover.png') no-repeat bottom left ; 
	color: #fff;
}

div#nav_secondary ul li.bottom#selected a {
	margin: 1px 0px 0px 0px;
	padding: 9px 22px 15px 20px;
	background: url('../images/fr/bg_nav_secondary_bottom_selected.png') no-repeat bottom left ; 
}

div#nav_secondary ul li.bottom#selected a:hover {
	background: url('../images/fr/bg_nav_secondary_bottom_selected_hover.png') no-repeat bottom left; 
	color: #fff;
}


div#nav_secondary ul.tertiary {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;
	background: url('../images/fr/bg_nav_tertiary.png') repeat-y top left ; 
	display: none;
}

div#nav_secondary ul.tertiary li a {
	margin: 0px 0px 0px 0px;
	padding: 3px 22px 5px 10px;
	font: normal 11px/12px  'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	background: url('../images/fr/bg_nav_tertiary.png') repeat-y top left ; 
	color: #a6a6a6;
	text-decoration: none;
 	display: block; 
}

div#nav_secondary ul.tertiary li a:hover {
	background: url('../images/fr/bg_nav_secondary_hover.png') repeat-y top left ; 
	color: #fff;
}

div#nav_secondary ul.tertiary li#selected a {
	font: normal 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #444;
	background: url('../images/fr/bg_nav_tertiary.png') repeat-y top left ; 
}

div#nav_secondary ul.tertiary li#selected a:hover {
	font: normal 11px/12px 'Lucida Grande', 'Geneva', 'Helvetica', 'Tahoma', 'Verdana', sans-serif;
	color: #fff;
	background: url('../images/fr/bg_nav_secondary_hover.png') repeat-y top left ; 
}
div.texte
{
	font-family:verdana;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

div.texte1
{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

div.texte2
{
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	color:#CC0000;
}

div.texte3
{
	font-family:arial;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

div.texte4
{
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	color:#000000;
}

div.texte5
{
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	color:#666666;
}

div.texte6
{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

div.texte7
{
	font-family:times new roman;
	font-size:16px;
	font-weight:normal;
	color:#000000;
}

div.texte8
{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}

div.texte9
{
	font-family:arial;
	font-size:8px;
	font-weight:normal;
	color:#000000;
}

div.texte10
{
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	color:#000000;
}
INPUT.jeu{
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  height:32px;
  width:109px;
  font-weight:bold;
  background: #5dc502;
  color:white;
  border-color: #5dc502;
}