/*
#####################################
#           BODY                    #
#####################################
*/

	body{
	background-color:#ddd;
	color:#000;
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin:1em 1%;
	padding:0;
	text-align:center;
	}

/*
#####################################
#      DIV GENERAL INDEX            #
#####################################
*/

	#page{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-color:#000;
	border-width:1px 1px 0 1px;
	background-color:#fff;
	background-image:url("img/titre.jpg");
	background-position:top;
	background-repeat:no-repeat;
	color:#333;
	}

/* déclarations des menus */
	#menu_haut{
	float:left;
	margin-top:17px;
	width:600px;
	height:40px;
	font-size:17px;
	font-weight:bold;
	text-align:left;
	}

	#menu_gauche{
	float:left;
	height:500px;
	width:190px;
	font-size:13px;
	text-align:left;
	}

/*
#######################################
#      DECLARATION DU CONTENU         #
#######################################
*/

	#pub{
	float:left;
	margin-top:13px;
	width:468px;
	height:60px;
	}

	#corps{

	float:left;

	width:720px;

	min-height:500px;

	margin-left:20px;

	background-color:#fff;

	}

	

	#parag{

	float:left;

	width:720px;

	line-height:150%;

	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;

	font-size:small;

	text-align:left;

	}

	

	#parag_gauche, #parag_droite{

	float:left;

	font-family:inherit;

	font-size:inherit;

	width:350px;



	}

	

	#parag_droite{

	margin-left:20px;

	}

	

	#footer{

	color:#369;

	background-color:#eff4fa;

	width:950px;

	height:14px;

	border-top:1px dotted #369;

	border-bottom:1px solid #000;

	font-size:11px;

	letter-spacing:0.2em;

	}

	#select_lang{

	float:left;

	width:350px;

	margin-top:41px;

	font-size:5px;

	text-align:left;

	}



	#navig{

	float:left;

	width:720px;

	color:#666;

	text-align:right;

	font-family:"Trebuchet MS";

	letter-spacing:0.1em;

	font-size:11px;

	font-weight:bold;

	font-variant:small-caps;

	}

	

	#prix{

	margin-left:30px;

	width:90%;

	height:30px;

	border-left:5px solid #D0E3FA;

	padding-left:30px;

	padding-top:10px;

	}

	.prix{

	font-size:14px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;

	}



	

	#download{

	float:right;

	margin-top:10px;

	padding:10px;

	width:250px;

	text-align:center;

	border-left:1px solid #9cf;

	}



/*

#######################################

#           EFFETS VISUELS            #

#######################################

*/





	h2{

	background-color:transparent;

	color:#900;

	border-color:#900;

	border-style:dotted;

	border-width:0 0 1px 0;

	font-family:Georgia,"Times New Roman",Times,serif;

	line-height:140%;

	letter-spacing:1px;

	font-size:17px;

	text-align:right;

	padding-right:5%;

	line-height:140%;

	height:22px;

	}

	

	h3{

	background-color:transparent;

	color:#093;

	font-size:14px;

	font-weight:bold;

	letter-spacing:1px;

	text-align:left;

	padding-left:10px;

	background-image:url("img/titre_h3.gif");

	background-position:center;

	background-repeat:repeat-x;

	margin-bottom:0;

	}

	

	h4{

	background-color:transparent;

	color:#369;

	margin-top:10px;

	margin-bottom:2px;

	padding:0;

	font-weight:bold;

	font-size:13px;

	}

	

	.titre_h3{

	background-color:#fff;

	padding-left:10px;

	padding-right:10px;

	}

	.optstab{

	padding-right:3px;

	background-color:#fff;

	}

	

	

/* Tableaux */



	table {

	border-width:0;

	border-collapse: collapse;

	width: 90%;

	margin-left:30px;

	border-left:5px solid #D0E3FA;

	font-size:12px;

	}

	th {

	border-width:0;

	font-weight:bold;

	color:#000;

	padding-bottom:10px;

	}

	td.qte{

	width:15%;

	text-align:center;

	}

	td.dotted{

	width:55%;

	background-image:url("img/dotg204.gif");

	background-position:50% 50%;

	background-repeat:repeat-x;

	}

	td.usb{

	width:20%;

	text-align:center;

	}

	td.prix{

	width:10%;

	}

	

