/************** couleur
border : 1px solid #009900; vert
	color: #FF66CC; rose
	color: #FFFF00; jaune
*************** polices
	font-family: "Choc MN", "Staccato222 BT", "Arial Black";
*/

/***********************************************************************************************/
/************************ polices ******************************
#menu_1 , #menu_2, #menu_3, #enseigne, h1, .titre, #page p[class=accueil] a {
font-family: "Choc MN", "Staccato222 BT", "Arial Black";
}*/
#enseigne .partenaire {
font-family: verdana;
}
/************************ mettre en majuscule *******************************/
#menu_1 p, #menu_2 ul, #menu_3 ul, #page h1, #page h2, #page p .accueil a, #menu_panier p.fond_vert a, #menu_panier p.fond_rose a {
text-transform: uppercase;
}
/************************ couleurs ******************************* #menu_2 ul li a:hover,, #menu_3 ul li a:hover/
/*         jaune         */
#enseigne .tourly, #enseigne .pub_2 h2, .titre, #calendrier h3 {
color: #FFFF00; 
}
/*         rose         */
h1, #enseigne .partenaire a, #page h2, #menu_2 ul li, #menu_3 ul li, #menu_2 ul li a, #menu_3 ul li a, h1.accueil a,  p.accueil a, .div_3 h2 {
color: #FF66CC;
}
/*         vert         */
h1.accueil, #menu_1, #menu_2 ul ol, #menu_3 ul ol, .detail_type .divD_1, .accueil a, #menu_panier .divG {
color: #009900;
}
/*         vert    clair    
#menu_2 ul li a:hover, #menu_3 ul li a:hover, #enseigne .partenaire a:hover {
color: #8ED2A3;
} */ 

/*         blanc         */
#enseigne .pub_1, #enseigne .pub_1 h1, #menu_panier p.fond_vert, #menu_panier p.fond_rose, #menu_panier p.fond_vert a, #menu_panier p.fond_rose a{
color: #fff;
}
/*         noir         
#enseigne .partenaire a {
color: #000;
}*/
/************************ couleur de fond ***********************/
#contener, #contener_index, #tete, #pied, #page {
	background-color: #FFFFFF;
}

/************************ dordure *******************************/
/*#contener, #contener_index, #tete, #pied, #adresse_haut, #drapeau, #menu_1, #menu_2, #menu_3, #deco_fleur, #enseigne, #enseigne .pub1, #enseigne .pub2, #enseigne .partenaire, #enseigne .tourly, #menu_panier, #menu_panier .tete_panier, #menu_panier .btn_panier {*/
#page, #menu_panier .divG, #menu_panier .divD, #contenu_index {
border : 1px solid #009900;
}
/************************* texte size *************/
h1 {
font-size: 14px;
}

h2, #enseigne h1 {
font-size: 12px;
}
.div_3 h2 {
font-size: 14px;
}
h3 {
font-size: 12px;
}

h4 {
font-size: 11px;
}
/******************* liens *************************/
a {text-decoration: none;
}
a:hover {
text-decoration: underline;
}

/*********************************************************************************************************/
html, body, ul, li, ol, h1, h2, h3, h4, fieldset, legend, p {
	margin: 0px;
	padding: 0px;
}
    

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#contener, #contener_index {
	position: relative;
	/******* modif redimentionnement width: 90%;*/
	width: 1024px;
	
	margin-left: auto;
	margin-right: auto;
}
#contener  #tete {
	height: 330px;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../img/deco/bandeau_degrade_4.jpg);
	background-repeat: no-repeat;
	margin-top: -3px;
}
#contener  #pied {
	height: 80px;
	margin-top: 5px;
}
ul li {
list-style-type: none;

}
/*----------------------- page index ----------------*/
#contener_index .img_montage {

}
/*----------- en tete -------------------------------*/
#contener  #adresse_haut {
height: 15px;
text-align: center;
font-size: 11px;
width: 100%;
font-weight: bold;
}
#contener #drapeau {
position: absolute;
left: 0px;
	top: 20px;
	text-align: center;
	height: 15px;
	width: 100%;

}
#contener #drapeau img {
	 border: 1px solid #009933;
	 margin-left: 5px;
	 padding: 2px;
}
/*************** menu ********************/
#contener #tete #tete_menu {
height: 200px;
}
#contener #tete #tete_menu #menu_1 {
float: left;
width: 30px;
height: 200px;
	filter:alpha(opacity=40);  
	-moz-opacity:0.40;
	opacity: 0.40;

}
#contener #tete #tete_menu #menu_1 p{
	font-size: 30px;
	line-height: 45px;
	padding-top: 25px;
}
#contener #tete #tete_menu #contener_menu {
float: left;
width: 380px;
}
#contener #tete #tete_menu #contener_menu #menu_2 {
float: left;
width: 170px;
height: 200px;
}
#contener #tete #tete_menu #contener_menu #menu_3 {
	float: left;
	width: 210px;
	height: 200px;
}
#contener #tete #tete_menu #contener_menu #menu_2 ul{
padding-top: 25px;
padding-left: 3px;
}
#contener #tete #tete_menu #contener_menu #menu_3 ul{
padding-top: 45px;
padding-left: 3px;
}

