@charset "iso-8859-1";


body {
background-color: #fff1b0;
background-image:url();
background-position: top left;
background-repeat:repeat-x-y;
background-attachment:no-fixed;
font-size: 10pt;
font-family: arial;
text-decoration: none;
}


.cache {display: none;}

#centre {
background-color: #fff1b0;
background-image:url(img/fond.gif);
background-position: top left;
background-repeat:repeat-x-y;
width:824;
margin-left: 100px;
margin-right: 100px;
}

#gauche {
background-color: #fff1b0;
background-image:url(img/fond.gif);
background-position: top left;
background-repeat:repeat-x-y;
position: absolute;
left:0;
width: 100px;
}

#droite {
background-color: #fff1b0;
background-image:url(img/fond.gif);
background-position: top left;
background-repeat:repeat-x-y;
position: absolute;
right:0;
width: 100px;
}

p {
color: black;
font-weight:normal;
font-size: 10pt;
font-family: arial;
text-decoration: none;
}	

h1 {/*caractères blancs, décalés vers la droite*/
width:100%;
height:54;
margin:1em 0 1em 0;
padding:5 0 0 160;
background: url(img/bandeau.gif) top left no-repeat;
color: white;
font-weight:bold;
font-size: 25px;
font-family: georgia, serif;
font-style:italic;
text-decoration: none;
}


h3 {/*caractères blancs, décalès vers la droite*/
margin:0 0 0 200;
padding:10 0 0 0;
color: white;
font-weight:bold;
font-size: 25px;
font-family: georgia, serif;
font-style:italic;
text-decoration: none;
}

h3.bis {/*caractères blancs, non dècalés*/
margin:0 0 0 150;
padding:10 0 0 0;
color: white;
font-weight:bold;
font-size: 20px;
font-family: georgia, serif;
font-style:italic;
text-decoration: none;
}

img {
margin: 0.5em 1em 0.5em 0.5em;
border: none;
}
.float {
float:left;
margin:0.2em  0.2em  0 0;
}




#conteneur {/*conteneur de bannière*/
background-color: #fff1b0;
background-image: url(img/oliviers4.jpg);
background-position: top left;
background-repeat:no-repeat;
height:346;
width:1024;
}

#banniere {/*première partie*/
margin:0 0 0 0;
width:400;
height:346;
background: url(img/oliviers3a.jpg) top left;
}

#banniere2 {/*deuxième partie*/
margin:0 0 0 400;
width:389;
height:346;
background: url(img/oliviers3b.jpg) top left;
}

#bande {/*le fond de menu*/
background-color:#fff1b0;
margin:0 0 0 700;
width:324;
height:348;
}

#bandenoire {
background-color: black;
width:1024;
height:35;
}

#bandenoiremini {
background:black;
width: 1024;
height:20;
}


#bandeorange {
background: #ff7f00;
width: 1024;
height:50;
}


/**************************/
#logo {/*logo clmentine*/
float:right;
width:167;
height:104;
background: url(img/logo.jpg);
}

#niche {/*niche*/
float:left;
width:180;
height:158;
background: url(img/niche.jpg);
}

#clementine {/*la photo de clèmentine*/
position:absolute;
top:250;
left:0;
width:189;
height:137;
background: url(img/clementine.gif);
}

.trente {
float:left;
width:30%;
background:;
margin:1em 1em 0 1em;
padding:0em 1em 1em 1em;
}

.soixante {
float:left;
width: 60%;
background:;
margin:1em 1em 0 1em;
padding:0em 1em 0em 0em;
}

.cinquante {
float:left;
width: 50%;
background:;
margin:1em 1em 0 1em;
padding:0em 1em 2em 0em;
border-bottom:;
}


.ligne {
border-bottom:thin solid #ff7f00;
}


.cent {
float:left;
width: 100%;
background: ;
margin:1em 1em 0 1em;
padding:1em 1em 1em 1em;
border-bottom:thin solid #ff7f00;
}


.centneutre {
float:left;
width: 100%;
background: ;
margin:1em 1em 0 1em;
padding:1em 1em 1em 1em;
}

.centpied {

font-size: 10pt;
font-family: arial;
text-decoration: none;
}

