/* CSS Document */

body {
margin: 0;
padding: 0;
border: none;
text-align:center;
}

#deroulant
{
width:989px;
height:30px;
border:1px solid #fcec3f;
margin:15px 0;
padding:5px;
font-size:18px;
}

#global{
border:none;
margin-left: auto;
margin-right: auto;
width:1002px; 
}
.lexique{
float:left;
list-style:none;
}
.lexique li{
padding:0;
margin:0 3px 0 3px;
width:18px;
height:18px;
border:#00b2f0 solid 1px;
text-align:center;
float:left;
}
.lexique li a{
display:block;
padding:0;
width:18px;
height:18px;
margin:0px 0px 0px 0px;
vertical-align:middle;
text-align:center;
text-decoration:none;
}
.lexique li a:hover{
background-color:#dd3366;
color:white;
}
#sphoto{
width:auto;
height:auto;
margin: 50px 0 0 0;
}
#bandeau{
margin:0;
padding:0;
background-image:url(images/bandeau.gif);
width:1002px;
height:136px;
border: none;
}
.liste{
list-style:none;
}
.liste li{
margin-top:5px;
}

#bandeau a{
position:absolute;
margin:0 0 0 -500px;
padding:0;
width:1002px;
height:136px;
border: none;
}
#fond-bleu{
background-image:url(images/fond-bleu.gif);
background-repeat:no-repeat;
width:1002px;
height:462px;
margin:0;
padding:0;
border: none;
}
#fond-jaune{
background-image:url(images/fond-jaune.gif);
background-repeat:no-repeat;
width:1002px;
height:462px;
margin:0;
padding:0;
border: none;
}
#fond-violet{
background-image:url(images/fond-violet.gif);
background-repeat:no-repeat;
width:1002px;
height:462px;
margin:0;
padding:0;
border: none;
}
#fond-rouge{
background-image:url(images/fond-rouge.gif);
background-repeat:no-repeat;
width:1002px;
height:462px;
margin:0;
padding:0;
border: none;
}
#fond-vert{
background-image:url(images/fond-vert.gif);
background-repeat:no-repeat;
width:1002px;
height:462px;
margin:0;
padding:0;
border: none;
}

#menu-jaune{
background-image:url(images/menu-jaune.gif);
background-repeat:no-repeat;
float:left;
border:none;
width:940px;
height:31px;
margin:0 0 0 0px;
_margin:0 0 0 0px;
padding:0 0 0 0px;
}
#menu-jaune ul{

float:left;
width:1000px;
height:18px;
list-style: none;
margin:9px 0 0 32px;
_margin:9px 0 0 17px;
padding:0;

}
#menu-jaune ul li{

height:15px;
width:170px;
padding:0 0 0 0;
margin:0 25px 0 0;
float:left;
}

#menu-jaune ul li a img{
border:none;
}
#menu-jaune ul li a{
border:none;
height:15px;
width:170px;
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu-jaune ul li a:hover{
height:15x;
width:170px;
border-bottom:#999 solid 1px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu-rouge{
background-image:url(images/menu-rouge.gif);
background-repeat:no-repeat;
float:left;
border:none;
width:940px;
height:31px;
margin:0 0 0 0px;
_margin:0 0 0 0px;
padding:0 0 0 0px;
}
#menu-rouge ul{

float:left;
width:1000px;
height:18px;
list-style: none;
margin:9px 0 0 32px;
_margin:9px 0 0 17px;
padding:0;

}
#menu-rouge ul li{

height:15px;
width:170px;
padding:0 0 0 0;
margin:0 25px 0 0;
float:left;
}

#menu-rouge ul li a img{
border:none;
}
#menu-rouge ul li a{
border:none;
height:15x;
width:170px;
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu-rouge ul li a:hover{
height:15x;
width:170px;
border-bottom:#999 solid 1px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu-violet{
background-image:url(images/menu-violet.gif);
background-repeat:no-repeat;
float:left;
border:none;
width:1000px;
height:31px;
margin:0 0 0 0px;
_margin:0 0 0 0px;
padding:0 0 0 0px;
}
#menu-violet ul{