#contener #tete #tete_menu #contener_menu #menu_2 ul ol{
font-size: 14px;
margin-left: 15px;
margin-top: 8px;
}
#contener #tete #tete_menu #contener_menu #menu_3 {font-size: 11px;

}
#contener #tete #tete_menu #contener_menu #menu_3 ul ol {
font-size: 12px;
margin-left: 15px;
margin-top: 8px;

}
#contener #tete #tete_menu #contener_menu #menu_3 ul li {
_margin-top: 2px;
}
#contener #tete #tete_menu #contener_menu #menu_2 ul li {
margin-top: 0px;
}
/************************************** menu bas *********************/
#contener  #pied .menu_bas, #contener_index #pied .menu_bas {
	height: 25px;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
}

/*************** deco tete *******************/
#contener #tete #tete_menu #deco_fleur {
float: left;
width: 280px;
height: 200px;
}
#contener #tete #tete_menu #deco_fleur #img_1 {
position: absolute;
margin-left: -55px;
padding-top: 35px;

}
#contener #tete #tete_menu #deco_fleur #img_2 {
position: absolute;
margin-left: 105px;
padding-top: 35px;

}

/********** enseigne ******/
#contener #tete #tete_menu #enseigne {
	float: left;
	width: 280px;
	height: 200px;
}
#contener #tete #tete_menu #enseigne .pub_1 {
float: left;
text-align: center;
padding-top: 36px;
}
#contener #tete #tete_menu #enseigne .partenaire {
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-left: 95px;
}
#contener #tete #tete_menu #enseigne .tourly {
float: left;
margin-left: -17px;
padding-top: 49px;
text-align: center;
height: 100px;
}
#contener #tete #tete_menu #enseigne .tourly p{
font-size: 24px;
text-align: center;
}


/***************** menu panier ************/
#contener #tete #menu_panier {
width: 100%;
height: 130px;
}
#contener #tete #menu_panier .divG, #menu_panier .divD {
	float: left;
	height: 110px;
	padding-top: 10px;
	text-align: center;
}
#contener #tete #menu_panier .divG {
width: 400px;
font-size: 11px;
margin: 5px 50px 5px 100px;
_margin-left: 50px;
}
#contener #tete #menu_panier .divG .fond_rose a {
display: block;
}
#contener #tete #menu_panier .divG .fond_rose a img {
border: none;
}
#contener #tete #menu_panier .divD {
width: 28%;
font-size: 12px;
margin: 5px 30px;

}
#contener #tete #menu_panier .divD .text_btn_com {
margin-top: -50px;
margin-left: 80px;
font-size: 18px;
font-weight: bold;
}
#contener #tete #menu_panier .divD .text_btn_com a {
color: red;
}

#contener #tete #menu_panier p.fond_vert, #menu_panier p.fond_rose {
padding: 3px 0px;
}
#contener #tete #menu_panier p.fond_vert a, #menu_panier p.fond_rose a {
text-decoration: underline;
}
#contener #tete #menu_panier .divG p.fond_vert, #menu_panier .divG p.fond_rose {
font-size: 12px;
}

#contener #tete #menu_panier p.text_red {
margin: 10px 0px;
}
/******************** page ********************/
#contener #page {
	background-image: url(../img/deco/deco_bas_page.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 94%;
	padding: 20px 30px;
}
#contener #page ul {
margin-top: 15px;
}
#contener #page ul ol {
margin-left: 10px;
font-weight: bold;
}
#contener #page ul li {
	font-weight: normal;
	padding: 5px;
	padding-left: 20px;
}
#contener #page ul li.petite_marge {
	padding: 2px;
}
#contener #page input {
	margin-right: 10px;
}
#contener #page h1 {
	text-align: center;
	padding: 10px 20px;
	text-decoration: underline overline;
}

