/*  ------ global html --------- */

	* { margin: 0px; padding: 0px; }

	html {
		font-size:11px; /*set default font size */
		font-family:"trebuchet ms", arial, verdana, tahoma, sans-serif; /* set default font */
		}
	body {
		text-align: center;
		background-color: #fff;
		color: #000;
		background-image:url(../img/inter/fond_page.jpg); background-position:50% 50%;
		background-repeat:repeat-y;
	}
	a img {border:0px}
/*::::::::::::::::::::::::::::::*/


/*  --------- gabarit --------- */
	#contenair {
		width: 100%; height:100%;
		background-image:url(../img/inter/toto.jpg); background-repeat:no-repeat; background-position:50% -23px;
 		border: 0px solid gray;
	}



/*  --------- header --------- */

	.header {
		margin-top:13px;
		width:770px;
		/*background-color: #FFFF44;*/
		border:solid 0px red;
		}
		.cas-fr {background-image:url(../img/inter/haut_page.jpg); background-repeat:no-repeat;}
		.cas-uk {background-image:url(../img/inter/haut_uk_page.jpg); background-repeat:no-repeat;}
		.cas-es {background-image:url(../img/inter/haut_es_page.jpg); background-repeat:no-repeat;}
	
	html>body .header {
		margin-top:13px;
		/*background-image:url(../img/inter/haut_page.jpg); background-repeat:no-repeat;*/
		width:770px;
	}
	
	.header-es {
		margin-top:13px;
		background-image:url(../img/inter/haut_page.jpg); background-repeat:no-repeat;
		width:770px;
		/*background-color: #FFFF44;*/
		border:solid 0px red;
	}
	html>body .header-es {
		margin-top:13px;
		background-image:url(../img/inter/haut_page.jpg); background-repeat:no-repeat;
		width:770px;
	}

.input-recherche {
font: normal 9px   arial, sans-serif; color:#000000; border:0px; padding:1px 4px 1px 4px;
}
.input-ok {
font: normal 9px   arial, sans-serif; color:#000000;
}


/*  --------- sous menu --------- */

ul.recherche {
		text-align :right;
		height:28px; width:358px;
		position: relative;
		left:410px;
		border: 0px solid red;
		background-image:url(../img/nav/fond_recherche.gif); background-repeat:no-repeat; background-position: 100% 80%;
}
ul.recherche#top{
	top:60px
}
html>body ul.recherche#top{
	top:64px
}

	li.recherche  {
		list-style: none;	display: inline;
}
	li.recherche#module  {
		margin: 0px 5px 0 40px;
		position: relative;	top:7px;
}
	.tt-recherche  {
	 font: normal 11px arial, sans-serif; color:#FFFFFF;
}
	.header .menu {
		height:26px; width: 767px;
		margin:68px 0 0px 1px;
		padding: 1px 0 0 2px;
		background-color:#FFFFFF;
		/*border:solid 1px red;*/
}
	html>body .header .menu {
		height:26px; width: 765px;
		margin:69px 0 0px 1px;
		padding: 0px 0 0 2px;
		background-color:#FFFFFF;
}
	.header li.menu {
		font: bold 13px  tahoma, arial, sans-serif; color:#FFFFFF;
		list-style: none;
		display: inline;
		margin: 0 5px 0 5px; padding:0 0 0 30px;
		background-position:0px 3px;
}
	.header li.menu a
	{
		font: bold 13px  tahoma, arial, sans-serif; color:#FFFFFF;
		text-decoration: none;
}
	.header li.menu a:hover
	{
		font: bold 13px  tahoma, arial, sans-serif; color:#FFFFFF;
		text-decoration: none;
}
	.header li.menu a#active
	{
		font: bold 13px  tahoma, arial, sans-serif; color:#FFFFFF;
		text-decoration: none;
}

/*  --------- bandeau image home --------- */

	#img-haut-home-fr {
			height:179px; width:769px;
			background-image:url(../img/inter/bandeau.jpg); background-repeat:no-repeat; background-position:0px 0px;
			border: 0px solid red;
			margin-left: 1px;
}

	#img-haut-home-uk {
			height:179px; width:769px;
			background-image:url(../img/inter/bandeau_uk.jpg); background-repeat:no-repeat; background-position:0px 0px;
			border: 0px solid red;
			margin-left: 1px;
}

	#img-haut-home-es {
			height:179px; width:769px;
			background-image:url(../img/inter/bandeau_es.jpg); background-repeat:no-repeat; background-position:0px 0px;
			border: 0px solid red;
			margin-left: 1px;
}

	#fond-home {
		height:120px; width:770px;
		background-image:url(../img/inter/fond_home.jpg); background-repeat:no-repeat;
}
	#fond-kokliko {
		text-align: left;
		width: 770px; height:100%;
		margin:0px auto;
		background-image:url(../img/inter/fond_home.jpg); background-repeat:no-repeat; background-position:1px 315px;
		border-top: 1px solid #FFFFFF;

}



