/*
 Classes définies pour la mise en page du site en général
*/

body{
	background-color:#ffffff;
	color:#000000;
	margin:0;
	padding:0;
}
*{
	font-family:arial;
	font-size:12px;
	color:#000000;
	background-repeat:no-repeat;
}
a{
	color:#CC00CC;
	font-weight:bold;
}
a img{
	border:0;
}
span{
	display:none;
}
h2{
	background-image:url(/images/puce.gif);
	background-position:5px 5px;
	padding:0 0 0 16px;
	margin:10px 0 0 0;
	font-size:16px;
	color:#cc00cc;
}
h3{
	background-image:url(/images/puce.gif);
	background-position:5px 5px;
	padding:0 0 0 16px;
	font-size:13px;
	margin:10px 0 10px 0;
}

/*
	Elements communs à toutes les pages
*/
#page{
	width:780px;
}
#haut{
	background-image:url(/images/logo.gif);
	padding:40px 0 0 200px;
	height:160px;
}
#haut #slogan{
	float:left;
	background-image:url(/images/fr/slogan.gif);
	width:171px;
	height:33px;
	padding:0 20px 0 0;
	margin:0 0 20px 200px;
	border-right:1px solid #cc00cc;
}
#haut #contact{
	float:left;
	display:block;
	background-image:url(/images/email.gif);
	width:100px;
	height:29px;
	margin:0 0 0 20px;
}
#haut #menuRapide{
	clear:both;
	background-image:url(/images/menu-rapide.jpg);
	background-color:#cc00cc;
	background-repeat:repeat-y;
	height:30px;
	margin:20px 0 20px 0;
}
#haut #menuRapide #langues{
	float:left;
	list-style:none;
	padding:0;
	margin:0 0 0 40px;
}
#haut #menuRapide #langues li{
	float:left;
}
#haut #menuRapide #langues li img{
	border:1px solid #000000;
	margin:8px 10px 0 0;
}
#haut #menuRapide #produits{
	display:block;
	float:left;
	background-image:url(/images/fr/nos-produits.gif);
	width:185px;
	height:20px;
	margin:7px 40px 0 90px;
}
#haut #menuRapide form{
	float:left;
}
#haut #menuRapide select{
	float:left;
	margin:5px 0 0 0;
}
#haut #telephone{
	float:left;
	background-image:url(/images/telephone.gif);
	width:25px;
	height:21px;
	margin:0 0 0 40px;
}
#haut #banniere{
	float:left;
	position:relative;
	height:21px;
	line-height:21px;
	overflow:hidden;
}
#haut #banniere div{
	position: relative;
	white-space:nowrap;
}
#menu{
	float:left;
	width:190px;
	margin:0;
	padding:0;
}
#menu li{
	background-image:url(/images/puce.gif);
	background-position:5px 8px;
	padding:0 0 0 16px;
	line-height:20px;
	font-size:10px;
	color:#cc00cc;
}
#menu li a{
}
.contenu{
	float:left;
	width:590px;
}
.colonne1{
	float:left;
	width:400px;
}
.colonne2{
	width:185px;
	float:left;
}
.gauche{
	float:left;
	margin:0 10px 0 0; 
}
.separateur{
	clear:both;
}
#bas{
	clear:both;
	height:30px;
	padding:10px 0 0 0;
}
#bas #ircf{
	float:left;
	background-color:#ffffff;
	padding:5px;
}
#bas #adresse{
	float:left;
	width:720px;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#ffffff;
	background-color:#cc00cc;
}
#bas #adresse *{
	color:#ffffff;
}

/*
	Elements spécifiques
*/

/*
	Page d'accueil
*/
#accueil .colonne1 img{
	float:left;
	margin:20px 10px 0 0;
}
#accueil .colonne1 h2{
	background-image:url(/images/fr/bienvenue.gif);
	width:150px;
	height:30px;
}
#accueil .colonne2{
	border:2px solid #cc00cc;
}
#accueil .colonne2 h2{
	background-image:url(/images/fr/en-ce-moment.gif);
	background-position:center;
	background-color:#cc00cc;
	margin:0;
	height:24px;
}
#accueil .colonne2 div{
	width:100%;
	margin:5px;
}
#accueil .colonne2 div h3{
	margin:10px 0 10px 0;
}
#accueil .colonne2 div img{
	float:right;
	margin:0 10px 0 5px;
}
#accueil .colonne2 div p{
	margin:0;
}
#accueil .colonne2 div .prix{
	font-weight:bold;
	margin:5px 0 5px 0;
}
#accueil .colonne2 div a.commander{
	display:block;
	background-image:url(/images/commander.gif);
	font-size:10px;
	color:#000000;
	text-align:center;
	width:100px;
	height:20px;
	line-height:18px;
	padding:0 0 0 10px;
}

/*
	Page partenaires
*/
#partenaires{
}
#partenaires div{
	clear:both;
	padding:0 0 10px 0;
}
#partenaires h3{
	margin:20px 0 10px 0;
}
#partenaires div img{
	float:left;
	margin:0 10px 0 0;
}