html {
	height : 100%;
	width : 100%;
}

body {
	margin : 0;
	padding : 0;
	background-image : url(../img/fond.gif);
	height : 100%;
	width : 100%;
	text-align: left;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

h1 {font: bold 2.2em arial; color: #ef4627; margin: 0;}
h2 {font: bold 1.1em arial;}
h3 {font: bold 1.5em arial;	color: #ef4627;	margin: 0;}
h4 {font: bold 1.3em arial;	color: #717171;	margin:  0 0 5px 0;}
h5 {font: bold 1.2em arial;	color: #ef4627;	margin: 0;}
h6 {font: bold 1.1em arial;	color: #000000;	margin: 0;}

strong, .gras {font-weight: bold;}
ul, li {padding: 0; margin: 0;}
p {margin: 0; padding: 0; font-size: 1.1em;}

a img {border: none;}
a.noir:hover {text-decoration: none;}

.rouge {color: #ef4627;}
.noir {color: #000000;}
.floatLeft {float: left;}
.floatRight {float: right;}
.alignRight {text-align: right; clear: both;}
.alignCenter {text-align: center;}
.italic {font-style: italic;}
.imgAli {margin: 10px 60px;}

#global {
	margin: 10px auto;
	padding: 0;
	width: 900px;
	position: relative;
}
.centragePage {
	margin: 10px auto;
	padding: 0;
	width: 900px;
}

#header {height: 110px; position: absolute; z-index: 100;}

#logos {
	width: 282px;
	height: 110px;
	float: left;
	background: url(../img/fond_logo.png) no-repeat;
	position: relative;
}
#logo {
	position: relative;
	top: 10px;
	left: 25px;
}
#flagFR {
	position: relative;
	top: 10px;
	left: 50px;
}

#menu {
	width: 618px;
	height: 110px;
	float: left;
	background: url(../img/fond_menu.gif) repeat-x;
	position: relative;
	text-align: right;
}

#menu h3 {
	color: #ef4627;
	font-size: 1.5em;
	font-style: italic;
	line-height: 50px;
	text-align: center;
}

/*.nav {
	position: absolute;
	top: 65px !important;
	top: 75px;
	text-align: center;
	height: 49px;
	background: url(../img/hexagone_menu.png) no-repeat bottom !important;
	background: url(../img/hexagone_menu.gif) no-repeat bottom;
	z-index: 250;
}*/
.nav a {
	text-decoration: none;
	color: #ffffff;
}
.sousnav {
	position: absolute;
	top: 110px;
	text-align: left;
	margin: 0;
	padding: 13px 8px 10px 18px;
	z-index: 240;
}
.sousnav ul {color: #ef4627;}
.sousnav li a {
	color: #000000;
	text-decoration: none;
}
#nav_1 {left: 107px;}
#nav_2 {left: 264px;}
#nav_3 {left: 392px;}
#sousnav_1 {
	left: 88px;
	width: 116px;
	background: url(../img/basSousNav_1.png) no-repeat bottom;
}
#sousnav_2 {
	left: 255px;
	width: 67px;
	background: url(../img/basSousNav_2.gif) no-repeat bottom;
}
#sousnav_3 {
	left: 350px;
	width: 145px;
	background: url(../img/basSousNav_3.png) no-repeat bottom;
}
/*#nav_4 {left: 524px;}
#sousnav_4 {
	left: 472px;
	width: 83px;
	background: url(../img/basSousNav_4.gif) no-repeat bottom;
}*/


/********** contenu **********/

/*#contenuAccueil {
	background: url(../img/fond_accueil.jpg) no-repeat 0 110px;
	width: 900px;
	padding: 96px 0 0 0 !important;
	padding: 110px 0 0 0;
}*/

#contenu {
	background: #f4f4f4 url(../img/lignes.gif) repeat-x 0 109px;
	width: 900px;
	padding: 110px 0 0 0;
	z-index: 1;
}

#textAccueil {
	position: relative;
	left: 352px;
	top: 70px;
	width: 350px;
}
#textAccueil h1 {margin: 15px 0;}
#textAccueil h2 {font-size: 1.3em; font-weight: normal; margin: 5px 0;}

#cadreAccueilDroit {
	background: url(../img/cadre_rouge.gif) no-repeat;
	width: 137px;
	height: 89px;
	position: relative;
	left: 715px;
	top: -90px;
	padding:10px;
}

#cadreAccueilDroit ul {
	margin: 3px 0 0 20px;
}
#cadreAccueilDroit li {list-style: disc;	color: #ef4627;}

#cadreAccueilBas {
	width: 531px;
	position: relative;
	left: 353px;
	top: -20px;
}
#cadreAccueilBas h3 {
	width: 531px;
	height: 28px;
	background: url(../img/fond_cadre_accueil_bas.png) no-repeat;
	padding: 12px 0 0 25px;
}
#contenuCadreAccueilBas {
	width: 531px;
	height: 153px;
	background: url(../img/fond_cadre_accueil_contenu.png) no-repeat;
}
#contenuCadreAccueilBas p {
	position: relative;
	left: 160px;
	font-size: 1.2em;
	font-weight: normal;
	padding: 5px 0;
}
#contenuCadreAccueilBas a {
	color: #ef4627;
	text-decoration: none;
	font-style: italic;
}