/*  --------- bandeau image page interieure --------- */

	#img-haut-inter-fr {
			height:115px; width:765px;
			background-image:url(../img/inter/bandeau_inter.jpg); background-repeat:no-repeat; background-position:0px 0px;
			margin-left: 1px;
}

	#img-haut-inter-uk {
			height:115px; width:765px;
			background-image:url(../img/inter/bandeau_uk_inter.jpg); background-repeat:no-repeat; background-position:0px 0px;
			margin-left: 1px;
}

	#img-haut-inter-es {
			height:115px; width:765px;
			background-image:url(../img/inter/bandeau_es_inter.jpg); background-repeat:no-repeat; background-position:0px 0px;
			margin-left: 1px;
}

	#fond-kokliko-inter {
		text-align: left;
		width: 770px; height:100%;
		margin:0px auto;
		background-image:url(../img/inter/fond_home.jpg); background-repeat:no-repeat; background-position:11px 251px;
		border-top: 1px solid #FFFFFF;
}




/*    ..........Colonne gauche home .............  */
	#content {
		width: 770px;
		border: 0px solid blue;
	 clear:both;
	}

	#col-gauche {
		width: 160px; height: auto;
		float: left;
		background-color:#BED8E9;
		padding: 0 0 20px 0px;
		margin-bottom: 10px; margin-right: 15px; margin-left: 10px; margin-top: 35px;
}
	html>body #col-gauche {
		width: 160px; height: auto;
		float: left;
		background-color:#BED8E9;
		padding: 0 0 20px 0px;
		margin-bottom: 10px; margin-right: 15px; margin-left: 20px; margin-top: 35px;
}
	#col-gauche h2 {
		font: bold 14px  tahoma, arial, sans-serif; color:#FFFFFF;
		margin:20px 0 0px 0px; padding:0px 0 0 5px;
}
	#col-gauche h3 {
		background-color:#FFFFFF;
		position:relative;
		top:5px; left:5px;
		width: 135px; height:20px;
		text-align:left;
		font: bold 17px tahoma, arial, sans-serif; color:#33708D;
		background-image:url(../img/inter/puce_bleu.gif); background-repeat:no-repeat; background-position: 4px 50%;
		padding: 0px 0px 0px 15px;
		border: 0px solid red;
}
	#col-gauche p {
		width: 150px;
		font: normal 11px tahoma, arial, sans-serif; color:#33708D;
		padding:0px 0 0 5px;
}
	#col-gauche ul	{
		float:right; width: 140px;
}
	#col-gauche li	{
		list-style: none; background-image:url(../img/spacer.gif);
}

