/* CSS Document */

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
background-color:#94C66B;
color:#000000;
margin: 0;
padding: 0;
}

h1 {
color:#000000;
font-size: 1.4em;
margin: 0;
padding: 0;
font-family: Arial;
}

h2 {
background-image: url(../images_site/n.jpg);
background-position: left;
background-repeat: no-repeat;
width: 482px;
height:30px;
color:#000000;
font-size: 1.6em;
margin-top: 0px;
padding-top: 8px;
margin-bottom: 5px;
font-family: Arial;
text-align: center;
}

h3 {
text-align:center;
color:#FFFFFF;
font-size: 1.3em;
font-family: Arial;
margin: 0;
font-family: Arial;
}

h4 {
color:#650605;
font-size: 1em;
font-weight: bold;
font-family: Arial;
margin: 0;
font-family: Arial;
}

h5 {
background-image: url(../images_site/n.jpg);
background-position: left;
background-repeat: no-repeat;
width: 482px;
height:30px;
color:#000000;
font-size: 1.6em;
margin-top: 0px;
padding-top: 8px;
margin-bottom: 5px;
font-family: Arial;
text-align: center;
}

.centrage{
text-align: center;
}


#header {
height: 210px;
margin-left: 0px;
background-color: #D1CEA2;
}

#degrade{
background-image: url(../images_site/droit.jpg);
background-position: center;
background-repeat: repeat-y;
position: relative;
width: 870px;
height: auto;
margin: 0 auto;
}

#page_large {
position: relative;
width: 820px;
height: auto;
margin: 0 auto;
background-color:#D1CEA2;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
}

#referencement {
position: relative;
width: 820px;
margin: 0 auto;
color: #000000;
font-size: 0.8em;
text-align: center;
}

#w3c{
position: relative;
float:left;
width: 820px;
text-align: right;
}

#centre {
position: relative;
float: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
background-color:#D1CEA2;
width: 486px;
height: auto;
}

#gauche {
margin-top: 10px;
position: relative;
float: left;
width: 142px;
padding-left: 15px;
padding-right: 25px;
margin-left: 0px;
margin-right: 0px;
}

#droite {
margin-top: 10px;
position: relative;
float: left;
width: 112px;
padding-right: auto;
padding-left: 25px;
margin-left: 0px;
margin-right: 0px;
}

#pied {
height: 10px;
background-color: #F2EEE5;
font-size: 0px;
}

#pdp {

}

p {
margin: 0px 0px 10px 5px;
}

.float_left{
float:left;
}
	
.float_right{
float:right;
margin-right: 8px;
margin-top: 0px;
}
	
.float_left_titre a{
float:left;
margin-left:10px;
text-align:center;
color:#FFFFFF;
font-size: 16px;
font-family: Arial;
text-decoration:none;
}

.float_left_titre a:hover{
float:left;
margin-left:10px;
text-align:center;
color:#FFFFFF;
font-size: 16px;
font-family: Arial;
text-decoration:underline;
}

.float_left_livre{
float: left;
margin-left: 20px;
}
	
.float_right_date{
float:right;
margin-right:5px;
}
	
.float_right_livre{
float:right;
margin-right: 10px;
}

.float_none{
float:none;
margin-left:5px;
	}

.spacer {
clear:both;
}

.spacer2 {
clear:both;
}

.menud{
background-color:#BEBA81;
width:150px;
}

/*************Galerie*************/

/*style des onglets*/
.photo {width:484px; text-align:left; position:relative; margin-left:6px; padding-top:6px; height:482px;}

ul.topic {padding:0; margin:0; list-style:none; width:484px; height:auto; position:relative; z-index:10;}

/*style des onglets*/
ul.topic li {display:block; width:125px; height:31px; float:left;}
ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

ul.topic li a ul, 
ul.topic li ul 
{display:none;}

