/*******************************************************************************
    CSS Balteau
    Any copying, reproduction without express written
    permission is stricktly prohibited
*******************************************************************************/

/* Style général **************************************************************/

html,body
{
    height              :   100%;
}

body{
    font-size           :   12px;
    font-family         :   "Trebuchet MS", sans-serif;
    margin              :   0px;
    padding             :   0px 0px 0px 0px;
    color               :   #666;
    background          :   #e1ad73 url("../images/background_ete.png") repeat-x top left;
    background-attachment:  fixed;
}

*
{/*enlève les valeurs par défaut des marges pour tous les éléments */
    margin              :   0px;
    padding             :   0px;
}

/* Squelette du site **********************************************************/

div#padding
{
    width               :   900px;/*largeur du contenu*/
    padding             :   0px;
    margin-left         :   auto;
    margin-right        :   auto;
}

div#zone_contenu
{
    height              :   auto;
    background          :   #F5E3D7;
	position            :   relative;
    border              :   1px solid #FFCC33;
    border-bottom       :   none;
}

div#zone_principale
{
    height              :   500px;
    padding             :   20px;
    background          :   #F5E3D7 url("../images/fond_principal_ete.png") repeat-x top left;;
    text-align          :   left;
	margin              :   0px;
}

html>body div#zone_principale
{
    height              :   auto;
    min-height          :   500px;
}

/* clearing method devised by Tony Aslett - www.csscreator.com */
/* add the clearfix to any containter that must enclose floated elements */

.clearfix:after
{
    content             :   ".";
	display             :   block;
    height              :   0;
    clear               :   both;
    visibility          :   hidden;
}

.clearfix
{
    display             :   inline-block;
} /* a fix for IE Mac */

* html .clearfix
{
    height              :   1%;
}

.clearfix
{
    display             :   block;
}/* a fix for IE 6 */

/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* Zone supérieure: Nom + description de l'entreprise *************************/

div#header
{
	height              :   40px;
    width               :   900px;
    padding-top         :   10px;
    border-bottom       :   5px solid #FFCC33;
    position            :   relative;
}

div#connection
{
    font-size           :   10px;
	height              :   35px;
	text-align          :   right;
    padding             :   4px;
    position            :   absolute;
    top                 :   10px;
    right               :   10px;
    color               :   white;
}
div#connection a
{
    color               :   #ddd;
    text-decoration     :   none;
}
div#connection a:hover
{
    color               :   white;
}

/* Banniere avec logo de l'entreprise *****************************************/

div#banniere
{
	height              :   150px;
    width               :   900px;
    position            :   relative;
    padding             :   0px;
    background          :   #fdfdfd url("../images/banniere_ete.jpg") no-repeat top left;
    border-bottom       :   2px solid #CD7032;
}

/* Menu de navigation horizontal **********************************************/

div#menu_horizontal
{
	height              :   30px;
	background          :   #eee url("../images/menu_horizontal_ete.png") repeat-x top left;
    width               :   100%;
    margin-top          :   8px;
    margin-bottom       :   8px;
    border-bottom       :   1px solid #DB985B;
    border-top          :   1px solid #DB985B;
}

div#menu_horizontal ul
{
    margin-left         :   50px;
}

div#menu_horizontal li
{
    font-size           :   12px;
    font-family         :   "Tahoma", "Trebuchet MS", sans-serif;
    width               :   auto;
    float               :   left;
    list-style          :   none;
    text-align          :   center;
    margin              :   6px 15px 0px 15px;
}

div#menu_horizontal li a
{
    color               :   #666;
	text-decoration     :   none;
    font-weight         :   bold;
}

div#menu_horizontal li a:hover
{
    color               :   #F07800;
}

/* Bas de page: zone copyright + menu *****************************************/

div#bas_page
{
    height              :   90px;
	font-size           :   10px;
    padding             :   2px;
    border-left         :   1px solid #FFCC33;
    border-right        :   1px solid #FFCC33;
    background          :   #fdfdfd url("../images/baspage_ete.png") no-repeat bottom left;
}

/* Styles concernant la mise en forme du contenu textuel **********************/

h1
{
    font-size           :   16px;
    color               :   #BC6E3E;
    font-weight         :   bold;
    text-align          :   left;
    text-indent         :   25px;
    margin              :   20px;
    background          :   #F5E3D7 url("../images/titre_ete.png") no-repeat center left;
}

h1 span
{
    background          :   #F5E3D7;
    padding-right       :   10px;
}

h2
{
    font-size           :   14px;
    color               :   #C67E53;
    font-weight         :   bold;
    padding             :   3px;
    text-indent         :   10px;
    margin              :   20px 40px;
    border-left         :   6px solid #BC6E3E;
    border-bottom       :   1px solid #BC6E3E;
}

h3
{
    font-size           :   12px;
    color               :   #9FC1DF;
    font-weight         :   bold;
    text-align          :   left;
    text-indent         :   10px;
    margin-top          :   15px;
}

