/* CSS Document */

body {
margin:0;
padding:0;
background: url(../element/fond_page.jpg) repeat;
}

img {
border:0px;
}

.stop{
clear:left;
}

a {
text-decoration:none;
color:#333333;
}

a:hover {
text-decoration:underline;
}

.break{
clear:left;
}




#conteneur {
position:relative;
width:1000px;
left:50%;
margin-left:-500px;
/*font-family:Helvetica, Verdana, Geneva, Arial, sans-serif;*/
font: normal 70% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
/*font-size:11px;*/
line-height:15px;
color:#333333;
}

#bandeau3 {
float:right;
text-align:right;
width:764px;
height:170px;
}



#nav h1 {
font-size:13px;
color:#a23707;
font-weight:700;
padding:15px 0 0 13px;
margin:0 0 0 0;
}


#nav h1 a {
font-size:13px;
color:#a23707;
font-weight:700;
text-decoration:none;
padding:0;
margin:0;
background:none;
}

#nav h1 a:hover {
font-size:13px;
color:#fff;
font-weight:700;
text-decoration:none;
padding:0;
margin:0;
background:none;
}


#nav h2 {
font-size:13px;
color:#a23707;
font-weight:700;
padding:15px 0 5px 13px;
margin:5px 0 5px 0;
background:url(../element/trait.gif) no-repeat bottom;
font-size:12
}




#nav a:hover {
text-decoration:underline;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
margin:0;
padding:0;
list-style:none;
}


.outil {
margin:15px 0 10px 2px;
}

#nav #pourcentage {
width:175px;
background:#bbae79;
color:#000000;
font-weight:700;
padding:5px;
line-height:13px;
}

#nav .lienAccueil {
	padding:0;
	margin:0;
	background:none;
	border:0;
}



<!-- seconde partie de page -->
<!-- ////////////////////////////////// -->
<!-- ////////////////////////////////// -->


#chien {
float:left;
width:570px;
text-align:justify;
display:block !important;
display:inline;
}


#page {
float:left;
width:570px;
text-align:justify;
display:block !important;
display:inline;

}

#page #navigation {
float:left;
width:570px;
padding:0;
margin:0;
}



#page #edito {
float:left;
color:#FFFFFF;
padding:10px;
font-weight:bold;
margin:0 0 15px 0;
width:525px;
}

#page h3{
color:#FFF;
font-weight:bold;
font-size:13px;
padding:0;
margin:0;
line-height:35px;
}

#page #top_page_rouge {
float:left;
background:#a23808;
padding:0 10px;
width:525px;
margin:0 0 10px 0;
}

#page #top_page_vert {
float:left;
background:#c8d200;
padding:0 10px;
width:525px;
margin:0 0 10px 0;
}

#page #top_page_vin {
float:left;
background:#956172;
padding:0 10px;
width:525px;
margin:0 0 10px 0;
}

#page #top_page_bleu {
float:left;
background:#5c8fb0;
padding:0 10px;
width:525px;
margin:0 0 10px 0;
}

#page #top_page_violet {
float:left;
background:#b14972;
padding:0 10px;
width:525px;
margin:0 0 10px 0;
}

#page #top_page_marron {
float:left;
background:#bbae79;
padding:0 10px;
width:525px;
margin:0 0 10px 0;
}





#page #edito #image {
float:right;
width:160px;
}


#page #edito #texteImage {
float:left;
width:350px;
text-align:justify;
margin:0 10px 0 0;

}

#page #edito #texteSSImage {
float:left;
width:530px;
text-align:justify;
}


#page #edito p {
padding:0;
margin:0; 

}



/*#page #contenu p {
padding:8px; 
margin:5px 0;
}
*/
#page #contenu img {
padding: 0;
margin:0;
} 

#page #contenu p {
	margin:0 10px 10px 10px;
	
}

#page .titre_bleu { /* A REPORTER */
float:left;
background:url(../element/puce_bleu.gif) no-repeat left top;
padding:0 0 0 20px;
margin:5px 0 10px 5px;
width:510px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;

}

.date {
	color:#666;
	font-size:10px;
	font-weight:normal;
}



