/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:  url(images/background-def17112007.jpg) top left ;
}
#header {
height: 111px;
background: url(images/accueil200/accueil200_base_travail_decoupe_r1_c1_r1_c1.jpg) top left ;
}

#header_onglets {
float:right;
padding-top:74px;
padding-right:10px;
font-size: 10px;

}

#header_adresseweb {
padding-left:460px;
padding-top:35px;
font-size: 10px;
position:absolute;

}



#conteneur {
position: absolute;
width: 780px;
left: 50%;
margin-left: -390px;
background-color: #FFFFFF ;

}
#centre {
background-color:#ffffff;
margin-left: 180px;
margin-right: 0px;
}
#gauche {
position: absolute;
left:0;
width: 180px;
padding-top:3px;
background-color:#FFFFFF;
}
#droite {
position: absolute;
right:0;
width: 0px;
background-color:#FFFFFF;
}
#pied {
height: 30px;
border-top:1px solid #97928C;
font-family: Arial, Helvetica, sans-serif;font-size: 11px;
margin-left:190px;
background-color:#FFFFFF;
}


/* menu gauche*/

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;

}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 0px 0px 13px;
border: 1px solid #E3C26C;
width: 160px;
background-color: #FDF2D5;
/*background-image: url(images/l1_down.gif);*/
height:19px;
color: #000;
}

#navcontainer a:link, #navlist a:visited
{
color:#7E6218;
text-decoration: none;
margin-left:0px;
margin-top:0px;
}

#navcontainer a:hover
{
border: 1px solid #EA682C;
background-color: #EA682C;
color: #ffffff;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #EA682C;
background-color: #EA682C;
color: #ffffff;
}

/* fin du  menu gauche */


p {margin: 0 0 10px 0; text-align:justify; padding-left:15px; padding-right:15px; font-family: Arial, Helvetica, sans-serif;font-size: 11px; color:#7B6017;}

#espace1 {height:1px;}
#espace2 {height:1px; border-bottom: 1px solid #7E6219;}
#espace3 {height:1px; width:10px;}
#espace4 {height:100px; }

#img_haut {
width: 586px;
height:173px;
margin-left:14px;
margin-top:3px;
background-image: url(images/accueil200/img_haut_accueil.jpg);
}

#img_haut_amour {
width: 586px;
height:173px;
margin-left:14px;
margin-top:3px;
background-image: url(images/accueil200/image_haut_amour.jpg);
}

#img_haut_marques {
width: 586px;
height:173px;
margin-left:14px;
margin-top:3px;
background-image: url(images/accueil200/image_haut_marques.jpg);
}

#img_haut_equipe {
width: 586px;
height:173px;
margin-left:14px;
margin-top:3px;
background-image: url(images/accueil200/image_haut_equipe.jpg);
}

#img_haut_question {
width: 586px;
height:173px;
margin-left:14px;
margin-top:3px;
background-image: url(images/accueil200/image_haut_question.jpg);
}

#img_haut_magasin {
width: 586px;
height:173px;
margin-left:14px;
margin-top:3px;
background-image: url(images/accueil200/image_haut_magasin.jpg);
}

h1{padding-left:20px; padding-top:10px;font-size: 11px; font-weight:bold; color:#E71D11;}
h2{padding-left:20px; padding-top:83px;font-size: 11px; color:#7E6219;}
h3{font-size: 11px; font-weight:bold; color:#EA682C;}
h4{font-size: 11px; font-weight:bold; color:#7E6219;}
h5{font-size: 11px; font-weight:bold; color:#7E6219; padding-left:10px;}
h6{padding-left:10px; border-bottom:1px dotted #E71D11;border-top:1px dotted #E71D11;font-size: 11px; font-weight:bold; color:#E71D11;}

div#cadre2 {/* conteneur global et arrière-plan du titre du cadre */
width: 177px;
padding-top: 15px;
background: url(images/accueil200/pave_vierge_coord002.jpg) top left no-repeat;
}
div#bloccadre2 {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(images/accueil200/pave_vierge_coord001.jpg) bottom left no-repeat;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;

text-align: LEFT;
}
div#bloccadre2 p {
margin: 0 0px 0 0px;
}

A.link01 { color:#7E6218; text-decoration:none;}
A.link01:hover { color:#7E6218;text-decoration:underline;}

A.link02 { color:brown; text-decoration:none;}
A.link02:hover { color:brown;text-decoration:underline;}

#titre

{
height:auto;
background-color: #EA682C;
text-align:justify; 
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin-left: 15px;
margin-right: 10px;
padding-left: 7px;
color:#ffffff;
font-weight:bold;
}

#image_texte_droite {
border-left:10px solid #ffffff;

float:right;
padding-right: 10px;
padding-top: 5px;

}

#image_texte_gauche {
border-left:10px solid #ffffff;

float:left;
padding-right: 10px;
padding-left: 5px;
padding-top: 5px;


}


input, select, option{
background-color:#E9D08D;
font-size: 10px;
color:#7E6219;

}

textarea{
background-color:#E9D08D;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#5F5F5F;

}

#texte_form {margin: 0 0 10px 0; text-align:left; padding-left:5px; padding-right:5px; font-family: Arial, Helvetica, sans-serif;font-size: 11px;}

form{padding-left: 5px;
padding-top: 5px;}

#bloc

{
background-color: #FBF4E3;
text-align:justify; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 15px;
margin-right: 10px;
color:#E82013;
font-weight:bold;
border: 1px solid #E3C26C;
}

#bloc2

{
width:300px;
background-color: #FBF4E3;
text-align:justify; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 15px;
margin-right: 10px;
color:#000000;
border: 1px solid #E3C26C;
}

#bloc3

{
background-color: #FBF4E3;
text-align:justify; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-left: 15px;
margin-right: 10px;
color:#000000;
border: 1px solid #E3C26C;
}

#message

{
height:30px;
background-color: #FBF4E3;
text-align:justify; 
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#E82013;
font-weight:bold;
margin-left: 15px;
margin-right: 10px;
}

#img_catalogue{

margin:5px 5px 5px 5px;

}

#text_designation{


text-align:justify;

}