/* CSS Document */

/********/
/* HTML */
/********/
body {
	margin				: 22px;
	background-color	: #C2B8AE;
}

body, td, th, tr, p {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 12px;
	color		: #FFFFFF;
}

a:link, a:visited, a:hover, a:active {
	color			: #FFFFFF;
	text-decoration	: none;
}

a:hover {
	color			: #FAB500;
	text-decoration	: underline;
}

h1 {
	font-size	: 18px;
	font-weight	: bold;
	color		: #FAB500;
	margin		: 0;
}

h3 {
	size		: 18px;	
	
	
}

hr {
	border		:0 ; 
	border-top	:1px #f8ea1b dotted;
	
}
	
input,
textarea,
select {
	border			:1px #FFFFFF solid;
	background-color:transparent;
	color			:#FFFFFF;
	font-family		:Verdana, Geneva, sans-serif;
	font-size		:11px;
}
input.checkbox {
	border	: 0;
}




/*************************************/

/******/
/* ID */
/******/

/* Structure */

#structure {
	width				: 900px;
	height				: auto;
	border				: 22px #FFFFFF solid;
}


#menu {
	background-image	: url(images/fond/fond_menu_haut.jpg);
	background-repeat	: no-repeat;
	background-position	: right;
	width				: 856px;
	height				: 150px;
	font-size			: 12px;
	color				: #FFFFFF;
	font-weight			: bold;
}

#menu a:link,
#menu a:visited, 
#menu a:hover, 
#menu a:active {
	font-size			: 12px;
	color				: #FFFFFF;
	font-weight			: bold;
	text-decoration		: none;
}

#menu a:hover {
	color			: #FAB500;
	font-weight		: bold;
	text-decoration	: none;
}

#contenu {
/*	background-image	: url(image/fond/fond_contenu.jpg);*/
/*	background-repeat	: repeat-y;*/
/*background:url(image/fond/coin.jpg) no-repeat bottom right #1D8EC8;*/
	background-color	: #1D8EC8;
	width				: 856px;
	position			: relative;
}

#piedpage_haut {
	background-image	: url(images/fond/fond_pied_page_haut.jpg);
	background-repeat	: no-repeat;
	width				: 856px;
	height				: 60px;
	font-size			: 15px;
	font-weight			: bold;
}

#piedpage_haut div {
	margin-top	: 5px;
}

#piedpage_bas {
	background-image	: url(images/fond/fond_pied_page_bas.jpg);
	background-repeat	: no-repeat;
	width				: 856px;
	height				: 40px;
	font-size			: 12px;
	color				: #FFFFFF;
	text-decoration		: none;
}

#piedpage_bas div {
	margin-top	: 5px;
	width		: 610px;
}

#piedpage_bas a:link, 
#piedpage_bas a:visited, 
#piedpage_bas a:hover, 
#piedpage_bas a:active {
	font-size			: 12px;
	color				: #FFFFFF;
	text-decoration		: none;
}

#piedpage_bas a:hover {
	color				: #F2B100;
	text-decoration		: none;
}

#coin {
	position		: absolute;
	right			: 0px;
	bottom			: 0px;

}

#temoignages {
	margin-left	: 15px;
	margin-top	: 5px;

}

#contenu_contact {
	margin-top		: 30px;
	margin-left		: 95px;
	font-size		: 16px;
}

#contenu_contact p {
	font-size		: 16px;
	
	
	
}
#contenu_presentation {
	margin-top		: 15px;
	margin-left		: 100px;
}

#titre {
	margin-left	: 126px;

}

#image_produits {
	
	margin-bottom		: 15px;		
}

#projet_formulaire {
	margin-left			:167px;
	margin-top			:15px;
	
}

#produits {
	margin-left		:72px;
	
}

#bloc_centre {
	margin-top		: 15px;
	margin-left		: 130px;
	
}
	
#fiche_produit {
	width	: 550px;
	padding	: 15px;
}
#fiche_produit h1{
	font-style		: italic;
	color			: #f8ea1b;
	font-weight		: normal;
	font-size		: 20px;
	margin 			: 20px 0 25px 0;
	text-align		: center;
}

#fiche_produit h2{
	font-style		: italic;
	color			: #f8ea1b;
	font-weight		: bold;
	font-size		: 14px;
	margin 			: 15px 0 0 0;
	text-align		: center;
}
	
#fiche_produit th {
	font-weight		: normal;
	
}

#fiche_produit .tab_image td {
	/*background-color: #FFFFFF;*/
	width			: 100px;
	height			: 66px;
}

#fiche_produit .photo {
	margin-top	: 7px;
}


#tab_option td{
	text-align		: left;
	color			: #f8ea1b;
	font-style		: italic;
	
}
#contact_plan {
	position		: absolute;
	right			: 0;
	bottom			: 0;
	margin-bottom	: 55px;
	margin-right	: 15px;
	
}

#bt_retour {
	margin-top		: 8px;
	
	
}

#menuiseries_volets {
	display 		: none;
	position		: absolute;
	margin-left		: 110px;
	margin-top		: 66px;
	
}

#tableau_titre {
	margin-left		: 15px;
}

#tableau_titre h1{
	margin-left		: 15px;
}

#description_categorie {
	width			: 586px;
	margin-left		: 134px;
	
}
/*************************************/

/*********/
/* CLASS */
/*********/
.jaune {
	color		: #FAB500;
	size		: 16px;
	
	
}

.vignette {
	width				: 208px;
	height				: 342px;
	border				: 1px #FAB500 dotted;
	background-color	: #0B65A8;
}

.vignette .photo {
	margin			: 6px;
	height			: 120px;
	background-color: #FFFFFF;
	border-top		: 7px #FFFFFF solid;
	border-left		: 7px #FFFFFF solid;
	border-right	: 7px #FFFFFF solid;
	border-bottom	: 27px #FFFFFF solid;
}

.vignette .titre {
	font-size		: 14px;
	font-weight		: bold;
	color			: #F8EA1B;
	margin-top		: 5px;
	margin-bottom	: 20px;
}

.vignette .description {
	height			: 120px;
	margin-left		: 5px;
	margin-right	: 5px;
}

.vignette .lien {
	height			: 20px;
	font-size		: 14px;
	font-weight		: bold;
	color			: #FECE00;
	text-align		: right;
	margin-right	: 6px;
	margin-top		: -6px;
} 

.vignette .lien a:link,
.vignette .lien a:visited,
.vignette .lien a:hover,
.vignette .lien a:active {
	color				: #FAB500;
	text-decoration		: none;
}

.vignette .lien a:hover {
	color				: #FFFFFF;
	text-decoration		: none;
}

.tableau {
	border				:1px #f8ea1b dotted;
	background-color	:#1174b3;	
	
}

.tableau th {
	font-style		:italic;
	color			:#f8ea1b;
	
}
.tableau th.blanc {
	color	:#ffffff;
	
}

.erreur {
	color		: #FAB500;
}
.ok {
}
.detail {
	font-size	: 10px;
}



.bandeau_droite td{
	color			: #1d8ec7;			
	font-weight		: bold;
	
}

.fond_blanc {
	background-color: #FFF;
}

.fond_bleu {
	background-color:#1174b3;
}

#zone_actu {
	font-size	: 16px;
	margin-left	: 20px;
	margin-top	: 15px;
	position	: absolute;
}
#zone_actu p {
	font-size	: 16px;
	margin-top	: 0;
	line-height	: 14px;
}