#page .titre_marron { /* A REPORTER */
float:left;
background:url(../element/puce_marron.gif) no-repeat left;
padding:0 0 0 20px;
margin:5px 0 10px 5px;
width:510px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#page .titre_violet { /* A REPORTER */
float:left;
background:url(../element/puce_violette.gif) no-repeat left;
padding:0 0 0 20px;
margin:5px 0 10px 5px;
width:510px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;

}

#page .titre_vert { /* A REPORTER */
float:left;
background:url(../element/puce_vert.gif) no-repeat left;
padding:0 0 0 20px;
margin:5px 0 10px 5px;
width:510px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#page .titre_vin { /* A REPORTER */
float:left;
background:url(../element/puce_vin.gif) no-repeat left;
padding:0 0 0 20px;
margin:5px 0 10px 5px;
width:510px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#page .titre_rouge { /* A REPORTER */
float:left;
background:url(../element/puce_rouge.gif) no-repeat left;
padding:0 0 0 20px;
margin:5px 0 10px 5px;
width:510px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}



#page .blocPhoto {
float:left;
width:170px;
margin:0 0 0 8px;
}

#page .blocTexte {
float:left;
width:350px;
}


#page .blocTexte p {
margin:0;
padding:0;
}




.blocTexte_ss_img {
float:left;
padding:0 10px;
}


.break_marron{
float:left;
background: url(../element/ligne_marron.gif) repeat-x;
height:30px;
width:530px;
margin:0 0 0 7px;
}

.break_bleu{
float:left;
background: url(../element/ligne_bleu.gif) repeat-x;
height:30px;
width:530px;
margin:0 0 0 7px;
}

.break_violet{
float:left;
background: url(../element/ligne_violette.gif) repeat-x;
height:30px;
width:530px;
margin:0 0 0 7px;
}

.break_vert{
float:left;
background: url(../element/ligne_vert.gif) repeat-x;
height:30px;
width:530px;
margin:0 0 0 7px;
}

.break_vin{
float:left;
background: url(../element/ligne_vin.gif) repeat-x;
height:30px;
width:530px;
margin:0 0 0 7px;
}

.break_rouge{
float:left;
background: url(../element/ligne_rouge.gif) repeat-x;
height:30px;
width:530px;
margin:0 0 0 7px;
}




/* colorisation */ /* colorisation */ /* colorisation */


.italic_marron {
color:#AB8E4C;
font-style:italic;
}

.italic_violet {
color:#b14972;
font-style:italic;
}

.italic_bleu {
color:#5c8fb0;
font-style:italic;
}

.border_marron {
border:1px solid #AB8E4C;
margin:0 0 15px 0;
padding:0;
}

.border_violet {
border:1px solid #b14972;
margin:0 0 15px 0;
padding:0;
}

.border_bleu {
border:1px solid #5c8fb0;
margin:0 0 15px 0;
padding:0;
}


.marron {
color:#bbae79;
}

.violet {
color:#b14972;
}

.bleu {
color:#5c8fb0;
}


.titre_paragraphe_marron {
color:#bbae79;
font-weight:bold;
font-size:13px;
margin:0px 0 10px 0;
padding:0;
}

.titre_paragraphe_bleu {
color:#5c8fb0;
font-weight:bold;
font-size:13px;
margin:0px 0 10px 0;
padding:0;
}

.titre_paragraphe_violet {
color:#b14972;
font-weight:bold;
font-size:13px;
margin:0px 0 10px 0;
padding:0;
}




/* colorisation */





/* calque absolu  */


.boiteEntete {
	margin:0;
	padding:0 0 1px 0;
	
}


.boiteImage {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index: 1; /* pour que ce soit au dessus de l'image sous IE */
	
}

.boiteTexte {
	float:left;
	margin:0 0 0 5px;
	padding:5px 0 0 0;
	z-index: 1; /* pour que ce soit au dessus de l'image sous IE */
	
}

.boite {
	list-style:none;
	padding:0;
	margin:0;
}



.commentaire {
	list-style:none;
	padding:0;
	margin:0;
	
}







/* Flash */

#vitrine {	
position:absolute;
width:950px;
height:300px;
top:200px;
left:50px;

}

#vitrine2 {	
float:left;
width:950px;
height:300px;
}