#col-droite-inter {
		float:right;  width: 540px;
		text-align:left; margin-top:30px; margin-left:10px; margin-right:10px;
}

	/*  ...........Colonne droite home ............*/
	.col-chemin{
		float:left; width:100%;
}
	#col-droite-home ul.int2 {
		list-style: none; margin-bottom: 20px; margin-top: 7px;
}
	#col-droite-home li.chemin {
		text-align:left;
		font: bold 11px  arial, sans-serif; color:#0864a3; padding: 0px 0 0px 0px; display: inline;	
}
	#col-droite-home li.chemin#categorie1 {
		text-align:left;
		font: normal 11px  arial, sans-serif; color:#0864a3; padding: 0px 0 0px 0px; display: inline;	
}


	.tata{
		float:left; width:180px;
}
	.tata2{
		float:left; width:260px;
}

	#col-droite-home {
		float:right;  width: 540px;
		text-align:left; margin-top:30px; margin-left:10px; margin-right:10px;
}

	#col-droite-home li.img-boucle {
		border: 0px solid green; text-align:center; margin-top:60px; margin-left:15px; height:114px;
}
	html>body #col-droite-home li.img-boucle {
		text-align:center;
		list-style: none;
}


	#col-droite-home li.img-air {
		text-align:center;/* margin-top:60px;*/
		list-style: none;
}

	#col-droite-home li.img-eau-glacee {
		text-align:center;/* margin-top:60px;*/
		list-style: none;
}

	#col-droite-home ul.int {
		list-style: none;
}
	#col-droite-home li.catalogue-1 {
		text-align:center;
		font: bold 18px  arial, sans-serif; color:#DE1616; padding: 0px 0 18px 0px;
}
	#col-droite-home li.catalogue-1 a {
		text-align:center;
		font: bold 18px  arial, sans-serif; color:#DE1616; padding: 0px 0 18px 11px;
		background-image:url(../img/inter/puce_bleu.gif); background-repeat:no-repeat; background-position: 0px 5px;
		text-decoration: none; 
}
	#col-droite-home li.catalogue-3 {
		text-align:center;
		font: bold 15px  arial, sans-serif; color:#2C3164; padding: 0px 0 5px 11px;
		
}
	#col-droite-home li.catalogue-3 a {
		text-align:center;
		font: bold 15px  arial, sans-serif; color:#2C3164; padding: 0px 0 5px 11px;
		background-image:url(../img/nav/puce_catalogue.gif); background-repeat:no-repeat; background-position: 0px 3px;
		text-decoration: none; 
}
	#col-droite-home li.catalogue-3 a:hover {
		text-align:center;
		font: bold 15px  arial, sans-serif; color:#266BA1; padding: 0px 0 5px 11px;
		background-image:url(../img/nav/puce_catalogue.gif); background-repeat:no-repeat; background-position: 0px 3px;
		text-decoration: none; 
}
	#col-droite-home li.catalogue-2 a {
		text-align:center; margin-top:25px;
		font: bold 18px  arial, sans-serif; color:#ffffff; padding: 0px 0 18px 11px;
		background-image:url(../img/inter/puce_bleu.gif); background-repeat:no-repeat; background-position: 0px 4px;
		text-decoration: none;
}
	#col-droite-home li.titre {
		text-align:center; margin-top:25px;
		font: bold 18px  arial, sans-serif; color:#DE1616; padding: 0px 0 18px 11px;
		text-decoration: none;
}
	#col-droite-home li.titre a {
		text-align:center; margin-top:25px;
		font: bold 18px  arial, sans-serif; color:#DE1616; padding: 0px 0 18px 11px;
		background-image:url(../img/inter/puce_bleu.gif); background-repeat:no-repeat; background-position: 0px 4px;
		text-decoration: none;
}
	#col-droite-home li.ss-titre {
		text-align:center;
		font: bold 10px  arial, sans-serif; color:#DE1616; padding: 5px 0 0px 0px;
		background-image:url(../img/nav/puce_plus.jpg); background-repeat:no-repeat; background-position: 15% 75%;
}
	#col-droite-home li.ss-titre a {
		text-align:center;
		font: bold 10px  arial, sans-serif; color:#DE1616; padding: 5px 0 0px 0px;
		text-decoration: none;
}

	#col-droite-home h1{
		font: bold 18px  arial, sans-serif; color:#1173A4; padding: 15px 0 3px 13px;
		background-image:url(../img/inter/puce_bleu.gif); background-repeat:no-repeat; background-position: 0px 20px;
}
	#col-droite-home h2{
		font: bold 14px  tahoma, arial, sans-serif; color:#E11717;
		padding:3px 0 5px 0px;
}
	#col-droite-home h3{ font: bold 11px  arial, sans-serif; color:#1173A4; padding: 1px 0 2px 4px;
		background-image:url(../img/nav/fond_h3.jpg); background-repeat:repeat-y; background-position: 0px 0px;
}
	#col-droite-home h4{
		font: bold 18px  arial, sans-serif; color:#1173A4; padding: 5px 0 15px 0px;
}
/*	#col-droite-home p{
		font: normal 11px tahoma, arial, sans-serif; color:#000000;
		padding:0px 0 5px 0px;
}*/

	/*  ...........Colonne gauche Pages Interieures ...........*/

	#col-gauche-inter {
		width: 175px; height: auto;
		float: left;
		background-color:#ffffff;
		margin-bottom: 10px; margin-right: 5px; margin-left: 8px; margin-top: 33px;
		border: 0px solid blue;
}
	html>body #col-gauche-inter {
		width: 175px; height: auto;
		float: left;
		background-color:#ffffff;
		margin-bottom: 10px; margin-right: 0px; margin-left: 15px; margin-top: 33px;
}


	#col-gauche-inter ul.niv1{
	background-color: white;  width:175px;
}
	#col-gauche-inter li.niv1 {
	font: bold 14px  arial, sans-serif; color:#ffffff;
	margin:7px 0 7px 0;
	list-style:none;
 	background-color: #1173A4;  width: 175px;
	background-image:url(../img/inter/puce_rose.gif); background-repeat:no-repeat; background-position: 3px 7px;
}
	#col-gauche-inter li.niv1 a {
	font: bold 14px  arial, sans-serif; color:#ffffff; padding: 2px 0 2px 14px;
	list-style:none; text-decoration:none; margin:5px 0 5px 0;
}
	#col-gauche-inter li.niv1 div {
	 padding: 5px 0 5px 0;
}



	#col-gauche-inter ul.niv2 {
	background-color:#ffffff; width:175px; padding: 1px 0 0px 0;
}
	#col-gauche-inter li.niv2 {
	padding: 0px 0 0px 12px; list-style:none;  margin:6px 0 0px 0;
	background-color:#bdd7e4; width:175px;
	background-image:url(../img/inter/puce_rond_bleu.gif); background-repeat:no-repeat; background-position: 2px 5px;
}
	html>body #col-gauche-inter li.niv2 {
	padding: 0px 0 0px 12px; list-style:none; margin:7px 0 0px 0;
	background-color:#bdd7e4; width:163px;
	background-image:url(../img/inter/puce_rond_bleu.gif); background-repeat:no-repeat; background-position: 2px 5px;
}
	#col-gauche-inter li.niv2 a {
	font: bold 12px  arial, sans-serif; color:#151352; padding: 1px 0 2px 0px;
	text-decoration:none;
}
	#col-gauche-inter li.niv2 a#active {
	font: bold 12px  arial, sans-serif; color:#CA2B25; padding: 2px 0 2px 0px;
	list-style:none; text-decoration:none;
}



	#col-gauche-inter ul.niv3 {
	background-color:#ffffff; width:175px; margin: 0px 0 0px -12px;
}
	#col-gauche-inter li.niv3 {
	padding: 1px 0 1px 12px;
	list-style:none; margin:1px 0 1px 0px;
	background-color:#ffffff; width:175px;
	background-image:url(../img/inter/puce_ss_titre.gif); background-repeat:no-repeat; background-position: 2px 3px;
}
	#col-gauche-inter li.niv3 a {
	font: bold 11px  arial, sans-serif; color:#19659F; text-decoration:none;
}
	#col-gauche-inter li.niv3 a#active {
	font: bold 11px  arial, sans-serif; color:#151352;
	list-style:none; text-decoration:none;
}