float:left;
width:1000px;
height:18px;
list-style: none;
margin:9px 0 0 32px;
_margin:9px 0 0 17px;
padding:0;

}
#menu-violet ul li{

height:15x;
width:170px;
padding:0 0 0 0;
margin:0 25px 0 0;
float:left;
}

#menu-violet ul li a img{
border:none;
}
#menu-violet ul li a{
border:none;
height:15x;
width:170px;
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu-violet ul li a:hover{
height:15x;
width:170px;
border-bottom:#999 solid 1px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu-vert{
background-image:url(images/menu-vert.gif);
background-repeat:no-repeat;
float:left;
border:none;
width:1000px;
height:31px;
margin:0 0 0 0px;
_margin:0 0 0 0px;
padding:0 0 0 0px;
}
#menu-vert ul{
float:left;
width:1000px;
height:18px;
list-style: none;
margin:9px 0 0 32px;
_margin:9px 0 0 17px;
padding:0;
}
#menu-vert ul li{

height:15x;
width:170px;
padding:0 0 0 0;
margin:0 25px 0 0;
float:left;
}

#menu-vert ul li a img{
border:none;
}

#menu-vert ul li a{
border:none;
height:15x;
width:170px;
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}
#menu-vert ul li a:hover{
height:15x;
width:170px;
border-bottom:#999 solid 1px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu-bleu{
background-image:url(images/menu-bleu.gif);
background-repeat:no-repeat;
float:left;
border:none;
width:1000px;
height:31px;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#menu-bleu ul{

float:left;
width:1000px;
height:18px;
list-style: none;
margin:9px 0 0 32px;
_margin:9px 0 0 17px;
padding:0;

}
#menu-bleu ul li{
height:15x;
width:170px;
padding:0 0px 0 0px;
margin:0 25px 0 0;
float:left;
}
#menu-bleu ul li a img{
border:none;
}
#menu-bleu ul li a{
border:none;
height:15x;
width:170px;
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu-bleu ul li a:hover{
height:15x;
width:170px;
border-bottom:#999 solid 1px;
padding:0 0px 0 0px;
margin:0 0 0 0px;
float:left;
}

#menu{
background-image:url(images/menu.gif);
background-repeat:no-repeat;
float:left;
border:none;
width:940px;
height:31px;
margin:0 0 0 0px;
_margin:0 0 0 0px;
padding:0 0 0 0px;
}
#menu ul{

float:left;
width:1000px;
height:18px;
list-style: none;
margin:6px 0 0 60px;
_margin:6px 0 0 30px;
padding:0;

}
#menu ul li{
border:#fff solid 1px;
width:136px;
height:50px;
padding:0 0px 0 0px;
margin:0 35px 0 0;
float:left;
}

#menu ul li a img{
border:none;
padding:0 0px 0 0px;
margin:0 0 0 0;
float:left;
}

#menu ul li a:hover{

padding:0 0px 0 0px;
margin:0 0 0 0;
float:left;
}
#smenu-rouge{

float:left;
background-repeat:no-repeat;
width:150px;
height:400px;
margin:0px 0 0 10px;
padding:0 0 0 0px;

}
#smenu-rouge ul{
width:150px;
height:240px;
list-style: none;
margin:35px 0 0 0px;
padding:0;


}
#smenu-rouge ul li{
text-align:center;
width:150px;
padding:0 0px 0 0px;
margin:20px 0px 0 0;


}

#smenu-rouge ul li a{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#666;
font-size:20px;
font-family: "times new roman", sans-serif;
}

#smenu-rouge ul li a:hover{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#ff0043;
font-size:20px;
font-family: "times new roman", sans-serif;
}
#smenu-vert{

