@charset "UTF-8";
/* CSS Document */

body {background-image:
url(img/back_gradient1.gif);
background-repeat:repeat-x;
}
#page {
	/*definit position et comportement du rectangle d'empagement*/
	/*width:780px;*/
	/*width:auto;
	min-width:830px;
	width:850px;*/
	width:953px;
	
	background:#FFFFFF;
	position: relative;
	/*margin-right: 5%;
	margin-left: 5%;*/
	margin-right:auto;
	margin-left: auto;
	/*margin-top: 1em;*/
	margin-top:0;
	border:1px;
	border-style:solid;
	border-color:#f0f0f0;
	/*max-width:1300px;*/
}
#header {
	/*definit couleur et hauteur du bandeau langues*/
	/*background-color:#30002c;*/
	background-color:#3F023A;
	height:3em
}
#header2 {
	/*definit couleur et hauteur du bandeau langues*/
	background-color:cf01cf02;
	height:3em
}
#form1 {
	margin-top:2px;
	margin-left:10px;
	float:left;
}
#form2 {
	margin-top:2px;
	margin-left:10px;
	float:left;
}
#imgFlag{
	/*definit position des drapeaux*/
	float: right;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#container {
	/*definit l'emplacement de la coupe de fruit*/
	/*width:450px;*/
	width:100%;
	
	/*height:520px;*/
	height:580px;

	
}
#col1 {
	float:left;

	/*width:390px;*/
	width:367px;
	
	/*height:520px;*/
	height:580px;
}
.logo {
	float:left;
	padding_top:2em;
}
#col2 {

	
	/*float:right;*/
	margin-left:0.5em;

	/*width:50%;*/	

	
	/*height:520px;*/
	height:580px;
	min-width:351px;
	overflow:auto;
	width:expression(document.body.clientWidth <= 351? "351px": "auto" );
	/*width:40em;(colone fixe en fonction de la taille du texte*/
	/*min-height:600px;*/
	
	/*margin-left:10em;*/
	background-image:url(img/back_trame1.gif);
	background-repeat:repeat;
		}
#entour_col2{
padding-top:10em;

}
#HomeCol2 {
	/*float:right;
	width:50%;*/
	min-width:351px;
	overflow:auto;
	width:expression(document.body.clientWidth <= 351? "351px": "auto" );
	margin-left:0.5em;
	/*width:40em;(colone fixe en fonction de la taille du texte*/
	/*min-height:600px;*/
	/*margin-top:10em;*/
	/*margin-top:10em;*/
	/*margin-left:10em;*/

	/*height:81%;*/
	/*height:480px;*/
	height:420px;
	background-image:url(img/back_trame1.gif);
	background-repeat:repeat;
/*	border:thin solid #00FF99;
	vertical-align:bottom;*/
}

.blocFolio{
	margin-top:1em;
	margin-left:2em;
	/*width:35%;*/
	width:60%;
	background-color:#333333;
	
}
#slogan{
	padding-bottom:4em;
	padding-left:2em;
	
}
.bloc {
	background:#FFFFFF;
	margin-right: 2em;
	margin-left: 2em;
	/*margin-top: 1em;
	padding-bottom:1em;*/
	/*on modifie les espace blanc en haut et en bas*/
	margin-top: 0em;
	padding-bottom:0em;
	
}

.bloc_bas {
	/*background:#FFFFFF;*/
	margin-right: 4em;
	margin-left: 4em;
	margin-top: 6em;
	padding-bottom:1em;
	vertical-align:bottom;
	font: 1.2em/1.4em Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*color: #545454;*/
	color:#000000;
	margin-left:0.5em;
	margin-right:0.5em;
	
}
.blocTop0 {
	background:#FFFFFF;
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 0em;
	padding-bottom:1em;
/*	overflow:auto;
	height:300px;*/
	/*border:thin solid #FF0000;*/
}
.blocTop0bis {
	background:#FFFFFF;
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 0em;
	padding-bottom:0em;
/*	overflow:auto;
	height:300px;*/
	/*border:thin solid #FF0000;*/
}
.HomeBlocMenu {
	background:#FFFFFF;
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 2em;
	border-top:1px solid #669900;
}

.blocTransparent {
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 1em;
	width:80%;
}
.HomeBlocTransparent {
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 2em;
}
.blocFixed {
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 1em;
	height:400px;
	overflow:auto;
}

.clearfloat { /* cette classe doit tre place pour un lment div ou break et doit tre l'lment final avant la balise de fin d'un conteneur qui doit contenir entirement un lment flottant */
   	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
	/*definit couleurdu bandeau footer*/
	/*background-color:#30002c;*/
	background-color:#3F023A;
	/*height:30px;*/
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;

}
#contenu_scroll{
	/*height:255px;*/
	/*on modifie la hauteur pour gagner de la place pour le texte*/
	/*height:310px;*/
	height:390px;
	overflow:auto;
	position:relative;
}

.imgBackground{
		/*image arrière plan client gourmand*/
		background-image:url(img/bg_foulon_gourmand.jpg);
}