/*..............Chemin > accueil ..............*/



/*................ Contenu Fiches Produit ...................*/

/*	#titre {
		height:100px; width:500px;
	    text-align: center;
}
	#titre ul.haut {
		list-style:none;
		background-image:url(../img/nav/degrade_bleu.jpg); background-repeat:no-repeat; background-position: 0% 24px;
}
	#titre li.h1 {
        padding:10px 0 0 0px; height:auto; text align:center
}
	#titre li.h1 h1 {
		font: bold 18px  tahoma, arial, sans-serif; color:#1A1354;
		padding:0px 10px 0 10px; height:auto; width: 55px;
		background-color: #ffffff; margin-left: auto;
		margin-right: auto;
}
	#titre li.h2 {
		font: bold 12px  tahoma, arial, sans-serif; color:#1A1354;
		height:auto;
}
	#titre li.h3 {
		font: bold 14px  tahoma, arial, sans-serif; color:#000000;
		height:auto;
}*/

	.remote {
		/*width: 250px;  float:right;*/
		margin-top:5px; 
}	
	.remote li {
		list-style: none; padding:2px 0 2px 30px;
		background-image:url(../img/icones/fleche_remote.gif); background-repeat:no-repeat; background-position: 7px 0px;
}
	.remote li a {
	font: normal 12px  arial, sans-serif; color:#151352; text-decoration:none;
}
	.remote li a:hover {
	font: normal 12px  arial, sans-serif; color:#FFFFFF;
	list-style:none; text-decoration:none;
}

	#documents {
		margin-top:15px; border:solid 1px white;
		background-image:url(../img/inter/doc_telecharger.gif); background-repeat:no-repeat;
}	

	#documents ul {
		width: 250px;  float:left;
		margin-top:45px; margin-left:5px
}
	#documents  li {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#documents ul.liste2 {
		width: 250px;
		margin-top:45px; float:right;
}
	#documents  li.liste2 {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#documents li a {
	font: normal 12px  arial, sans-serif; color:#000000; text-decoration:none;
}
	#documents li a:hover {
	font: normal 12px  arial, sans-serif; color:#151352;
	list-style:none; text-decoration:none;
}

	#documents-uk {
		margin-top:15px; border:solid 1px white;
		background-image:url(../img/inter/doc_telecharger_uk.gif); background-repeat:no-repeat;
}	

	#documents-uk ul {
		width: 250px;  float:left;
		margin-top:45px; margin-left:5px
}
	#documents-uk li {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#documents-uk ul.liste2 {
		width: 250px;
		margin-top:45px; float:right;
}
	#documents-uk  li.liste2 {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#documents-uk li a {
	font: normal 12px  arial, sans-serif; color:#000000; text-decoration:none;
}
	#documents-uk li a:hover {
	font: normal 12px  arial, sans-serif; color:#151352;
	list-style:none; text-decoration:none;
}

	#documents-es {
		margin-top:15px; border:solid 1px white;
		background-image:url(../img/inter/doc_telecharger_es.gif); background-repeat:no-repeat;
}	

	#documents-es ul {
		width: 250px;  float:left;
		margin-top:45px; margin-left:5px
}
	#documents-es  li {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#documents-es ul.liste2 {
		width: 250px;
		margin-top:45px; float:right;
}
	#documents-es  li.liste2 {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#documents-es li a {
	font: normal 12px  arial, sans-serif; color:#000000; text-decoration:none;
}
	#documents-es li a:hover {
	font: normal 12px  arial, sans-serif; color:#151352;
	list-style:none; text-decoration:none;
}

	#plans {
	margin-top:5px; border-top:solid 1px #D9E7EE;
	/*background-image:url(../img/inter/plan_telecharger.gif); background-repeat:no-repeat;*/
}
	#plans ul {
		width: 250px;  float:left;
		margin-top:10px; margin-left:5px
}
	#plans  li {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#plans ul.liste2 {
		width: 250px;
		margin-top:10px; float:right;
}
	#plans  li.liste2 {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#plans li a {
	font: normal 12px  arial, sans-serif; color:#000000; text-decoration:none;
}
	#plans li a:hover {
	font: normal 12px  arial, sans-serif; color:#151352;
	list-style:none; text-decoration:none;
}

	#plans_uk {
	margin-top:5px; border-top:solid 1px #D9E7EE;
	/*background-image:url(../img/inter/plan_telecharger_uk.gif); background-repeat:no-repeat;*/
}
	#plans_uk ul {
		width: 250px;  float:left;
		margin-top:10px; margin-left:5px
}
	#plans_uk  li {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#plans_uk ul.liste2 {
		width: 250px;
		margin-top:10px; float:right;
}
	#plans_uk  li.liste2 {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#plans_uk li a {
	font: normal 12px  arial, sans-serif; color:#000000; text-decoration:none;
}
	#plans_uk li a:hover {
	font: normal 12px  arial, sans-serif; color:#151352;
	list-style:none; text-decoration:none;
}

	#plans_es {
	margin-top:5px; border-top:solid 1px #D9E7EE;
	/*background-image:url(../img/inter/plan_telecharger_es.gif); background-repeat:no-repeat;*/
}
	#plans_es ul {
		width: 250px;  float:left;
		margin-top:10px; margin-left:5px
}
	#plans_es  li {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#plans_es ul.liste2 {
		width: 250px;
		margin-top:10px; float:right;
}
	#plans_es  li.liste2 {
		list-style: none; padding:2px 0 2px 20px;
		background-image:url(../img/icones/pdf.gif); background-repeat:no-repeat;
}
	#plans_es li a {
	font: normal 12px  arial, sans-serif; color:#000000; text-decoration:none;
}
	#plans_es li a:hover {
	font: normal 12px  arial, sans-serif; color:#151352;
	list-style:none; text-decoration:none;
}


