/* CSS Document */

/* ================================== */
/* = Style de l'ensemble de la page = */
/* ================================== */
body
{
	background : #c9f8bd;
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	margin : auto ;
	padding : 0;
}

a {
	text-decoration:none;
}

li {
	list-style: circle #FF6600;
}

table {
	max-width:710px;
	vertical-align:top;
}

tr {
	vertical-align:top;
}

img.logo {
	border:0px;
	display: block;
}
img.produit {
	border:1px dotted #FF6600;
	display: block;
	max-width:80px;
	max-height:80px;
}

.liste_produits {
	text-align:left;
	width:400px;
}

.liste_produits tr {
	vertical-align:middle;
	margin-left:0px;
	border: 1px solid;
}

.liste_produits td {
	text-align:right;
}


h1, h2, h3 {
	padding:0px;
	display : block;
	margin:0px;
}

h1 {
	font-size:1.5em;
	color:#FF1166;
	line-height:30px;
	margin-bottom:20px;
	margin-top:20px;
	border-bottom:1px solid #FF66CC;
}

h2 {
	font-size:1.1em;
	line-height:20px;
	margin-bottom:10px;
	margin-top:10px;
	border-bottom:1px dashed #FF66CC;
}

h3 {
	font-size:1.0em;
	line-height:20px;
	margin-bottom:30px;
}

h4 {
	font-size:0.9em;
	line-height:20px;
	margin-bottom:30px;
	border-bottom:1px dotted #FF66CC;
}

p {
	max-width:710px;
	text-align:justify;
}
/*=========================================================*/

/* ================================== */
/* = Conteneur principal des divs   = */
/* ================================== */
#conteneur
{
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	position : relative;
	width : 1000px;
	border: 6px dashed #c9f8bd;
	padding : 0px;
	background-color : #FFFFFF;
}
/*=========================================================*/

/* ================================== */
/* = 			  Header			= */
/* ================================== */
#banniere
{
	width : 1000px;
	position : relative;
	background-color : #FFFFFF;
}
/*=========================================================*/

/* ================================== */
/* = 			  Header			= */
/* ================================== */
#menu_haut
{
	margin-top:5px;
	width : 1000px;
	position : relative;
	background : url(images/background_barre.jpg);
	background-repeat:repeat-x;
	color : #FFFFFF;
	font-weight:bold;
	height:20px;
	line-height:20px;
}

ul.menu_haut
{
	display:inline;
	list-style:none;
	list-style-type:none;
	padding:0;
}

li.menu_haut
{
	display:inline;
}
li.menu_haut:hover
{
	display:inline;
	background-color:#33CC66;
}

a.menu_haut
{
	text-decoration:none;
	color:#FFF;
}
/*=========================================================*/

/* ================================== */
/* = 			  Contenu			= */
/* ================================== */
#contenu
{
	height : auto;
	min-height : 300px;
	background:url(images/ombre_barre.jpg);
	background-repeat: repeat-x;
	background-position:left top;
}
/*=========================================================*/

/* ================================== */
/* = 	  	 	  Texte 			= */
/* ================================== */
#texte
{
	width : 720px;
	max-width:700px;
	color: #FF1166;
	float : left;
	vertical-align:top;
	padding : 20px 20px 20px 20px;
	min-height:450px;
	border-bottom: 6px dashed #c9f8bd;
	
}


#texte a {
	color: #FF11AA;
	text-decoration:none;
}

#texte div {
	text-align:center;
}

#texte a:hover {
	color: #FF6600;
	text-decoration:none;
}


p.texte
{
	padding-right : 20px;
	display:block;
}
/*=========================================================*/

/* ================================== */
/* = 	  	 	  Texte admin		= */
/* ================================== */
#texte_admin
{
	width : 660px;
	min-height : 450px;
	max-width:720px;
	background-color : #FFFFFF;
	background:url(images/admin_vertical.jpg);
	background-repeat:no-repeat;
	background-position:left 6px;
	color:#2a9c0c;
	float : left;
	vertical-align:top;
	padding-top : 22px;
	padding-right:0px;
	padding-left : 70px;	
}

#texte_admin a {
	color:#2a9c0c;
	text-decoration:none;
}
#texte_admin a:hover {
	color: #3399FF;
	text-decoration:none;
}


.texte_admin
{
	padding-right : 20px;
	display:block;
}
/*=========================================================*/

