body, div, span, h1, h2, ul, li ,a ,p, h3, h4, h5, img, input, form, h5, table {
margin:0px;
padding:0px;

}


body {
font-family:Arial, Helvetica, sans-serif;
background-color:#c5c3c3;
background-image:url(../img/fond_drapeau.gif);
background-repeat:repeat-x;
}

#conteneur {
margin:auto;
width:749px;
height:768px;
padding-left:276px;
background-color:#c5c3c3;
}

#content {
float:left;
padding-left:50px;
}

img {
float:left;
margin:0px;
}

#bandeau {
width:699px;
height:170px;
float:left;
margin-left:0px;
background-image:url(../img/bandeau.gif);
background-repeat:no-repeat;
}

#bandeau h1 {
float:left;
padding:20px 0 0 20px;
font-size:18px;
font-weight:bold;
font-style:italic;
color:#FFFFFF;
width:485px;
text-align:center;
}

#bandeau form.recherche {
float:left;
width:156px;
margin-top:10px;
padding-left:24px;
height:90px;
}

form.recherche p.label {
float:left;
font-size:11px;
color:#FFFFFF;
width:120px;
text-align:center;
font-weight:bold;
padding-bottom:10px;
}

form.recherche input.rechercher {
float:left;
background-image:url(../img/fond_recherche.gif);
background-repeat:no-repeat;
font-size:11px;
width:105px;
height:18px;
padding:5px 0 0 8px;
border:0px;
}

form.recherche input.bt_ok {
float:left;
background-image:url(../img/go_recherche.gif);
background-repeat:no-repeat;
width:43px;
height:20px;
border:0px;
margin-top:2px;
}

#bandeau img {
float:left;
margin:0 0 0 50px;
}

/** Espace Tag cloud */
#bandeau ul.tag_cloud {
float:left;
width:155px;
height:90px;
list-style:none;
padding-left:10px;
padding-top:15px;
text-align:center;
}

#bandeau ul.tag_cloud li{
float:left;
}

ul.tag_cloud li a{
text-decoration:none;
padding:0 5px 0 5px;
}

ul.tag_cloud li a:hover{
color:#FFFFFF;
}
ul.tag_cloud a.un{
font-size:13px;
color:#FF6666;
}
ul.tag_cloud a.deux{
font-size:10px;
color:#660000;
}
ul.tag_cloud a.trois{
font-size:12px;
color:#99FF66;
}
ul.tag_cloud a.quatre{
font-size:13px;
color:#CC9966;
}
ul.tag_cloud a.cinq{
font-size:11px;
color:#6699CC;
}

/** Fin Espace Tag cloud */

#contenu {
width:700px;
height:448px;
float:left;
}

/** decalage image ready */
#contenu img.decal {
float:left;
margin-left:-1px;
}
#contenu img.drapeau {
float:left;
margin-left:547px;
}


#cadre{
float:left;
width:669px;
height:317px;
background-color:#0B1314;
background-color:#000000;
}

#cadre img {
float:left;
}


#cadre div.texte_ardoise {
float:left;
width:392px;
height:317px;
padding:0 0px 0 6px;
}

div.texte_ardoise h2 {
float:left;
width:392px;
font-size:20px;
color:#FFFFFF;
text-align:center;
padding:5px 0 5px 0px;
}

div.texte_ardoise p.ardoise {
float:left;
color:#FFFFFF;
font-size:12px;
text-align:center;
}

div.texte_ardoise a {
color:#E20029;
font-size:12px;
text-align:center;
font-weight:bold;
text-decoration:none;
}

div.texte_ardoise a:hover {
text-decoration:underline;
}

div.texte_ardoise p.paragraphe {
float:left;
width:392px;
}

p.paragraphe img {
float:left;
margin:0px 0 0px 160px;
}

#cadre div.img_ardoise {
float:left;
width:218px;

padding:20px 0 0 10px;
}
#cadre div.img_ardoise {
float:left;
}

