/*Style Sud-Ouest.fr - 254*/
/*Dataxy 2010*/
/*+nicolasbarre*/



/* GENERAL */

body{
background: #45382f url(fond.png) repeat-y center;
font: normal 11pt trebuchet ms, helvetica, arial, sans serif;
color: #210;
}

#contenu{
margin: 0 auto;
width: 982px;
}

a{
color: #432;
font-weight: bold;
text-decoration: none;
outline: none;
}
a:hover{
color: #fa0;
text-decoration: none;
}
a:active{
color: #000;
}


/* TITRE HAUT */

#barre_titre{
position: relative ;
left: 50%;
margin: 0px -500px 0px -500px;
background: url(titre3.jpg) no-repeat center;
width: 1000px;
height: 148px;

-top: -31px;
}

/*hack Safari 3 */

html[xmlns*=""] body:last-child #barre_titre{
left: 0px;
margin: 0px;
width: 982px;
}

#barre_titre h1{
visibility: hidden;
font-weight: bold;
font-size: 56px;
position: relative;
left: 42px;
top: 4px;
width: 400px;
}
#barre_titre h1 a{
color: #fff;
}
#barre_titre h1 a:hover{
color: #fa0;
}


/* MENU HORIZONTAL */

/*menu fixe*/

#barre_onglets{
position: relative ;
top: -28px;
left: 170px;
margin: 0px 100px -116px 0px;
width: 800px;
height: 130px;
float: left;
-top: -90px;
-width: 780px;
}
#barre_onglets li{
float: left;
display: block;
}
#barre_onglets ul li a{
background: url(menuX.jpg) no-repeat right;
text-align: center;
display: block;
width: 102px;
height: 22px;
font-weight: bold;
font-size: 11pt;
color: #432;
padding: 0px 0px 0px 0px;
}
#barre_onglets ul li a:hover{
background: url(menuX.jpg) no-repeat right;
color: #210;
}
#barre_onglets ul li a:active{
text-indent: -2px;
}


/* MENU VERTICAL - COLONNE */

#colonne{
background: url(sommaires.jpg) no-repeat 10px bottom ;
margin: 0px 0px 0px 5px;
width: 180px;
min-height: 320px;
padding: 0px 20px 30px 30px;
float: left;
-display: inline;
}
#colonne span{
font-size: 12pt;
}

#colonne ul li a{
height: 25px;
display: block;
text-decoration: none;
color: #654;
font-size: 10pt;
}
#colonne ul li a:hover{
color: #210;
}

.zone{
margin: 10px 0px 0px 0px;
}

/*newsletter*/

.news{
position: relative;
left: -20px;
width: 200px;
height: 86px;
background: url(news.jpg);
padding: 60px 0px 0px 20px;
}
.news span{
display: none;
}
.news p{
color: #210;
text-align: left !important;
width: 180px;
height: 20px;
margin: 0px !important;
font-size: 10pt;
}

#email{
position: relative;
top: 0px;
left: 0px;
width: 136px;
height: 19px;
background: url(bouton2.png);
float: left;
margin: 0px 0px 0px 0px;
text-transform: none;
text-indent: 2px;
font-size: 9pt;
font-weight: normal;
padding: 1px 0px 0px 4px;
/width: 136px;
-top: 0px;
-margin-bottom: 0px;
}
#email:hover {
color: #210;
}
.news input{
position: absolute;
top: -22px;
left: 147px;
float: left;
margin-left: 0px;
background: url(bouton.png);
color: #321;
font-weight: bold;
border: none;
width: 26px;
height: 20px;
text-transform: uppercase;
font-size: 7pt;
cursor: pointer;
padding: 0px 0px 2px 0px;
/font-size: 6pt;
/padding: 2px 0px 0px 0px;
-top: -25px;
}
.news input:hover {
color: #100;
}
.news input:focus{
border: none;
}


/* MAIN */
#page{
margin: 0px 0px 0px 0px;
}

#main,
#main_10{
width: 700px;
margin-left: 250px;
-display: inline;
}

#main p,
#main_10 p{
display: inline;
}

/*ARTICLES*/

.fen{
background: url(fond2.jpg);
padding: 10px;
width: 680px;
text-align: justify;
color: #000;
margin: 0px 10px 0px 0px;
float: left;
-float: right;
}
.fen h2{
text-align: center;
font-size: 14pt;
margin: 0px 0px 5px 0px;
color: #443322;}
.fen p{
display: block !important;
}
.fen img{
border: none;
cursor: default;
}
.fen input{
border: none;
}
#sbb{
cursor: pointer !important;
}
.fen table{
margin: 0px 20px 0px 0px !important;
}