a {
color: black;
font-weight:normal;
font-size: 1.1em;
font-family: arial;
text-decoration: none;
}

a:hover {
text-decoration:none;
color:#5B7E37;
background: white;
}


#cadre {/* cadre élémentaire carré */
float:;
margin: 10 10 10 10;
width: 250;
padding: 1 0 0 0;
background: url() top left no-repeat; 
color:white;
font-weight:bold;
text-align:center;
border:;
}


#cadre2 {/* cadre élémentaire carré */
float:right;
margin: 1em 5 0 15;
width: 250;
padding: 1 0 0 0;
background: url() top left no-repeat; 
color:white;
font-weight:bold;
text-align:center;
}

#bloccadre {
background: white url() bottom left no-repeat;
padding: 15 0 20 0;
color:black;
font-weight:normal;
text-align:;
border: 1px solid orange;
margin: 5 5 5 5;

}
#bloccadre p {
margin: 0 30px 0 20px;
}








#cadre3 {/* petit cadre arrondi */
float:left;
margin: 0 5 0 15;
width: 300px;
margin-top:1em;
padding-top: 40px;
background: url(img/hautcadre3.jpg) top left no-repeat;
}
#bloccadre3 {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(img/bascadre3.jpg) bottom left no-repeat;
padding-bottom: 40px;
}
#bloccadre3 p {
margin: 0 30 0 20;
padding:10 0 0 0;
}








#cadre3bis {/* petit cadre arrondi */
float:right;
margin: 0 5 0 15;
width: 300px;
margin-top:1em;
padding-top: 40px;
background: url(img/hautcadre3.jpg) top left no-repeat;
}
#bloccadre3bis {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(img/bascadre3.jpg) bottom left no-repeat;
padding-bottom: 40px;
}
#bloccadre3bis p {
margin: 0 30 0 20;
padding:10 0 0 0;
}






#cadre4 {/* grand cadre arrondi */
width: 500px;
margin:5px auto 5 auto;
padding-top: 30px;
background: url(img/hautcadre4.jpg) top left no-repeat;
}
#bloccadre4 {/* arriere-plan bas et sur l'ensemble du cadre */
background: url(img/bascadre4.jpg) bottom left no-repeat;
padding-bottom: 40px;
}
#bloccadre4 p {
margin: 0 30 0 20;
padding:0 0 0 0;
}



#cadre4bis {/* grand cadre arrondi aligné à droite*/
float:right;
width: 500px;
margin:0em 1em 0 1em;
padding-top: 40px;
background: url(img/hautcadre4.jpg) top left no-repeat;
}
#bloccadre4bis {/* arrire-plan bas et sur l'ensemble du cadre */
background: url(img/bascadre4.jpg) bottom left no-repeat;
padding-bottom: 40px;
}
#bloccadre4bis p {
margin: 0 30 0 20;
padding:0 0 0 0;
}



/*********************************/
/************MENU*****************/
/*********************************/


ul, li {/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0 0 0 0;
}


ul {
position: ;	/* positionnement pour IE5 et IE5.5 */
margin: 0 0 0 300;
background: transparent url(img/bande.jpg) top left no-repeat;	
width: 324px;
height:346px;
padding-top: 0px;
text-align: center;
}

li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a {	/* dimensions et dfinitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 48px;
width: 324px;
color: white;
font-weight:bold;
font-size: 20px;
font: georgia, serif;
font-style:italic;
text-decoration: none;
line-height: 48px;	/* hauteur de ligne pour èviter les paddings */
}

li a:hover {
background: transparent url(img/bande.jpg) top left no-repeat;
color: #ff7f00;
font-weight:bold;
font-size: 20px;
font-family: georgia, serif;
text-decoration: none;
}

a#menu1:hover {	/* dcalage de l'arrière-plan pour chaque bouton */
background-position: 0% -348px;
}
a#menu2:hover {
background-position: 0% -398px;
}
a#menu3:hover {
background-position: 0% -448px;
}
a#menu4:hover {
background-position: 0% -498px;
}
a#menu5:hover {
background-position: 0% -548px;
}
a#menu6:hover {
background-position: 0% -598px;
}
a#menu7:hover {
background-position: 0% -648px;
}


.separ {
clear: both;
visibility: hidden;
}