/* ....................... contact ..................................*/

	#form-contact {
	margin-top:5px; margin-bottom:20px; margin-right:5px; padding: 5px 0 0 5px;
}
	#autre-type-societe {
	font: bold 10px arial, sans serif; color:#797D80; 
}
	#autre-fonction {
	font: bold 10px arial, sans serif; color:#797D80; 
}
	#autre-souhait {
	font: bold 10px arial, sans serif; color:#797D80; 
}

	.titre-champs {
	font: bold 12px arial, sans serif; color:#151352; 
	background-image:url(../img/inter/puce_bleu.gif); background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 2px 0 0 12px;
}	
	.titre-asterisque {
	font: normal 11px arial, sans serif; color:#CA2B25; text-align: left;
	
}	

	#img-produit {
		width:100%; height:auto;
		background-color:#ffffff;
}
	#img-produit ul.produit {
		width: 530px;
		margin-top:15px; margin-bottom: 10px;
		text-align: center;
}
	#img-produit li.produit {
		display: inline;
		list-style: none;
		/*margin: 10px 0px 0px 200px;*/
}



	.degrade {
		background-repeat:no-repeat; background-position: 50%;
}
	.typo-bold /*h1*/ {
		height: 10px;
		font: bold 18px  tahoma, arial, sans-serif; color:#1A1354;
		margin: 0 10px 3px 10px; padding:0 5px 0 5px;
}
	html>body .typo-bold /*h1*/ {
		height: 20px;
		font: bold 18px  tahoma, arial, sans-serif; color:#1A1354;
		margin: 0 10px 8px 10px; padding:0 5px 0 5px;
}
	.titre2 /*h2*/ {
		font: bold 12px tahoma, arial, sans-serif; color:#1A1354;
		padding: 0px 0 10px 0px;
}
	.titre3 {
		font: bold 14px tahoma, arial, sans-serif; color:#ffffff;
		padding: 5px 7px 5px 7px;
}