#cadre div.img_ardoise p.ingredients{
float:left;
color:#FFFFFF;
font-size:11px;
text-align:center;
font-style:oblique;
}

#cadre_droite {
float:left;
width:30px;
height:267px;
padding-top:15px;
}

#cadre_gris, #cadre_gris_light{
float:left;
width:690px;
height:160px;
background-image:url(../img/fond_gris.gif);
background-repeat:repeat-y;
margin-left:0px;
padding:0px 9px 0px 0px;
}

/** cadre quand plus de 4 éléments */
#cadre_gris div.item {
float:left;
width:227px;
height:80px;
}
#cadre_gris h3 a {
float:left;
width:137px;
font-size:12px;
color:#FFFFFF;
padding-left:5px;
text-decoration:none;

}

#cadre_gris h3 a:hover {
color:#E20029;
text-decoration:underline;
}

#cadre_gris p {
float:left;
width:137px;
font-size:11px;
color:#FFFFFF;
padding-left:5px;
}

#cadre_gris img {
float:left;
width:80px;
height:80px;
padding-left:5px;
}
/** fin cadre quand plus de 4 éléments */

/** cadre quand moins de 4 éléments */

#cadre_gris_light div.item {
float:left;
width:330px;
height:80px;
padding-left:10px;
}

#cadre_gris_light div.item h3 {
float:left;
width:236px;
font-size:12px;
color:#E20029;
padding-left:5px;
}

#cadre_gris_light div.item h3 a {
color:#FFFFFF;
text-decoration:none;
}
#cadre_gris_light div.item h3 a:hover {
color:#E20029;
text-decoration:underline;
}
#cadre_gris_light div.item p {
float:left;
width:236px;
font-size:11px;
color:#FFFFFF;
text-align:justify;
padding-left:5px;
}

#cadre_gris_light div.item img {
float:left;
width:84px;
height:80px;
padding-left:0px;
}

/** fin cadre quand moins de 4 éléments */

#bande_gauche {
width:324px;
height:638px;
float:left;
float:left;
margin-left:-1024px;
}

#flash {
width:324px;
height:516px;
float:left;
background-image:url(../img/flash.gif);
background-repeat:no-repeat;
}

#sous_menu {
float:left;
width:324px;
height:252px;
background-image:url(../img/sous_menu.gif);
background-repeat:no-repeat;
text-align:right;
}

#sous_menu p{
float:left;
width:324px;
padding-top:15px;
}

#sous_menu p a{
float:left;
width:324px;
font-size:13px;
text-align:right;
text-decoration:none;
color:#FFFFFF;
}

#sous_menu p a:hover{
text-decoration:underline;
}

#sous_menu p a.constant{
padding:0px 0 17px 0;
font-weight:bold;
}

#sous_menu p a.liste{
padding:0px 0 0px 0;
font-size:12px;
}

#copyright {
float:left;
background-image:url(../img/fond_copy.gif);
background-repeat:repeat-y;
width:620px;
height:60px;
}

#copyright p {
float:left;

color:#000000;
font-size:11px;
font-weight:bold;
padding:20px 0 0 20px;
}

#copyright p a{
float:left;
text-align:right;
color:#EB1712;
font-size:11px;
font-weight:bold;
text-decoration:none;

}

#copyright p a:hover{
text-decoration:underline;
}


#copyright img {
float:left;
}

#bas {
float:left;
width:1025px;
background-color:#000000;
}


/*liens vers annuaire*/
p.annuaire {
font-size:10px;
color:#F1853D;
float:left;
width:662px;
height:auto;
border:1px solid #FCC661;
padding-top:3px;
padding-left:8px;
background-color: #FEF2E7;
padding:5px 5px 15px 5px;
line-height:15px;
text-align:left;
}

p.annuaire span{
padding:0 10px 0 10px;
text-align:left;
}

p.annuaire a{
padding:0 10px 0 10px;
text-decoration:none;
color: #F09F33;
border-right:1px solid #F09F33;
}

p.annuaire a:hover{
text-decoration:underline;
}

/* page acceuil */