h4
{
    font-size           :   10px;
    color               :   #B6CFE7;
    font-weight         :   bold;
    text-align          :   left;
    text-indent         :   15px;
}

h5
{
    font-size           :   9px;
    color               :   #CFDFEF;
    font-weight         :   bold;
    text-align          :   left;
    text-indent         :   20px;
}

h6
{
    font-size           :   8px;
    color               :   #CFDFEF;
    font-weight         :   bold;
    text-align          :   left;
    text-indent         :   25px;
}

p
{
    background          :   #FFFFF4;
    border              :   1px solid #FFD782;
    margin              :   15px 40px;
    margin-bottom       :   0px;
    padding             :   15px;
    text-align          :   justify;
}

p.guillemets
{/*paragraphe avec un dessin de guillemets*/
    background          :   #FFFFF4 url("../images/quote.gif") no-repeat top right;
    border              :   1px solid #FFD782;
    margin              :   15px 40px;
    padding             :   15px;
    padding-right       :   40px;
}
p.erreur
{
	color				:	red;
	border				:	1px solid red;
	padding				:	10px;
	margin-bottom		:	30px;
	background-color	:	#FDD;
}
p.presentation
{
	border				:	2px dashed #FFE6B0;
    background-color    :   #FFFFD7;
}
a
{
    text-decoration     :   none;
    font-weight         :   normal;
    color               :   #C06C3A;
}

a:hover
{
    text-decoration     :   underline;
    font-weight         :   normal;
}

span.petit
{
	font-size			:	10px;
}

span.moyen, span.presentation
{
	font-size			:	12px;
}

span.grand
{
	font-size			:	14px;
}

span.evidence
{
	font-style			:	italic;
	color				:	#EC8F13;
}

span.alinea
{
	padding-left		:	40px;
}
span.erreur
{
	font-size			:	12px;
	font-family			:	Arial, Helvetica, sans-serif;
	font-weight			:	900;
	color				:	red;
	border-style		:	dotted;
	border-width		:	1px;
	padding				:	4px;
}
/* Styles concernant les images ***********************************************/

.cadre img, img.cadre
{
	padding             :   3px;
	border              :   1px solid #bbb;
	background          :   #fff;
}


.cadre img:hover, img:hover.cadre
{
	padding             :   3px;
	border              :   1px solid #222;
}

a img
{
    border              :   none;
}

/* Formulaires ****************************************************************/

fieldset
{
	border-style		:	dashed;
	border-width		:	1px;
	border-color		:	#FF962D;
	width				:	300px;
	padding				:	10px;
}

fieldset.large
{
	width				:	640px;
}
fieldset.treslarge
{
	width				:	740px;
}
legend
{
	border-top-style	:	solid;
	border-bottom-style	:	solid;
	border-width		:	1px;
	border-color		:	#FF962D;
	font-size			:	12px;
	background-color	:	#FFFFFF;
}
/* Listes *********************************************************************/

ul.liste, ol.liste
{
    border              :   none;
    padding-left        :   30px;
    margin              :   0px 20px;
}

ul.liste li
{
	list-style-image	:	url(../images/icones/flechedroite.gif);
}

/* Tableaux *******************************************************************/

table.lastnews
{
    margin              :   20px 50px;
    border              :   1px solid #FFDD75;
    background-color    :   #FFFFF4;
}

table.lastnews th
{
    background          :   #FFE495 url(../images/icones/flechebas.gif) no-repeat center left;
    text-indent         :   17px;
    color               :   #E09541;
    font-size           :   14px;
    padding             :   5px;
}

table.lastnews td
{
    padding             :   5px;
    border-bottom       :   1px solid #ddd;
}

table.lastnews td#nombre_news
{
    border             :   none;
}

table.lastnews td#all_news
{
    text-align          :   right;
    border              :   none;
}

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

table.xray
{
    margin              :   20px 50px;
    border              :   1px solid #FFDD75;
    background-color    :   #FFFFF4;
    width               :   750px;    
}

table.xray th
{
    background          :   #FFE495 url(../images/icones/flechedroite.gif) no-repeat center left;
    text-indent         :   17px;
    color               :   #E09541;
    font-size           :   15px;
    padding             :   6px;
}

table.xray td.contenu
{
    padding             :   10px;
    border-bottom       :   1px solid #ddd;
}

table.xray td#prev_next
{
    text-align          :   right;
}

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

table.typeproduits
{
    width               :   590px;
    margin              :   20px;
    border              :   1px solid #aaa;
    background-color    :   #FEE8B4;
}
table.typeproduits td.image
{
    width               :   165px;
}
table.typeproduits td.description
{
    padding             :   10px;
}
/* Formulaires ****************************************************************/

div.row span.label
{
	float: left;
	width: 100px;
	text-align: right;
    margin-right:10px;
}

div#contactform2
{
    position:absolute;top:0px;right:70px;
}
div#contactform
{
    margin-bottom:100px;
}


/* Autres *********************************************************************/

hr
{
    border              :   1px solid #aaa;
    margin-top          :   10px;
    margin-bottom       :   10px;
    background-color    :   red;
}