/*.....................tableau régulation....................*/

.td-tableau-bleu {
		width: 530px;
		padding: 3px 8px 3px 8px; margin-top: 20px;
		font: normal 11px tahoma, arial, sans-serif; color:#ffffff;
}
.td-tableau-bleu#texte {
		font: normal 11px tahoma, arial, sans-serif; color:#ffffff;
}

.td-tableau-bleu#regulation_fr /*h1*/ {
		background-image:url(../img/nav/regulation.gif); background-repeat:no-repeat;
		background-position: 100% 70%;
		margin: 8px 5px 10px 5px; padding: 40px 8px 3px 8px;
}

.td-tableau-bleu#regulation_en  {
		background-image:url(../img/nav/regulation_uk.gif); background-repeat:no-repeat;
		background-position: 100% 70%;
		margin: 8px 5px 10px 5px; padding: 40px 8px 3px 8px;
}

.td-tableau-bleu#regulation_es  {
		background-image:url(../img/nav/regulation_es.gif); background-repeat:no-repeat;
		background-position: 100% 70%;
		margin: 8px 5px 10px 5px; padding: 40px 8px 3px 8px;
}

#tab-references {
	margin:0px 0 0 0; padding:0px
}
table ul{
/*margin:0px 0 0px 14px; padding:0px; */
font: normal 11px Arial, sans-serif; font-color: #000000; line-height:normal;
}
.liste-ref-gauche {
width:200px;  margin:10px 0 0 8px;
}
.liste-ref-gauche  li  {
		margin:0px 0 0 0px;
		padding:0px 0 0 10px;
		background:url(../img/nav/puce_rouge.gif) 0px 5px no-repeat;
		list-style: none;
}

.liste-ref-droite {
	float:right;  width:280px;  margin:10px 0 0 0; 
}
.liste-ref-droite  li  {
		margin:0px 0 0 0px;
		padding:0px 0 0 10px;
		background:url(../img/nav/puce_rouge.gif) 0px 4px no-repeat;
		list-style: none;
}
#div-ref {
	border:solid 1px transparent;
}
#div-ref2 {
	margin:15px 0 0 0; 
}



