/* CSS Document */
body
{
background-color : #A88569;
font-family:Verdana, serif, Arial;
font-size: 10px;
margin:0;
padding:0;
}

a
{
color : #754E11;
}
a img {border: none;}

#contenu
{
width : 545px;
background-color : white;
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
text-align: left;
margin-top : 30px;
}

#entete
{
/*width:550px;
height:105px;*/
height : 125px;
border-bottom-width: 2px;
border-bottom-style:solid;
border-bottom-color: #FFCF00;
/*background-image: url(./images/degrade.jpg);
background-repeat: repeat-x repeat-y;
background-image:url(images/photo_video.jpg);*/
background-repeat:no-repeat;
background-position:right bottom;
}

#menu
{
height : 15px;
background-color : white;
padding-top : 2px;
padding-left : 2px;
width : 533px;
padding-left : 10px;
}

.logo
{
position : absolute;
}
#menu a
{
color : black;
text-decoration : none;
}

.petit_carre a
{
width : 8px;
height : 8px;
background-color : #00A0C6;
float : left;
margin-top : 2px;
margin-right : 2px;
}

.petit_carre a:hover
{
background-color : #E34C40;
}

.petit_carre a:active
{
background-color : #E34C40;
}

.txt_menu a
{
padding-right : 8px;
float : left;
}

.txt_menu a:hover
{

}

#principal
{
width : 400px;
float : left;
/*height : 355px;*/
padding-top : 20px;
padding-left : 10px;
text-align:justify;
}

#titre
{
height : 20px;
width : 179px;
background-image:url(./images/titre.gif);
background-repeat:no-repeat;
padding-left : 40px;
margin-bottom : 8px;
font-weight : bold;
padding-top : 3px;
}

h1
{
font-weight : bold;
font-family:Verdana, serif, Arial;
font-size: 13px;
}

h2
{
font-weight : bold;
font-family:Verdana, serif, Arial;
font-size: 13px;
margin-bottom : 0px;
}

#gauche
{
height : 375px;
width : 100px;
float : left;
/*background-image:url(images/gauche.gif);*/
background-repeat:no-repeat;
background-position:right bottom;
}

#video_principale
{
width : 400px;
height : 200px;
background-color : yellow;
}

.petit_txt
{
font-size: 10px;
color : #754E11;
width : 230px;
float : right;
}

.petit_txt_aligne
{
margin-left : 15px;
font-size: 10px;
color : #754E11;
}

#gris
{
/*background-color : #F8AE35;*/
padding : 5px;
width : 390px;
}

.papa
{
font-size: 12px;
color : red;
}

/*#tarif
{
border-width: 1px;
border-bottom-width: 5px;
border-style:solid;
border-color: #754E11;
float : left;
width : 188px;
margin-right : 5px;
text-align:left;
padding : 2px;
margin-bottom : 10px;
background-image:url(images/der.gif);
background-repeat:no-repeat;
background-position:right bottom;
}*/

#tarif
{
border-width: 1px;
border-bottom-width: 5px;
border-style:solid;
border-color: #754E11;
width : px;
margin-right : 5px;
text-align:left;
padding : 2px;
margin-bottom : 10px;
/*background-color : #F8AE35; */
background-image:url(./images/der.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.coul
{
color : #DE2E4B;
}

.prix
{
font-size: 12px;
color : #754E11;
padding-left : 5px;
font-variant: small-caps;
}

#pied
{
height : 15px;
background-color: #E34C40;
border-top-width: 2px;
border-top-style:solid;
border-top-color: #754E11;
}


#pied a
{
float : right;
margin-right : 5px;
color : white;
}


.titre_index
{
background-image:url(./images/bordure.gif);
background-repeat:no-repeat;
background-position:right bottom;
width : 390px;
height : 30px;
border-top : 5px;
}

#video, #video1, #video2, #video3, #video4, #video5
{
width:184px;
height : 220px;
/*background-image:url(images/der.gif);*/
float : left;
margin-right : 10px;
margin-bottom : 8px;
border-width: 1px;
border-bottom-width: 4px;
border-style:solid;
border-color: #754E11;
padding-left : 4px;
padding-top : 4px;
text-align:left;
}

#video a, #video1 a, #video2 a, #video3 a, #video4 a, #video5 a
{
text-decoration: none;
color : black;
}

 #petit_extrait
        {
        float : left;
        margin-right : 8px;
        margin-bottom : 5px;
        }
        
        #img_petit_extrait
        {
        width : 152px;
        height : 120px;
        }
        
        #commentaire
        {
        width : 230px;
        float : right;
        }
        
        #blocs
        {
        height : 170px;
        margin-bottom : 20px;
        }