/*pages*/
#page h3{
text-align: center;
position: relative;
font-size: 18pt;
font-weight: bold;
width: 700px;
-width: 720px;
-float: right;
}
#main h3 a,
#main_10 h3 a{
font-size: 11pt;
}

.pages{
font-size: 10pt;

-width: 720px;
-float: right;
}


/*articles speciaux*/

.fen304368{
position: absolute;
top: 160px;
width: 982px;
text-align: center;
font-size: 11pt;
/position: relative;
/top: -40px;
-top: -100px;
}

.fen303660{
background: #000 url(site2.jpg);
position: relative;
top: -10px;
padding: 0px;
width: 470px;
height: 258px;
text-align: justify;
float: left;
margin: 0px 0px -124px 11px;
z-index: 5;
border: 5px solid #543;
font-size: 10pt;
color: #fff;
-left: -10px;
-top: -100px;
}
.fen303660:hover{
background: url(site2.jpg);
color: #fff;
}
.fen303660 .article a{
display: block;
position: relative;
top: -27px;
margin-bottom: -27px;
padding: 220px 10px 0px 10px;
width: 450px;
height: 0px;
color: #fa0;
z-index: 3;
-padding: 190px 10px 0px 10px;
-top: 0px;
}
.fen303660 a:hover{
color: #fff;
}
.fen303660  h2{
position: relative;
top: 195px;
font-size: 16pt;
padding: 0px 0px 0px 10px;
z-index: 2;
}

.fen303661{
background: #000 url(decouvrir2.jpg);
position: relative;
top: -10px;
padding: 0px;
width: 470px;
height: 258px;
text-align: justify;
float: left;
margin: 0px 0px -124px 0px;
z-index: 5;
color: #fff;
border-right: 5px solid #543;
border-top: 5px solid #543;
border-bottom: 5px solid #543;
font-size: 10pt;
-left: -10px;
-top: -100px;
}
.fen303661:hover{
background: url(decouvrir2.jpg);
color: #fff;
}
.fen303661 .article a{
display: block;
position: relative;
top: -27px;
margin-bottom: -27px;
padding: 220px 10px 0px 10px;
width: 450px;
height: 0px;
color: #fa0;
z-index: 3;
-padding: 190px 10px 0px 10px;
-top: 0px;
}
.fen303661 a:hover{
color: #fff;
}
.fen303661  h2{
position: relative;
top: 195px;
font-size: 16pt;
padding: 0px 0px 0px 10px;
z-index: 2;
}


.fen303662{
background: #000 url(gastronomie2.jpg);
position: relative;
top: 114px;
padding: 0px;
width: 470px;
height: 258px;
text-align: justify;
float: left;
z-index: 5;
color: #fff;
margin: 0px 0px 90px 11px;
border-right: 5px solid #543;
border-left: 5px solid #543;
border-bottom: 5px solid #543;
font-size: 10pt;
-left: -10px;
-top: 24px;
}
.fen303662:hover{
background: url(gastronomie2.jpg);
color: #fff;
}
.fen303662 .article a{
display: block;
position: relative;
top: -27px;
margin-bottom: -27px;
padding: 220px 10px 0px 10px;
width: 450px;
height: 0px;
color: #fa0;
z-index: 3;
-padding: 190px 10px 0px 10px;
-top: 0px;
}
.fen303662 a:hover{
color: #fff;
}
.fen303662  h2{
position: relative;
top: 195px;
font-size: 16pt;
padding: 0px 0px 0px 10px;
z-index: 2;
}


.fen303663{
background: #000 url(bouger2.jpg);
position: relative;
top: 114px;
padding: 0px;
margin-bottom: 90px;
width: 470px;
height: 258px;
text-align: justify;
float: left;
z-index: 5;
color: #fff;
border-right: 5px solid #543;
border-bottom: 5px solid #543;
font-size: 10pt;
-left: -10px;
-top: 24px;
}
.fen303663:hover{
background: url(bouger2.jpg);
color: #fff;
}
.fen303663 .article a{
display: block;
position: relative;
top: -27px;
margin-bottom: -27px;
padding: 220px 10px 0px 10px;
width: 450px;
height: 0px;
color: #fa0;
z-index: 3;
-padding: 190px 10px 0px 10px;
-top: 0px;
}
.fen303663 a:hover{
color: #fff;
}
.fen303663  h2{
position: relative;
top: 195px;
font-size: 16pt;
padding: 0px 0px 0px 10px;
z-index: 2;
}