float:left;
background-repeat:no-repeat;
width:150px;
height:400px;
margin:0px 0 0 10px;
padding:0 0 0 0px;

}
#smenu-vert ul{
width:150px;
height:240px;
list-style: none;
margin:35px 0 0 0px;
padding:0;


}
#smenu-vert ul li{
text-align:center;
width:150px;
padding:0 0px 0 0px;
margin:20px 0px 0 0;


}

#smenu-vert ul li a{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#666;
font-size:20px;
font-family: "times new roman", sans-serif;
}

#smenu-vert ul li a:hover{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#00e212;
font-size:20px;
font-family: "times new roman", sans-serif;
}

#smenu-violet{

float:left;
background-repeat:no-repeat;
width:175px;
height:400px;
margin:0px 0 0 10px;
padding:0 0 0 0px;

}
#smenu-violet ul{
width:175px;
height:280px;
list-style: none;
margin:25px 0 0 0px;
padding:0;

}
#smenu-violet ul li{
text-align:center;
width:175px;
padding:0 0px 0 0px;
margin:4px 0px 0 0;

}

#smenu-violet ul li a{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#666;
font-size:17px;
font-family: "times new roman", sans-serif;
}

#smenu-violet ul li a:hover{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#c6009f;
font-size:17px;
font-family: "times new roman", sans-serif;
}
#smenu-bleu{
float:left;
background-repeat:no-repeat;
width:150px;
height:400px;
margin:0px 0 0 10px;
padding:0 0 0 0px;

}
#smenu-bleu ul{
width:150px;
height:240px;
list-style: none;
margin:20px 0 0 0px;
padding:0;


}
#smenu-bleu ul li{
text-align:center;
width:150px;
padding:0 0px 0 0px;
margin:10px 0px 0 0;


}

#smenu-bleu ul li a{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#666;
font-size:20px;
font-family: "times new roman", sans-serif;
}

#smenu-bleu ul li a:hover{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#00b2f0;
font-size:20px;
font-family: "times new roman", sans-serif;
}
#smenu-jaune{

float:left;
background-repeat:no-repeat;
width:150px;
height:400px;
margin:0px 0 0 10px;
padding:0 0 0 0px;

}
#smenu-jaune ul{
width:150px;
height:240px;
list-style: none;
margin:35px 0 0 0px;
padding:0;


}
#smenu-jaune ul li{
text-align:center;
width:150px;
padding:0 0px 0 0px;
margin:10px 0px 0 0;


}

#smenu-jaune ul li a{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#666;
font-size:20px;
font-family: "times new roman", sans-serif;
}

#smenu-jaune ul li a:hover{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#fcec3f;
font-size:20px;
font-family: "times new roman", sans-serif;
}


#smenu{

float:left;
background-repeat:no-repeat;
width:150px;
height:300px;
margin:0px 0 0 10px;
padding:0 0 0 0px;

}
#smenu ul{
width:150px;
height:300px;
list-style: none;
margin:35px 0 0 0px;
padding:0;


}
#smenu ul li{
text-align:center;
width:150px;
padding:0 0px 0 0px;
margin:20px 0px 0 0;


}

#smenu ul li a{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#666;
font-size:20px;
font-family: "times new roman", sans-serif;
}

#smenu ul li a:hover{
border: none;
padding:0 0px 0 0px;
margin:0 0 0 0;
text-decoration: none;
color:#FFF;
font-size:20px;
font-family: "times new roman", sans-serif;
}

#texte{

float:right;
margin:5px 0px 0 0px;
padding:0 0 0 0;
width:796px;
height:auto;
}

#titre-temp{
float:left;
margin:30px 0 0 0;
padding:0 0 0 0;
width:398px;
height:170px;
}
#titre{

float:left;
margin:30px 0 0 0;
padding:0 0 0 0;
width:398px;
height:80px;
}

#photos{

float:right;
margin:0 0 0 0;
padding:0 0 0 0;
width:398px;
height:50px;
}