#footerAccueil {
	color: #ef4627;
	font-size: 1.5em;
	font-style: italic;
	position: relative;
	top: 0;
}
#footerAccueil .floatLeft a {
	color: #ef4627;
	text-decoration: none;
}
/*#footerAccueil hr, #footer hr {
	background-color: #ffffff;
	color: #ffffff;
	height: 3px;
	clear: both;
	margin: 0 !important;
	margin: -7px 0 0 0;							// hack pour le margin qu'IE impose par défaut au <HR />
	padding: 0;
	width: 100%;
	border: none;
}
#footerAccueil p, #footer p {
	line-height: 28px;
	font-weight: bold;
	margin: 0 !important;
	margin: -12px 0 0 0;							// hack pour le margin qu'IE impose par défaut au <HR />
}*/
#footerAccueil .floatRight a {
	font-size: 0.65em;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

#contactAccueil {
	position: absolute;
	top: 265px;
	right: 28px;
	background: url(../img/cadre_contact_accueil.gif) no-repeat;
	width: 157px;
	height: 41px;
	text-align: center;
	padding: 13px 0 0 0;
}


/***************** pages intérieures ****************/
#footer a {
	font-size: 1.1em;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

#titrePage {
	width: 240px;
	border-bottom: 2px solid #ef4627;
	text-align: right;
	position: absolute;
	top: 160px;
	line-height: 26px;
}
#blocEtreMousq {
	position: absolute;
	top: 220px;
	margin: 10px;
	border: #f2962f 1px solid;
	width: 222px;
	height: 310px;
}
#blocEtreMousq2 {
	position: absolute;
	top: 220px;
	margin: 10px;
	border: #f2962f 1px solid;
	width: 220px;
}
#blocEtreMousq2 img {position: relative;}
#blocEtreMousq2 ul {list-style: square;}

#textPage {
	position: relative;
	left: 240px;
	width: 640px;
	padding: 75px 10px 20px 10px;
	text-align: justify;
	z-index: 0;
	min-height: 430px;
}
#textPage h5, #textAli h5, #textInterEco h5 {padding: 10px 0 0 20px;}
#textPage p, #textAli p, #textInterEco p {padding: 0 0 0 35px;}
/*#textPage ul {
	margin: 0 0 0 47px !important;
	margin: 0 0 0 50px;
	list-style: square;
	font-size: 1.1em;
}*/

#contact {
	position: absolute;
	bottom: 50px;
	left: 40px;
	background: url(../img/cadre_contact.gif) no-repeat;
	width: 145px;
	height: 41px;
	text-align: center;
	padding: 13px 0 0 0;
}

.suite {
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #ef4627;
}
/******/
#carteEurope {
	margin: 20px 0;
	text-align: center;
}

 .col {
	float: left;
	width: 300px;
}

/***** alimentaire ******/
#contenuAli {
	background: #ffffff url(../img/lignes.gif) repeat-x 0 109px;
	width: 900px;
	padding: 110px 0 0 0;
	z-index: 1;
}

#textAli {
	position: relative;
	width: 640px;
	padding: 75px 10px 20px 250px;
	text-align: justify;
	z-index: 0;
	/*min-height: Voir les 2autres fichiers CSS */
	background: url(../img/bloc_alimentation.jpg) no-repeat bottom left;
}

#textInterEco {
	position: relative;
	/*left: 240px;*/
	width: 640px;
	padding: 75px 10px 20px 250px;
	text-align: justify;
	z-index: 0;
	min-height: 430px;
}

#contactAli {
	position: absolute;
	bottom: 50px;
	right: 40px;
	background: url(../img/cadre_contact.gif) no-repeat;
	width: 145px;
	height: 41px;
	text-align: center;
	padding: 13px 0 0 0;
}

#decouvrirInterEco {
	position: absolute;
	right: 40px;
	bottom: 150px;
	width: 105px;
	height: 50px;
	padding: 10px 20px;
	font-size: 1.1em;
	background: url(../img/cadre_decouvrir.gif) no-repeat;
}
#decouvrirInterEco a {padding: 0 0 0 10px;}

div#cadreVertAli {
	position: absolute;
	top: 490px;
	left: 330px;
	width: 220px;
	height: 100px;
	padding: 10px;
	background: #ecf5e4 url(../img/coins_verts_ali.gif) no-repeat;
	color: #80ba4b;
}
div#cadreVertAli h5, div#cadreVert h5 {padding: 0; color: #80ba4b;}
div#cadreVertAli ul, div#cadreVert ul {padding: 0 0 0 20px; list-style: square;}

/****************************/
div#cadreVert {
	position: absolute;
	top: 390px;
	right: 30px;
	width: 245px;
	height: 80px;
	padding: 10px;
	background: #ecf5e4 url(../img/coins_verts_int.gif) no-repeat;
	color: #80ba4b;
}

ul#cadreVertChiffres {
	position: relative;
	top: 10px;
	left: 70px;
	width: 310px;
	height: 100px;
	padding: 10px 10px 10px 25px;
	background: #ecf5e4 url(../img/coins_verts_chiffres.gif) no-repeat;
	color: #80ba4b;
}

/*******************************/
#textMentions {
	position: relative;
	left: 240px;
	width: 640px;
	padding: 75px 10px 20px 10px;
	text-align: justify;
	z-index: 0;
	min-height: 430px;
}
#textMentions p {margin: 10px 0;}
#textMentions h6 {margin: 20px 0 0 0;}

/************************************/
form {
	margin: 20px 70px;
	font: bold 1.1em Arial;
}
form p {margin: 5px 0;}
label {
	float: left;
	text-align: right;
	width: 200px;
}
input, select {margin: 0 10px;}

#pPays, #pEnseignes {height: 30px;}

#spanEnseigne {
	font-weight: normal;
	margin: 0 10px;
}
#spanEnseigne select {margin: 0;}

#valid {
	position: relative;
	left: 160px;
	text-align: center;
	width: 150px;
}