ul.topic li.active a
{color:#000; background:#aaa;}

ul.topic li a:hover,
ul.topic li:hover a
{color:#fff; background:#5F9740;}


/*bordure grise hors*/
ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:350px; padding:20px 40px; border:20px solid #aaa; z-index:1;}
/*bordure grise dessus*/
ul.topic li a:hover ul, 
ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:350px; padding:20px 40px; border:20px solid #5F9740; z-index:100;}

ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

ul.topic li a:hover ul li a:hover, 
ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

ul.topic li a:hover ul li a:hover img, 
ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.belimg{
z-index:101;
position:absolute;
width:100%;
height:100%;
background:#444444;
filter:alpha(opacity=60);   /* Internet Explorer 6     */
-moz-opacity:0.6;           /* Mozilla 1.6 et infér.   */
opacity: 0.6;               /* CSS3 et Mozilla récents */
}

.imgbel{
z-index:110;
position:absolute;
width:640px;
height:480px;
border: 10px solid #FFFFFF;
left: 50%;
top: 50%;
margin-left:-320px;
margin-top:-240px;
}

.ferme{
z-index:120;
position:absolute;
width:82px;
height:24px;
left:565px;
top:0px;
background-image: url(../images_site/fermer.png);
background-position: right;
background-repeat: no-repeat;
}

.ferme a{
width:82px;
height:24px;
position:absolute;
text-align:center;
font-weight: bold;
text-decoration: none;
color: #870A09;
}

/**********menu********/

/* CSS Document du menu */

li.rouge  {
width: 142px;
height: 31px;
padding-bottom:0px;
margin-right:0px;
text-align:center;
background-image: url(../images_site/bout_rouge.jpg);
background-repeat: no-repeat;
}

li.brun  {
width: 142px;
text-align:center;
height: 33px;
margin-right:0px;
background-image: url(../images_site/bout_brun.jpg);
background-repeat: no-repeat;
}

li.bloc_bas_menu_rouge {
width: 142px;
height: 13px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
background-image:url(../images_site/menu_bas.jpg);
background-repeat: no-repeat;
}

img.image_menu{
padding-left:17px;
padding-bottom:10px;
margin-top:0px;
}

.centre_txt{
padding-top:10px;
}

.centre_txt2{
padding-top: 5px;
}

.centre_txt3{
padding-top: 15px;
}

.centre_txt4{
position:absolute;
margin-left:-120px;
margin-top: 160px;
width:188px;
}

#menu {
width: 142px;
background-color:#D1CEA2;
height:auto;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}

.border{
width: 142px;
font-size: 1px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

.menu4 {
display: block;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

/***ROUGE***/

ul.rouge {
list-style-type: none;
margin: 0px;
padding:0px;
width: 142px;
margin-left:0px;
}

/***LIENS***/

a.menubrun {
display: block;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

a:hover.menubrun{
text-decoration: underline;
color: #D4C8A2;
}


a.menubrun_active {
font-style: italic;
color: #FFFFFF;
}

/***NEWS***/

#news {
position: relative;
float: left;
width: 486px;
height:auto;
margin-left:0px;
margin-right:0px;
padding-left: 0px;
padding-right: 0px;
}

.top_news{
width: 486px;
height: 26px;
background-image: url(../images_site/new_haut.jpg);
background-position: left;
background-repeat: no-repeat;
}

.middle_news{
background-color:#FFFFFF;
width: 482px;
height: auto;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}

img.img_news{
position: relative;
float: left;
width: auto;
border: 2px solid #000000;
margin: 5px;
}

img.img_acc{
position: relative;
float: left;
width: 460px;
height: auto;
border: 2px solid #000000;
margin-left: 8px;
margin-bottom: 8px;
}

.txt_news{
text-align: justify;
padding: 5px;
position: relative;
float: left;
width: 290px;
height: auto;
} 

.txt_acc{
text-align: justify;
padding: 5px;
position: relative;
float: left;
width: 460px;
height: auto;
} 


.bottom_news{
width: 486px;
height: 13px;
background-image: url(../images_site/new_bas.jpg);
background-position: left;
background-repeat: no-repeat;
}

/***LIENS***/

.lien_bdp{
width: 486px;
text-align: center;
}

a.lien_page {
font-weight: bold;
color: #000000;
text-decoration: none;
}

img.lien_w3c {
border:0px;
}

.lien_gris{
color: #888888;
text-decoration: line-through;
}

a:hover.lien_page {
text-decoration: underline;
color: #FFFFFF;
}

.lien_page_active {
width: 167px;
height: 16px;
font-weight: bold;
text-indent: 12px;
text-decoration: underline;
color: #000000;
}

/***livre dor***/

.fond{
position: relative;
background-color: #897842;
float: left;
width: 486px;
height:auto;
margin-left:0px;
margin-right:0px;
padding-left: 0px;
padding-right: 0px;

border: 2px solid #000000;
}

.livreorg{
width:220px;
height:220px;
background-image: url(../images_site/postit.jpg);
float:left;
background-position: left;
background-repeat: no-repeat;
}
.livreord{
width:220px;
height:220px;
margin-top:60px;
background-image: url(../images_site/postit.jpg);
float:right;
background-position: left;
background-repeat: no-repeat;
}

.txt_msg{
color:#FFFFFF;
text-align: left;
padding: 5px;
margin-top:-20px;
width: 95%;
height: auto;
} 

.txt_livre{
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 0px;
position: relative;
float: left;
width: 188px;
height: 188px;
} 
.middle_msg{
background-color:#897842;
width: 482px;
height: auto;
border: 2px solid #000000;
}
/***cadre video***/

.middle_video{
background-color:#FFFFFF;
width: 454px;
height: auto;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
padding-left: 28px;
padding-top: 10px;
padding-bottom: 0px;
}

/***lien pied***/

a.lien_bas{
font-weight: none;
color: #000000;
text-decoration: none;
}

a:hover.lien_bas{
font-weight: none;
color: #D1CEA2;
text-decoration: underline;
}

a.lien_laureat{
font-weight: none;
color: #897842;
text-decoration: none;
}

a:hover.lien_laureat{
font-weight: none;
color: #897842;
text-decoration: underline;
}

/***recherche***/

.txt_recherche{
text-align: left;
padding: 5px;
width: 95%;
height: auto;
} 

.bordure_n{
background-color:#CCCCCC; 
border: 2px solid #000000;
padding:5px;
margin-right:auto;
margin-left:auto;
width: 456px;
height: auto;
}

/***PARTENAIRES***/

#partenaire{
position: relative;
float: left;
width: 112px;
height:auto;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}

img.image_liens{
padding-left:2px;
padding-bottom:10px;
margin-top:0px;
}


.top_part{
width: 112px;
height: 13px;
background-image: url(../images_site/parten_haut.jpg);
background-position: left;
background-repeat: no-repeat;
}

.top_part2{
width: 112px;
height: 21px;
background-image: url(../images_site/officiel_haut.jpg);
background-position: left;
background-repeat: no-repeat;
}

.top_part3{
width: 112px;
height: 21px;
background-image: url(../images_site/bocusedor_haut.jpg);
background-position: left;
background-repeat: no-repeat;
}

a.lien_bocuse{
display: block;
text-align: center;
font-weight: bold;
color: #000000;
text-decoration: none;
}

.espace{
height: 6px;
width: 108px;
background-color:#FFFFFF;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}

a:hover.lien_bocuse{
text-align: center;
font-weight: bold;
color: #000000;
text-decoration: underline;
}

.middle_part{
background-color:#FFFFFF;
width: 108px;
height: auto;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}

.middle_part{
background-color:#FFFFFF;
width: 108px;
height: auto;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}

img.img_part{
width: 100px;
border: 1px solid #000000;
margin: 3px;
}

img.img_part2{
width: 100px;
border: 0px solid #000000;
margin: 3px;
}

.bottom_part{
background-color:#FFFFFF;
width: 108px;
height: 3px;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
}

.lien_bas{
width: 112px;
height: 13px;
text-align: center;
}

a.lien_part {
color: #000000;
text-decoration: none;
}

a:hover.lien_part{
text-decoration: underline;
color: #FFFFFF;
}

.legende{
font-size: 0.8em;
font-style:italic;
text-align: center;
}