/* effets spécifiques */

	#menu_gauche h2{

	height:22px;

	color:#369;

	border-color:#369;

	border-style:dotted;

	border-width:0 0 1px 0;

	background-color:#f5f8fc;

	margin-bottom:10px;

	font-family:Georgia,"Times New Roman",Times,serif;

	letter-spacing:1px;

	line-height:140%;

	font-size:17px;

	text-indent:10px;

	text-align:left;

	}

	

	#parag ul{

	margin-top:3px;

	}

	

	#parag_gauche li, #parag_droite li, #parag li{

	display: list-item;

	list-style-image: url("img/triangle_b.gif");

	}

			

	#select_lang li{

	list-type-image:none;

	display:inline;

	margin-left:40px;

	margin-right:10px;

	}

	

	#select_lang ul{

	list-type-image:none;

	margin:0;

	}

	

	.intro{

	margin:25px 0 20px 0;

	padding:10px 10px 10px 50px;

	background-color:#DBE7F2;

	color:#369;

	font-size:14px;

	border-bottom:1px dotted #9cf;

	background-image:url("img/i_arrow.png");

	background-position:3% 50%;

	background-repeat:no-repeat;

	}



	pre{

	background-color:#fff5ce;

	border-style:solid;

	border-width:1px 1px 1px 5px;

	border-color:#fc0;

	padding:10px;

	margin-left:20px;

	font-size:inherit;

	}

	

	em{

	font-style:normal;

	font-weight:bold;

	color:#000;

	}

	

	hr{

	clear:both;

	visibility:hidden;

	height:10px;

	}

	

	img{

	border:0;

	}

			

/* Formulaires */	

	input.champs{

	color:#333;

	font-size:13px;

	width:200px;

	padding-left:5px;

	background-color:#fbfbfb;

	border:1px solid #999;

	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;

	}

	

	input.champs2{

	color:#333;

	font-size:13px;

	width:300px;

	padding-left:5px;

	background-color:#fbfbfb;

	border:1px solid #999;

	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;

	}

	

	input.button{

	margin-right:15px;

	margin-top:30px;

	font-size:13px;

	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;

	}

	

	textarea{

	color:#333;

	font-size:13px;

	width:300px;

	padding-left:5px;

	background-color:#fbfbfb;

	border:1px solid #999;

	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;

	}

	

	input.prix{

	width:70px;

	border:0;

	text-align:right;

	font-size:14px;

	font-weight:bold;

	padding:0 0 0 2px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

	select{

	width:40px;

	border:1px solid #ccc;

	font-size:12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	}

	.red{

	color:#f00;

	font-weight:bold;

	}





/*

#######################################

#          LIENS  ET  ROLLOVERS       #

#######################################

*/



	a{

	color:#369;

	background-color:transparent;

	text-decoration:none;

	}

	a:hover{

	background-color:transparent;

	color:#093;

	text-decoration:underline;

	}



/* menu du haut */

	#menu_haut a{

	color:#369;

	background-color:transparent;

	text-decoration:none;

	}

	#menu_haut a:hover{

	background-color:transparent;

	color:#fff;

	text-decoration:none;

	}



/* menu de gauche */

	#menu_gauche a{

	text-decoration:none;

	color:#369;

	}

	#menu_gauche a:hover{

	text-decoration:underline;

	color:#f60;

	}

	

/* contenu */

	#parag a{

	text-decoration:underline;

	color:#369;

	}

	#parag a:hover{

	text-decoration:none;

	color:#f60;

	}

	#download a{

	text-decoration:none;

	color:#369;

	}

	#download a:hover{

	text-decoration:none;

	color:#f60;

	}



/*

#######################################

#     COMPATIBILITÉ  NAVIGATEURS      #

#######################################

*/

	

	#page #select_lang{

	margin-left:0;

	_margin-left:0;

	}

	

	#page #menu_gauche{   

	margin-top:0px;

	_margin-top:0px;

	}

	#page #pub{

	margin-left:471px;

	_margin-left:235px;

	}

	#page #menu_haut{

	margin-left:0;

	_margin-left:0;

	}

	#corps #navig{

	margin-bottom:0px;

	_margin-bottom:15px;

	}