/**********************************************************
	Elements de base
/*********************************************************/
body {
	margin: 0;
	text-align: center;
	/*background-color: #2F7CB9;*/
	background-image: url("images/fond_conteneur_bl.gif");
	background-repeat: repeat-y;
	background-position: top center;
}

#container {
	width: 761px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#flammefooter {
	margin-top: 10px;
	width: 750px;
	height: 96px;
	position: relative;
	left: 0px;
	background : url("images/flamme2.jpg") no-repeat top left; 
}
.clearall {
	margin: 0;
	padding: 0;
	clear: both;
}


/**********************************************************
	Style specifique pour l'index (avec le Flash)
/*********************************************************/
#index {
	width: 100%;
	height: 100%;
	background-color: #153266 ;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#index table {
	width: 100%;
	height: 100%;
}
#index table td {
	text-align: center;
	vertical-align: middle;
}
#index p {
	margin: 0;
	color: #C3CCD9;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#index a {
	color: #A1AEBE;
	text-decoration: underline;
}
#index a:hover {
	color: #C3CCD9;
}


/**********************************************************
	Elements du menu
/*********************************************************/
#header {
	background : url("images/bande.gif") #153266 repeat-x top left;
	width:  100%;/*761px;*/
	height: 61px;
	text-align: left;
	vertical-align: top;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 2;
}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 {
	position: absolute;
	top: 1px;
}
#menu1 {	left: 168px;}
#menu2 {	left: 239px;}
#menu3 {	left: 318px;}
#menu4 {	left: 419px;}
#menu5 {	left: 508px;}
/*
/!\ ATTENTION, Temporairement, les 2 derniers menus sont decales sur la gauche /!\
#menu6 {	left: 582px;}
#menu7 {	left: 676px;}
*/
#menu6 {	left: 508px;}
#menu7 {	left: 602px;}

#ssmenu1, #ssmenu2, #ssmenu3, #ssmenu4, #ssmenu5, #ssmenu6, #ssmenu7 {
	position: absolute;
	z-index: 1;
	top: 32px;
	visibility: hidden;
}
.sousmenu {
	padding: 5px;
	line-height: 15px;
	background-color: #153266 ;
	border: 1px #A1AEBE solid;
	color: #A1AEBE;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.sousmenu a {
	color: #FFF;
	text-decoration: none;
}
.sousmenu a:hover {
	color: #FFCC55;
	text-decoration: none;
}

/* ***** Zone d'identification ***** */
#identification {
	position: absolute;
	top: 35px;
	left: 370px;
	width: 370px;
	text-align: right;
}
.ident {
	border: 0;
	padding: 0;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
}
.ident a {
	color: #FFF;
	text-decoration: underline
}
.ident a:hover {
	color: #FFCC55;
	text-decoration: underline
}
.ident input {
	color : #254A70;
	font-style: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 8px;
	margin-left: 4px
}
.logout {
	margin-right: 20px;
	color: #F00;
	font-size: 10px;
}


/**********************************************************
	Accueil
/*********************************************************/
.acccontent {
	width:  100%;
	position: relative;
	left: 0px;
}
.accnews {
	width: 179px;
	height: 501px;
	background-color: #C3CCD9;
	margin: 0;
	padding: 0;
	padding-right: 11px;
	color: #254A70;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}
.accnews a {
	color: #A1AEBE;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	text-decoration: none;
}
.accnews a:hover {
	color: #FFF;
}
.accvisuel {
	padding: 0;
	width: 582px;
	position: absolute;
	top: 0;
	left: 179px;
}


/**********************************************************
	Liste des karts
/*********************************************************/
.zonedunemarque {
	text-align: left;
	border-top: 1px solid #FFF;	/* hack pour IE 6 Win (en autre) pour bon positionnement des logos de marques*/
}
.lelogomarque {
	width: 125px;
	margin: 0;
	position: absolute;
}
.listekartsmarque {
	margin-left: 127px;
}
.marque {
	width : 150px;
	vertical-align: top;
	color: #254A70;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	padding-top: 5px;
	padding-right : 10px;
	border: 1px #000 solid;
}
.marque a {
	border: 1px #FFF solid;
	color: #254A70;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.marque a:hover {
	border: 1px #000 solid;
	color: #FFCC55;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


/**********************************************************
	Ecran kart
/*********************************************************/
#kartVisuSupp {
	width: 210px;
	margin-top: 2px;
	text-align: center;
}
#kartVisuSupp img {
	margin: 3px;
}