#contenu-jaune{
clear:left;
font-family: "arial", sans-serif;
background-image: url(images/rep-jaune.gif);
margin:0 8px 0 0;
padding:0 0 0 0;
width:794px;
height:auto;
color:#666;
}
#contenu-jaune table{
clear:left;
text-align:left;
width:794px;
}

#contenu-rouge{
font-family: "arial", sans-serif;
background-image: url(images/rep-rouge.gif);
margin:0px 8px 0 0;
padding:0 0 0 0;
width:794px;
height:auto;
color:#666;
}
#contenu-rouge table{
width:794px;
clear:left;
text-align:left;
}
#contenu-violet{
font-family: "arial", sans-serif;
background-image: url(images/rep-violet.gif);
margin:0 8px 0 0;
padding:0 0 0 0;
width:794px;
height:auto;
color:#666;
}
#contenu-violet table{
width:794px;
float:left;
text-align:left;
}
#contenu-vert{
font-family: "arial", sans-serif;
background-image: url(images/rep-vert.gif);
margin:0 8px 0 0;
padding:0 0 0 0;
width:794px;
height:auto;
color:#666;
}
#contenu-vert table{
width:794px;
float:left;
text-align:left;
}
#contenu-bleu{
font-family: "arial", sans-serif;
border:none;
background-image: url(images/rep-bleu.gif);
margin:0 8px 0 0;
padding:0 0 0 0;
width:794px;
height:auto;
color:#666;
text-align:left;
}
#contenu-bleu table{
width:794px;
float:left;
text-align:left;
}
#drapeau{
left:50px;
bottom:140px;
width:68px;
height:20px;
}
.tabletitre{
font-size:12px;
border:#000 solid 1px;
background-color: #0099FF;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}
.titre-bleu{
font-size:14px;
color: #00B2F0;
font-family:Arial, Helvetica, sans-serif;
font-weight:Bold;
}
.table2titre{
text-align:center;
font-size:14px;
border:#000 solid 1px;
background-color: #E98EC7;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}
.table3titre{
text-align:center;
font-size:14px;
border:#000 solid 1px;
background-color: #FFFF33;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.table4titre{
text-align:center;
font-size:14px;
border:#000 solid 1px;
background-color: #00FF33;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.table{
font-size:12px;
border:#000 solid 1px;
background-color: #C4DEE1;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.table2{
font-size:12px;
border:#000 solid 1px;
background-color: #F8CAF9;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.table3{
font-size:12px;
border:#000 solid 1px;
background-color: #FFFF99;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.titre{
text-decoration: none;
font-size:16px;
font-family: "arial", sans-serif;
font-weight: bolder;
}
.petit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.EnTeteRecette{
font-weight:Bold;

}
.titre2{
text-decoration: none;
font-size:18px;
font-family: "arial", sans-serif;

color:#000099;
}
.titre2 a{

text-decoration: none;
font-size:18px;
font-family: "arial", sans-serif;
color:#000099;
}
.titre2 a:hover{
text-decoration: none;
font-size:18px;
font-family: "arial", sans-serif;

color: #DB7093;
}
p{text-align: justify;}
.photo{
float:left;
	width:auto;
	height: auto;
}
.photo img{
	float:left;
	width:auto;
}
.photo p{
margin:0 0 0 10px ;
	float:right;
}

.photo2{
float:left;
	width:auto;
	height: auto;
}
.photo2 img{
	float:right;
	width:auto;
}
.photo2 p{
margin:0 10px 0 10px ;
	float:right;
}
.top{
	text-decoration: none;
font-size:12px;
font-family: "arial", sans-serif;
color:#000099;
font-weight:Bold;
float:right;
}
#ss-titre{
text-align:left;
margin:0 0 0 5px;
height:100px;
width:450px;
}
#ss-titre a{
text-decoration:none;
font-weight:bold;
color:black;
}
#ss-titre a:hover{
text-decoration:none;
font-weight:bold;
color:#757575;
}
.cadre-portrait p {
text-align:center;
}
.left{
text-align:left;
}