/* ================================== */
/* = 	  Menu de droite			= */
/* ================================== */
#menu_droite
{	
	min-height : 300px;
	float : left;
	margin-top:10px;
	vertical-align:top;
	padding-top : 20px;
	padding-right:15px;
	padding-left : 15px;
	font-size:1em;
	font-weight:600;
	color: #FF1166;
	border-right: 6px dashed #c9f8bd;
	
}

ul.menu_droite
{
	list-style:none;
	padding-top:2px;
	padding-left:20px;
	display:block;
	margin:0;
	font-size:1em;
	font-weight:normal;
}

ul.menu_droite li 
{
	border-bottom:1px dotted #FF1166;
	line-height:25px;
}
ul.menu_droite li:hover
{
	border-bottom:1px dotted #FF1166;
	line-height:25px;
	background-color: #DDFED8;
}

a.menu_droite
{
	color:#FF1166;
}
a.menu_droite:hover
{
	color: #820037;
}
a.menu_droite:visited
{
	color:#FF1166;
}
/*=========================================================*/

.rouge
{
	color:#FF6600;
	font-weight:bold;
}

/* ================================== */
/* = 	  	Pied de page			= */
/* ================================== */
#footer
{
	position:relative;
	clear:both;
	width : 1000px;
	background : url(images/background_barre.jpg);
	background-repeat:repeat-x;
	margin-top:20px;
	margin-bottom : 10px;
	color:#FFFFFF;
	font-weight:bold;
}
#footertexte
{
	color: #FF1166;
	vertical-align:middle;
	font-size:0.8em;
	font-weight:bold;
}

ul.footer
{
	display:inline;
	list-style:none;
	list-style-type:none;
	padding:0;
}

li.footer
{
	display:inline;
}

a.footer
{
	text-decoration:none;
	color : #FFFFFF;
}
a.footer:hover
{
	text-decoration:none;
	color:#FF6600;
}
a.footer:visited
{
	text-decoration:none;
	color : #FFFFFF;
}
/*=========================================================*/


/* ====================================== */ 	
/* =        Ajout de classes			= */
/* ====================================== */


/****************** CSS ELEMENTS FORMULAIRE **********************/

input.formulaire 
{
	background-color : #a7f593;
	border:solid 1px #000000 ;
	
}

select.formulaire
{
	background-color : #a7f593;
	border:solid 1px #000000 ;
}

textarea.formulaire
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color : #a7f593;
	border:solid 1px #000000 ;
}

table.formulaire 
{
	color:#097390 ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:2px dotted #849dd8;
	width:95%;
}

table.formulaire h2 
{
	color:#FF6600 ;
}

table.formulaire h3 
{
	color:#097390 ;
}

hr.formulaire 
{
	width:50%;
	height:2px;
	border:1px solid #2a9c0c;
}


.error {
	color:#FF0000;
	font-weight:bold;
}

p.tip
{
	font-size:0.8em;
	padding:0;
	font-style:italic;
	margin:0;
}

tr.titles 
{
	font-weight:bold;
	text-align:center;
	background-color:#C7E2FE;
	font-size:11px;
}

table.mail 
{
	width:600px;
}

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

/********* CATALOGUE ************/

#catalogue table
{
	/*border: 6px dashed #c9f8cf;*/
	padding:0px;
	width:662px;
	height:650px;
}

img.catalogue
{
	display:block;
	border:0px;
	float:left;
}


/**************************************/
/****** CROSSFADE**********************/
/**************************************/

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#fade-example-3 {
	border: 3px solid #000;
}
#fade-example-1 li,#fade-example-2 li {
	position: absolute;
	top: 0;
	left: 0;
	width: 506px;
	height: 380px;
	background-color: #FFF;
	visibility: hidden;
	list-style:none;
}
#fade-example-3 li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
li img {
	display: block;
	border: 3px solid #FFF;
}
.caption {
	clear: both;
	padding: 1em;
	background-color: #FFF;
}
.example {
	text-align:center;
	position: relative;
	background-color:#FFF;
	padding:1em;
	margin-bottom: 1em;
	width: 500px;
	height: 500px;
}
.example-r {
	position: relative;
	background-color:#F2F2F2;
	border:5px solid #CCCCCC;
	padding:1em;
	width: 700px;
	margin-bottom: 1em;
}
code {
	font-family: monospace;
	font-size: 1.2em;
}
.control {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	color: #FFF;
}
#fade-example-1-next {
	right: 8%;
	top: 71%;
}
#fade-example-1-previous {
	left: 6%;
	top: 71%;
}
.ajax {
	margin: 3em;
	border: 1em solid #FF8C00;
	padding: 1em;
}