#contener #page .marge_fond {
	margin: 10px;
	padding: 20px;
	background-image: url(../img/deco/transparent_blanc.png);
	border: 1px dashed #009900;

}
#contener #page .marge {
	margin: 10px;
	padding: 20px;

}
#contener #page .fond {
	background-image: url(../img/deco/transparent_blanc.png);
	border: 1px dashed #009900;
}
#contener #page .accueil {
	/*background-image: url(../img/deco/transparent_vert.png);*/
	margin: 10px 100px 40px;
	padding: 20px 10px ;
	border: 1px dashed #009900;
}
#contener #page .accueil_fond {
position :absolute;
	background-image: url(../img/deco/transparent_vert.png);

left: 100px;
top: 400px;
}
#contener #page p.accueil {
	background-image: url(../img/deco/transparent_jaune.png);

	margin:5px 5px 5px 150px;
	padding: 10px;
border: none;
}
#contener #page .marge_fond p.accueil {
	background-image: url(../img/deco/transparent_jaune.png);

	margin:5px 5px 5px 220px;
	padding: 10px;
border: none;
}

#contener #page p.accueil a {
font-size: 20px;
	/*background-image: url(../img/deco/transparent_jaune.png);*/
	display: block;
	margin: 5px 100px;

}
#contener #page .progress_com {
background-image: url(../img/deco/transparent_vert.png);
margin: 0px 5px;
}
#contener #page .progress_com p {
font-size: 11px;
padding: 10px 8px;
}

#contener #page h1.accueil {
	background-image: url(../img/deco/transparent_vert.png);
border: none;
font-size: 30px;
}

#contener #page .divG, #page .divD {
width: 49%;
float: left;

}
#contener #page .div100 {
float: left;
width: 98%;
}
#hauteur_page, #hauteur_page_index {
	float: left;
	width: 2px;
	height: 520px;
}
#hauteur_page_index {
	height: 620px;
}
/******************************************* panier **************************************/
#calcul {
	position: absolute;
	top: 200px;
	left: 250px;
	width: 400px;
	padding: 20px;
	vertical-align: middle;
	background-color: #009933;
}
#page #calcul li {
	text-transform: uppercase;
	color: #FFFF99;
	padding: 5px;
	margin-left: 50px;
	list-style-type: none;
	
}
.ligne {
	height: 65px;
	margin-bottom: 5px;
}
.ligne{
	background-image: url(../img/deco/transparent_blanc.png);
	border: 1px dashed #009900;
}
.ligne:hover {
	background-image: url(../img/deco/transparent_jaune.png);
}
.photo, .nom, .quantite, .modif, .del {
	float: left;
	bottom: 0px;
}
.quantite, .modif, .nom {
	text-align: center;
}
.quantite, .modif, .del {
	padding-top: 22px;
}
.photo {
	width: 90px;
	padding-top: 0px;
}
.photo img {
	margin: 2px;
}
.nom {
	width: 250px;
	text-transform: uppercase;
	margin-top: 15px;
}
.quantite {
	width: 250px;
}
.modif {
	width: 150px;
}
.del {
	width: 200px;
	text-align: right;
}
/******************************************** page partenaire ***************************/
#page .partenaire {
	border: 1px dashed #009900;
	padding: 5px;
	margin: 10px 30px;
	background-color: #66CC99;
}
#page .partenaire p {
text-align: center;
}
#page .partenaire .logo_part {
	padding: 3px;
	border: 1px solid #009933;
}
#page .partenaire .photo_part {
	padding: 3px;
	border: 1px solid #009933;

}
#page .partenaire .marge_fond_vert {
margin: 0px;
padding: 0px;
text-align: center;
	background-color: #009933;

}
#page .partenaire a {
font-size: 16px;
color: #fff;
}
#page .partenaire  a img {
border: 0px;
}