/* ................. CSS for the box starts here  .................... */
	#boite {clear:both; border: 0px solid red;
	}

	.box-stantard {
		padding:0 12px 0 0px;
		background:#fff url(../img/borders.gif) 100% 0 repeat-y;
	}
	.box-stantard#size1 {
		width:250px; font-size: 12px; color:#000000;
	}
	.bi-stantard {
		padding:0 0 0 12px;
		background:#fff url(../img/borders.gif) 0 0 repeat-y;
	}
	.bt-stantard-fr {
		height:40px;
		margin:0 -12px;
		background:url(../img/box.gif) 100% 0 no-repeat;
	}
	.bt-stantard-fr div {
		width:18px;
		height:40px;
		background:url(../img/box.gif) 0 0 no-repeat;
	}
	.bt-stantard-en {
		height:40px;
		margin:0 -12px;
		background:url(../img/box_uk.gif) 100% 0 no-repeat;
	}
	.bt-stantard-en div {
		width:18px;
		height:40px;
		background:url(../img/box_uk.gif) 0 0 no-repeat;
	}
	.bt-stantard-es {
		height:40px;
		margin:0 -12px;
		background:url(../img/box_es.gif) 100% 0 no-repeat;
	}
	.bt-stantard-es div {
		width:18px;
		height:40px;
		background:url(../img/box_es.gif) 0 0 no-repeat;
	}
	.bb-stantard {
		height:17px;
		margin:0 -12px;
		background:url(../img/box.gif) 100% 100% no-repeat;
	}
	.bb-stantard div {
		width:18px;
		height:17px;
		background:url(../img/box.gif) 0 100% no-repeat;
	}
	.box-stantard h1 {
	margin:0;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif; background:url(../img/box.gif)
	}
	.box-stantard .bi h2 {
	 font-size: 12px; color:#1F7EAF; font-weight: bold;
	 background-color:#ffffff;
	 padding: 0px 10px 0px 15px; margin: 0px 0px 0px 0px;
	}
	.box-stantard p{
		margin:0px 0 0 0px;
		padding:10px 10px;
		background:#fff; width:auto;
		font: normal 12px Arial, sans-serif; font-color: #000000;
	}
	.box-stantard li {
		margin:0 0 0 0px;
		padding:0px 0 0 10px;
		background:url(../img/nav/puce_rouge.gif) 0px 5px no-repeat;
		list-style: none;
		border:solid 0px red;
	}
	.box-stantard ul {
	background-color: #fff;
	}



	.box-option {
		padding:0px 12px 0 0;
		background:#fff url(../img/borders.gif) 100% 0 repeat-y;

	}
	.box-option#toto {
		width:250px; float:right; font-size: 12px; color:#000000;
	}
	.bi-option {
		padding:0 0 0 12px;
		background:#fff url(../img/borders.gif) 0 0 repeat-y;
	}
	.bt-option-fr {
		height:43px;
		margin:0px -12px;
		background:url(../img/box_options.gif) 100% 0 no-repeat; padding: 0px 0 0 0px;
	}
	.bt-option-en {
		height:43px;
		margin:0px -12px;
		background:url(../img/box_options_uk.gif) 100% 0 no-repeat; padding: 0px 0 0 0px;
	}
	.bt-option-es {
		height:43px;
		margin:0px -12px;
		background:url(../img/box_options_es.gif) 100% 0 no-repeat; padding: 0px 0 0 0px;
	}
	.bt-option-fr div {
		width:18px;
		height:45px;
		background:url(../img/box_options.gif) 0 0 no-repeat;
	}
	.bt-option-en div {
		width:18px;
		height:45px;
		background:url(../img/box_options_uk.gif) 0 0 no-repeat;
	}
	.bt-option-es div {
		width:18px;
		height:45px;
		background:url(../img/box_options_es.gif) 0 0 no-repeat;
	}
	.bb-option {
		height:17px;
		margin:0 -12px;
		background:url(../img/box.gif) 100% 100% no-repeat;
	}
	.bb-option div {
		width:18px;
		height:17px;
		background:url(../img/box.gif) 0% 100% no-repeat;
	}

	.box-option li {
		margin:0 0 0 0px;
		padding:0 0 0 10px;
		background:url(../img/nav/puce_rouge.gif) 0px 50% no-repeat;
		list-style: none;
}
	.box-option ul {
		/*background:url(../img/nav/spacer.gif) 0px 0% ;*/background:#fff

}

/*  --------- footer --------- */

	#footer{
	background-image:url(../img/nav/bas_page.jpg); background-repeat:no-repeat;
	height: 156px;
}
	#footer p {
	padding:45px 0 0 490px;
}
	#footer ul {
	padding:18px 0 0 340px;
}
	#footer li {
	font: normal 11px  tahoma, arial, sans-serif; color:#0E2C5A;
	list-style: none;
	display: inline;
}
	#clear{
	clear: both;
}
	.clear{
	clear: both;
}