.image {
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 10px
}

.argumentaire {
	width : 235px;
	margin-left: 5px;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif
}

.descriptif {
	color: #284968;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif
}
.descriptif th {
	height: 45px;
	background : url("images/coche2.gif") no-repeat top left;
	vertical-align: top;
	font-weight: bold;
	font-size: 12px;
	text-align: left
}

.option {
	width : 235px;
	color: #284968;
	margin-left: 5px;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif
}
.option th {
	height: 50px;
	padding-top: 10px;
	background : url("images/coche2.gif") no-repeat center left;
	vertical-align: top;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}


/**********************************************************
	Zoom de visuel de karts
/*********************************************************/
#zoomkart {
	margin: 0;
	padding: 0;
			/* ********************
			Solution 1:
			Malheureusement, IE ne comprend pas ces styles...
				position:absolute;
				left: 50%; 
				top: 50%;
				width: 700px;
				margin-left: -350px;
				height: 400px;
				margin-top: -200px;
			******************** */
/* Solution 2:*/
	text-align: center;
	height: 100%;
}

	/* Le style ci-dessous fonctionne avec  la Solution 2...*/
#zoomkart table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	height: 100%;
}

#zoomkart a {
	color: #254A70;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


/**********************************************************
	Philosophie
/*********************************************************/
.philocontent {
	position: relative;
	width:  761px;
}
.philocontent .visuels1, .philocontent .visuels2 {
	width: 190px;
	text-align: center;
	position: absolute;
}
.philocontent .visuels1 {
	left: 0px;
}
.philocontent .visuels2 {
	left: 570px;
}
.philocontent .visuels1 img, .philocontent .visuels2 img {
	margin: 0 3px 5px 3px;
	border: 1px #000 solid; 
}
.philocontent .philotexte {
	width: 380px;
	background: url("images/fond_philosophie.jpg") no-repeat top left;
	padding: 5px;
	text-align: justify;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	position: absolute;
	left: 190px;
}
.philocontent .philotexte h2 {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}


/**********************************************************
	Tableau des telechargements
/*********************************************************/
.dwnld {
	padding-left: 50px;
	color: #254A70;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline
}
.dwnld h3 {
	width: 650px;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	background : url("images/fond1.gif");
	border: 1px solid #000;
	text-align: left;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

table.tabdwnld {
	width: 630px;
	padding: 0px;
	/*margin-top: 10px;*/	/* Modif KH */
	margin: 0;
	margin-left: 20px;
	border-collapse: collapse;
}
				/*
						.tabdwnld th {
							height: 16px;
							background : url("images/fond1.gif");
							color: #FFF;
							font-style: italic;
							font-weight: bold;
							font-size: 12px;
							font-family: Arial, Helvetica, sans-serif;
							text-align: left;
							border: 1px #000 solid;
						}
						.tabdwnld td.tdblank {
							background-color: #FFF;
							width: 10px;
							border: 0px;
						}
				*/
.tabdwnld td {
	padding: 5px;
	border: 1px #FFF solid;
	/*border-top: 1px #000 solid;*/ /* Modif KH */
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif
}
.tabdwnld td.tdcell {
	width: 150px;
	background-image: url("images/bk_fd1.jpg");
}
.tdcell p {
	margin: 0;
}
.tabdwnld img {
	border: 0px #000 solid;
}
.tabdwnld a {
	color: #254A70;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline
}
.tabdwnld a:hover {
	color: #FFF;
}


/**********************************************************
	Commun a pas mal d'ecran
/*********************************************************/
#content {
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
/* ***** ***** */
.retour {
	color: #254A70;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background : url("images/fleche.gif") no-repeat bottom left;
	height: 25;
	padding-left: 20px;
	padding-top: 5px
}
.retour a {
	color: #254A70;
	text-decoration: none
}
.retour a:hover {
	color: #254A70;
	text-decoration: blink
}
/* ***** ***** */
.visuel {
	color: #284968;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.visuel img {
	border: 1px #000 solid;
	padding: 0px;
}
.titreecran {
	vertical-align: middle;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	text-align: left;
	color: #254A70;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.titreecran .libelle {
	padding-left: 10px;
}
.titreecran2 {
	margin: 0;
	padding: 0;
}


/**********************************************************
	Ecran de demande de mot de passe (si oublie) du site Sodikart
/*********************************************************/
body#sodi_pwmiss {
	}

body#sodi_pwmiss div {
	}