/************************************************* calendrier *************************************/
#page #calendrier {
border : 2px solid #009900;
margin: 20px 8px;
background-image: url(../img/deco/transparent_blanc.png);
height: 270px;
padding: 8px;
}
#page #calendrier .contener_calendrier {
margin: 10px 130px;
height: 220px;
width: 80%;
}
#page #calendrier .contener_calendrier .contener_mois, .contener_mois_passe {
	float: left;
	width: 184px;
	background-image: url(../img/deco/transparent_vert.png);
	border: 1px solid #009933;
	margin: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #009933;
	
}
.contener_mois_passe {
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity: 0.20;

}
.ligne_semaine {
	height: 22px;
	margin: 1px;
	font-size: 12px;
}
.jour, .jourS, .aujourdhui, .hier {
	float: left;
	width: 22px;
	height: 18px;
	border: 1px solid #9933CC;
	margin: 1px;
	text-align: center;
}
.jourS {
		color: black;
}
.hier {
color: gray;
}
.aujourdhui {
color: #FFFF00;
background-color: #009933;
}
.ligne_hover, .ligne_hover_select {
	position: absolute;
	width: 182px;
	height: 22px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background-color: #009933;
	filter:alpha(opacity=20);
	font-style: italic;
	letter-spacing: 0.1em;
	-moz-opacity:0.20;
	opacity: 0.20;
}
.ligne_hover:hover, .ligne_hover_select {
	filter:alpha(opacity=80);  
	-moz-opacity:0.80;
	opacity: 0.80;
}
.ligne_hover a, .ligne_hover_select a {
	display: block;
	color: #FFFF99;
}
#page #calendrier h3 {
margin-top: 8px;
padding: 1px 1px 1px 20px; 
background-color: #009933;

}
#page #calendrier .aide {
clear: both;
}

/*************************** class img affichage des plantes*************************************/
.imgs, .imgs_selec, .imgs_com {
	float: left;
	text-align: center;
	width: 108px;
	height: 140px;
	margin: 5px;
	padding-top: 4px;
	font-size: 10px;
	font-family: "Verdana";
	font-weight: bold;
	text-transform: uppercase;
}
.imgs {
	border: 1px solid #009933;
	background-color: #B0FFE6;
	color: #009933;
}
.imgs_selec {
	border: 1px solid #FFFF99;
	color: #FFFF99;
	background-color: #009933;
}
.imgs_com {
	border: 1px solid #FF3399;
	color: #FF3399;
	background-color: #FFFFCC;

}
.imgs img, .imgs_selec img, .imgs_com img {
	margin-bottom: 5px;

}
.imgs a img, .imgs_selec a img, .imgs_com a img {
	border: 0px;
}
.imgs a:hover img, .imgs_selec a:hover img, .imgs_com a:hover img {
	margin-bottom: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #000;
	filter:alpha(opacity=80);  
	-moz-opacity:0.80;
	opacity: 0.80;
}
.imgs a {color : #009900;}

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

/******************************* detail plante ******************************************/
#detail_plante {
	padding: 10px;
	height: 400px;
}
#detail_img {
	float: left;
	margin-top: 10px;
	width: 400px;
	height: 380px;
}
.detail_type {
	float: left;
	margin-top: 10px;
	width: 520px;
	height: 180px;
}
#page .detail_type .divG_1 {
float: left;
width: 150px;
padding-left: 10px;
}
#page .detail_type .divC_1 {
	text-align: center;
}
#page .detail_type .divD_1 {
float: right;
width: 300px;
}
.detail_form {
	float: left;
	width: 520px;
	height: 50px;

}
#page .divG, #page .divC, #page .divD {
padding-top: 8px;
	
}
/*********************************************** imitation fieldset et fieldset ****************************************/

p.legende {
	margin-top:-1.4em;
}
p.legende, legend {
	margin-left:5px;
}
p.legende2 {
	margin-top:-1.4em;
}
p.legende2{
	margin-left:5px;
}
p.legende2 span {
	padding:0 8px;
}
p.legende span, #page legend, #piedImp legend {
	padding:0 8px;
}
.imitfieldset, fieldset {
	margin: 8px 8px 10px;
	padding: 6px;
	
}
fieldset {
background-image: url(../img/deco/transparent_blanc.png);
}
.imitfieldset {
background-image: url(../img/deco/transparent_jaune.png);
}

#page #calendrier .imitfieldset {
background-image: none;
margin: 8px;
}

