/*
les div FADE contiennent tout le reste

le bandeau avec logo + nom du site + petite phrase sont concenus dans #bandeau
vient ensuite le fil d'texteBarre dnas la div #texteBarre
puis le site proprement dit avec #Site qui contient #menu et #contenu
fin de la page avec #piedDePage
*/


* {margin:0; padding:0;}

html {
	font-family:Arial;
	font-size:12px;
	background-color:#FFFFFF;
	overflow: -moz-scrollbars-vertical !important;
	color:#620808;
    }

h1 { /*titre pour le nom du site sur le logo */
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid;
  }
	
h2 { 
	font-size:13px;
	font-weight:bold;
	color:#620808;

  }

h3 { /* titre de page, rappel du menu... */
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	color:#620808;
   }

img {
	border-width:0px;
}
a:link{color:#000000;text-decoration:underline;font-weight:bold;}
a:visited{color:#620808;text-decoration:underline;font-weight:bold;}
a:hover{color:#620808;text-decoration:underline;font-weight:bold;}
a:active{color:#620808;text-decoration:underline;font-weight:bold;}

/* Comportement du lien titre  */
a:link#titre{color:#620808;text-decoration:none;}
a:visited#titre{color:#620808;text-decoration:none;}
a:hover#titre{color:#620808;text-decoration:none;}
a:active#titre{color:#620808;text-decoration:none;}

/* Liens du menu */
a:link#lienMenu{color:#620808;text-decoration:none;}
a:visited#lienMenu{color:#620808;text-decoration:none;}
a:hover#lienMenu{color:#000000;text-decoration:underline;}
a:active#lienMenu{color:#620808;text-decoration:none}

a:link#arianne{color:#620808;text-decoration:none;font-weight:normal;}
a:visited#arianne{color:#620808;text-decoration:none;font-weight:normal;}
a:hover#arianne{color:#000000;text-decoration:underline;font-weight:normal;}
a:active#arianne{color:#620808;text-decoration:nonefont-weight:normal;}

input,textarea {
	color:#620808;
}
/* Liens de la barre du bas */ /* Plus utilisé depuis le passage au bleu , suppression de l'id dans le commun.php*/
/*a:link#menu2{color:#FFFFFF;text-decoration:none;}
a:visited#menu2{color:#FFFFFF;text-decoration:none;}
a:hover#menu2{color:#620808;text-decoration:underline;}
a:active#menu2{color:#FFFFFF;text-decoration:none;}*/


ul {
	margin-top:5px;
	margin-bottom:10px;
	margin-left:15px;
	}
  
li {
	padding:2px;
	margin-left:20px;
	}

ul#ulMenu {
	 padding:0px;
	 margin:0px;
	 left:-15px;
	}
	
ul#ulMenu li { /* image du li */
	padding:2px;
	margin-left:0px;
	list-style-type: none;
	background-image: url(../img/habillage/bouteille_small.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	background-position: 0px -2px;
	}
 
ul#ulMenu li:hover {  /* image du li en cas de hover */
	padding:2px;
	margin-left:0px;
	list-style-type: none;
	background-image: url(../img/habillage/bouteille_small_hover.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	background-position: 0px -2px;
	}
 

p#erreur {
	color:#FF0000;
	}
	
img#visuel {
	float:left;
	margin-right:5px;
	border-style:solid;
	border-width:1px;
	border-color:#AEAEAE;
	}

img#visuelAdroite {
	float:right;
	margin-left:5px;
	margin-right:-5px;
	border-style:solid;
	border-width:1px;
	border-color:#AEAEAE;
	}
	

/***************************
	DEFINITION DES DIVS
*/

div#fade1{ /* le plus foncé*/
	height:100%;
	width:730px;
	margin-right:auto;
	margin-left:auto;	
	border:#666666;
	border-width:1px;
	border-style:none solid solid solid;
	background:#FFFFFF; /* comme le fond de #site et #bandeau*/
	}

div#fade2{
	height:100%;
	width:732px;
	margin-right:auto;
	margin-left:auto;	
	border:#C2C2C2;
	border-width:2px;
	border-style:none solid solid solid;
	}

div#fade3{
	height:100%;
	width:736px;
	margin-right:auto;
	margin-left:auto;	
	border:#D6D6D6;
	border-width:2px;
	border-style:none solid solid solid;
	}

div#fade4{ /* le plus clair  */
	height:100%;
	width:740px;
	margin-right:auto;
	margin-left:auto;	
	border:#EAEAEA;
	border-width:2px;
	border-style:none solid solid solid;
	}

div#bandeau { /* contient les div bandeauLogo, et bandeauLes2Textes */
	margin-right:auto;
	margin-left:auto;
	margin-bottom:5px;
	width:auto; /* 730px; se cale sur la taille des div de fade */
	padding:0px;
	padding-top:5px;
}

div#bandeauLogo { /*Div contenant le logo*/
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:auto;
	height:auto;
	padding:0px;
	}

	
div#bandeauTitre { /*Div contenant le texte nom du site*/
	position:relative;
	margin-top:25px;
	left:0px;
}

div#bandeauTxt { /*Div contenant la phrase à côté du logo*/
	position:relative;
	font-family:Arial;
	font-size:14px;
	left:2px;
	top:0px;
	}

	
div#bandeauLes2Textes {
	/* contient bandeauTitre et bandeauTxt */
}

div#texteBarre {
	clear:left;
	border-style:solid none solid none;
	border-color:#AEAEAE;
	border-width:1px;
	background:#620808;
	margin-bottom:5px;
	color:white;
	}
	
div#arianne { /* fil d'ariane sous la barre */
	/*border-style:none none solid none;
	border-color:#AEAEAE;
	border-width:1px;*/
	/*background:#620808;*/
	margin-bottom:5px;
	padding-left:15px;
	}	
	
div#site { /* contient les div menu et contenu */
	clear:left;
	margin-right:auto;
	margin-left:auto;
	background:#FFFFFF;
	width:auto; /*720px; se cale sur la taille des div de fade */
	height:100%;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:5px;
	padding-right:5px;
	background-image:url(../img/habillage/bouteilleVerre.gif);
	background-repeat:no-repeat; /*repeat-y;*/
	background-position:30px 20px;
}	
	
div#menu {
	position:relative;
	float:left;
	width:150px;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:5px;
	padding-top:15px;
	padding-left:5px;
	padding-right:5px;
	border-width:1px;
	border-color:#BBBBBB;
	border-style:solid none none none;
}
	
div#contenu {
	float:left; /* OBLIGATOIRE POUR FIREFOX!*/
	width:530px;
	display:block;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:15px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	/*background:#E6FAFA;*/
	background:#FFFFFF;
	border-width:1px;
	border-color:#BBBBBB;
	border-style:solid;
	/*border-style:solid none none solid;*/
	}
	
div#piedDePage {
	clear:left;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	text-align:center;
	width:auto;/*726px;	se cale sur la taille des div de fade */
	padding:2px;
	background-color:#D0D0D0;
	border-style:solid none none none;
	border-width:1px;
	border-color:#919191;
	}

.companyName{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}