.fen304396{
position: relative;
top: -20px;
background: url(fond3.jpg);
padding: 20px 16px 10px 64px;
width: 620px;
text-align: justify;
line-height: 22px;
color: #000;
float: left;
}
.fen304396 a{
font-size: 16pt;
}
#show_comments_304096{
position: relative;
left: -63px;
background: red;
}
.fen304396 img{
border: none;
cursor: default;
}
.fen304396 table{
width: 400px !important;
margin: 0px 50px 0px 110px !important;
}


/*comentaires*/
.liens{
/*position: relative;
top: -33px;

-top: 0px;*/
}
.liens ul{
list-style: none;
text-align: right;
}

.comments{
width: 680px;
float: left;
margin: 6px 0px 0px 0px;
}
.comments ul{
width: 600px;
float: left;
position: relative;
left: -10px;
}
.comments h3{
font-size:11pt;
padding-bottom:2px;
color:#000;
}
.comments ul li{
border-color:#210;
margin: 0px 0px 5px 0px;
}
.comments ul li em{
border-color:#210;
padding: 0px 10px 10px 0px;
}

.infos{
text-align:center;
padding-bottom:5px;
font-size:8pt;
color:#fff;
}



/*visionneuse photo*/
.apercus_photos{
text-align: center;
}
.apercus_photos a img{
border: 2px solid #fff;
}
.apercus_photos a:hover img{
border-color: #000;
}
.article .photo img{
padding:0;
}
.article .photo .commentaire_photo{
text-align:center;
font-style:italic;
}



#main .fen hr{
margin:0;
width:inherit;
clear:none;
}


/*SOMMAIRES*/

.sommaire{
z-index: 500 !important;
}
.sommaire tr:hover{
background: none!important;
}
.sommaire td{
padding: 0px;
border: none !important;
cursor: pointer;
}
.sommaire a{
font-size: 13pt;
}

/* FORMULAIRE */

#formulaire_contact input[type=text] {
border: #a0533f 2px solid;
width: 400px;
display: block;
}
#formulaire_contact input[type=text]:focus {
border-color: #fff;
}
#formulaire_contact p{
display: block;
}

#message {
border: #a0533f 2px solid;
width: 400px;
}
#message:focus {
border-color: #fff;
}


/*FOOTER*/

#colonne_blocs{
background: url(footer3.jpg) no-repeat;
width: 982px;
margin: 0px;
padding-top: 40px;
float: left;
}
#colonne_blocs ul{
list-style: none;
padding-left: 0px;
}
#colonne_blocs h2{
display: none;
}
#colonne_blocs li{
float: left;
}
#colonne_blocs li a{
font-size: 10pt;
width: 110px;
display: block;
}

#colonne_blocs .zone{
margin: 0px;
padding: 5px 20px 0px 20px;
width: 220px;
height: 65px;
}

.pub1 a{
display: block;
background: url(achatvente.gif);
width: 340px !important;
height: 70px;
margin: 0px 10px -70px 0px;
position: relative;
left: 260px;
top: -70px;
}
.pub1 a:hover{
background: url(achatvente.gif) left -70px;
}
.pub2 a{
display: block;
background: url(00.gif);
width: 340px !important;
height: 70px;
clear: both;
margin: 0px 0px -70px 0px;
position: relative;
left: 610px;
top: -70px;
}
.pub2 a:hover{
background: url(00.gif) left -70px;
}

#footer{
width: 982px;
height: 50px;
float: left;
position: relative;
top: 0px;
/left: 1px;
}
.referencement {
display: block;
visibility: visible;
position: relative;
top: 10px;
margin: 0px 0px 0px 0px;
width: 982px;
text-align: center;
}

.referencement p {
height: 0px;
}
.referencement a {
font-size: 10pt;
font-weight: normal;
color: #543;
padding: 0px 0px 0px 0px;
}
.referencement a:hover{
color: #210;
}
.referencement h1{
display: none;
}



/* CACHE */

#angle {
display: none;
}
#page h1{
display: none;
}
#main .espace_article,
#main_10 .espace_article,
#main_full .espace_article,
#main_full_10 .espace_article{
display:none;
}

.infos{
display:none;
}
#main_full h3{
visibility: hidden;
}

#pub_ver#pub_verticale,#pub_verticale2{
display: none;
}
#pub_verticale,#pub_verticale2 img{
display: none;
}

.end_zone{
display: none;
}