#piedImp fieldset {
	margin: 0px;
	padding: 0px;
}
#page .imitfieldset {
	border: 1px solid #000;
}
#detail_panier .imitfieldset, #detail_plante .imitfieldset  {
	border: 1px solid #009933;
}
#page #calendrier .imitfieldset, #page fieldset, #piedImp fieldset, .imitfieldset2 {
	border: 2px solid #009933;
}
#page #detail_plante .detail_type .imitfieldset p.legende span {
	background-color: #fff;
	color: #009933;
}
#page #calendrier p.legende span, #page legend {
	color: #009933;
	text-transform: uppercase;
	font-weight: bold;
}
#detail_panier p.legende span, #page #calendrier .contener_mois p.legende span {
	color: #009933;
	background-color: #FFFF99;
}
#page #calendrier .contener_mois p.legende span {
	color: #FFFF00;
	background-color: #009933;
}

/******************* page index ********/
#contenu_index {
position: absolute;
	background-image: url(../img/deco/transparent_jaune.png);

margin-left: 30%;
padding-right: 30px;
height: 600px;
z-index: 100;
top: 20px;
}
.div_1 {
padding-top: 50px;
padding-left: 30px;
text-align: center;
}
.div_1 h1 {
color: #FF66CC;
font-size: 24px;
}
.div_1 h1 a {
color: #FF66CC;
text-decoration: underline;
}

.div_2 {
padding-left: 50px;
text-align: center;
margin-top: 15px;
}
.div_2 p {
color: #009900;
font-size: 20px;

}
.div_3 h2, .div_2 h2 {
font-size: 18px;

}

.div_3 {
padding-top: 30px;
text-align: center;
color: #FF66CC;
font-size: 18px;

}
.div_4 {
padding-top: 50px;
padding-left: 130px;
font-size: 18px;
color: #009900;

}
.div_4 ul li {
padding-left: 30px;
}
.div_4 ul li a {
color: #009900;
text-decoration: underline;
}
.div_drapeau {
padding-top: 80px;
text-align:center;
}
#index_deco {
position: absolute;
z-index: 50;
top: 90px;
}
/***************** divers ***********/
/*//////////////////////////////////////////////////////////////////////////////////////////////////
/******************************************* texte ***************/
.titre, .sous_titre {
text-align: center;
font-size: 35px;
font-weight: bold;
margin-top: 10px;
}
.sous_titre {
font-size: 15px;
}
.textVert {
color: #009933;
}
.text_red {
color: #ff0000;
}
.text_blanc {
color: #fff;
}
.textVert_gras {
color: #009933;
font-weight: bold;
}
.erreur {
	color: red;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

.fond_vert {
background-color: #009933;
}
.fond_rose {
background-color: #FF66CC;
}
.fond_rouge {
background-color: #ff0000;
}
.fond_jaune {
	background-image: url(../img/deco/transparent_jaune.png);

}

.majuscule {
	text-transform: uppercase;
	color: #009933;
	text-align: center;
}

/*******************************************************************/
.coche {
	margin-top:118px;
	margin-left:-5px;
	position:absolute;
	z-index: 25;
}
.epuise {
	position:absolute;
	margin-left: 10px;
filter:alpha(opacity=60);  
	-moz-opacity:0.60;
	opacity: 0.60;
	z-index: 25;

}

.ferme {
	bottom: 10px;
}
#logoAubiweb {
	position: absolute;
	left: 10px;
	bottom: 60px;
	font-size: 10px;
	
}
#logoAubiweb a {
color: #999999;
}

#stat {
	position: absolute;
	right: 10px;
	bottom: 60px;
}
.div_mess {
	color: red;
	border: 1px solid red;
	background-color: #FFFF99;
	padding: 8px;
}
.deco_gauche{
	position: absolute;
	width: 300px;
	height: 330px;
	top: 520px;
	left: 20px;

} 
.deco_droite{
	position: absolute;
	top: 350px;
	right: 120px;
	width: 100px;

} 
.deco_droite img, .deco_gauche img {
padding-top: 10px;
}

.ombre_gauche{
	position: absolute;
	bottom:-3px;
	top:-3px;
	left:-50px;
	width: 43px;
	z-index: -100;
	background-image: url(../img/deco/ombre_gauche_noir.jpg);
		filter:alpha(opacity=60);  
	-moz-opacity:0.60;
	opacity: 0.60;
} 
.ombre_droite{
	position: absolute;
	bottom:-3px;
	top:-3px;
	right:-50px;
	width: 42px;
	z-index: -100;
	background-image: url(../img/deco/ombre_droite_noir.jpg);
		filter:alpha(opacity=60);  
	-moz-opacity:0.60;
	opacity: 0.60;

} 

.spacer {
	clear: both;
	
}