/* CSS Document */
/********************/
/*     GENERAL      */
/********************/

body {
color: #000000;
font-family: Georgia, Verdana, Arial, "Times New Roman", sans-serif;
font-size:0.9em;
background: #333333
}

p {
margin:1em; 
text-align:justify;
}

img { 
border : none; 
margin:0;}

/********************/
/*     CONTENEURS   */
/********************/
div#totale
{
width: 770px;
padding: 0;
margin: 0 auto;
background: #FFFFFF url("pix_doucefrance/common/background.png") repeat-y 50%;
}


div#conteneur_gauche
{
padding:0;
margin:0;
width:610px;
float:left;
}

div#content_gauche
{
margin-left:20px;
padding:10px;
}

div#sidebar
{
width:150px;
padding:0;
margin:0;
float:left;
}

div#content_sidebar
{
padding:5px;
font-size:0.8em;
font-family:Verdana, Arial, "Times New Roman", sans-serif;
}


div#footer
{
padding:0;
margin-left:20px;
clear:both;
width:590px;
background:#999999;
font-size:0.8em;
}

div#footer_content /*hack pour IE qui ne sait pas gérer les paddings.*/
{
padding:5px;
}

div#logo
{
padding:0;
margin:0;
}

/*LINKS*/
a:link { 
color: #BA202B;
text-decoration: none;
}
a:visited {
color: #BA202B;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

/********************/
/*     MENU         */
/********************/


#menu {
padding:0;
/*margin:0;*//*pour centrer le bloc dans #main*/
margin:0 0 0 20px;
text-align:center;
background: #FFFFFF url("pix_doucefrance/common/nav_background.png") no-repeat;
height:30px;
width:590px;
}

#menu img
{
float:left;
border:none;
padding:0;
margin:0;

}

#menu a
{
display: block; /* pour transformer la balise en balise de type bloc*/
width: 102px;
background-repeat: no-repeat;
float:left;
text-align: center;
 }


#menu ul {
list-style:none;
padding:0;
margin:0;
}

#menu a span { display: none; }
/*navigation, menu des rubriques*/

#menu ul li.outer  {
	float: left;
	width: 102px; height: 30px;
	margin: 0;
	}

#menu ul li.outer2  {
	float: left;
	width: 160px; height: 30px;
	margin: 0;
	}
	
#menu ul li.outer a
{
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
	}

#menu ul li.outer a:hover {
	background-image: none;
	}

li.accueil {
	background: url("pix_doucefrance/common/nav_accueil.png") 0 -30px  no-repeat;
}

li.accueil a
{
background: url("pix_doucefrance/common/nav_accueil.png") no-repeat;
}

li.inscription {
	background: url("pix_doucefrance/common/nav_inscription.png") 0 -30px  no-repeat;
}

li.inscription a
{
background: url("pix_doucefrance/common/nav_inscription.png") no-repeat;
}

li.acces {
	background: url("pix_doucefrance/common/nav_acces.png") 0 -30px  no-repeat;
}

li.acces a
{
background: url("pix_doucefrance/common/nav_acces.png") no-repeat;
}

/*en anglais*/
li.accueiluk {
	background: url("pix_doucefrance/common/nav_home.png") 0 -30px  no-repeat;
}

li.accueiluk a
{
background: url("pix_doucefrance/common/nav_home.png") no-repeat;
}

li.inscriptionuk {
	background: url("pix_doucefrance/common/nav_registration.png") 0 -30px  no-repeat;
}

li.inscriptionuk a
{
background: url("pix_doucefrance/common/nav_registration.png") no-repeat;
}

li.accesuk {
	background: url("pix_doucefrance/common/nav_access.png") 0 -30px  no-repeat;
}

li.accesuk a
{
background: url("pix_doucefrance/common/nav_access.png") no-repeat;
}

li.flaguk {
	background: url("pix_doucefrance/common/nav_uk.png") 0 -30px  no-repeat;
}

li.flaguk a
{
background: url("pix_doucefrance/common/nav_uk.png") no-repeat;
}

li.flagfr {
	background: url("pix_doucefrance/common/nav_fr.png") 0 -30px  no-repeat;
}

li.flagfr a
{
background: url("pix_doucefrance/common/nav_fr.png") no-repeat;
}
/********************/
/*STYLES NAV DROITE */
/********************/
#sidebar /*taille des polices et des différentes choses*/
{
font-size:0.9em;
text-align: left;
color:#FFFFFF; 
}

#sidebar ul
{
list-style-position:inside;
margin:0.6em;
padding:0;
}

#sidebar h2
{
font-size:1.1em;
margin:5px;
color:#FFFFFF;
padding-top:5px;
padding-bottom:0;
}


#sidebar span
{
display:none
}

/*LINKS*/
div#sidebar a:link { 
color: #FFFFFF;
text-decoration: none;
font-weight:normal;
}
div#sidebar a:visited {
color: #CCCCCC;
text-decoration: none;
}

div#sidebar a:hover {
text-decoration: underline;
}


/********************/
/* MISE EN PAGE     */
/********************/

.right
{
float:right;
}

.left
{
float:left;
}

.center
{
text-align:center;
}

/********************/
/*     IMAGES       */
/********************/

.left img
{
display:block;
padding:0px 12px 0px 0px;
/*display:block;
padding:0;
margin:0 10px 0 0;*/
}


.right img {
display:block;
padding: 0px 0px 0px 8px;
}

.center img
{display:block;
margin:auto;
}

.middle
{
display:block;
margin:0;
text-align:center;
}

/********************/
/*     STYLES       */
/********************/

/*HEADERS*/

h1 { font-size : 1.6em; margin : 0.4em 0; color :#BA202B ; }
h2 { font-size : 1.25em; margin : 0.4em 0; color :#BA202B; }
h3 { font-size : 1.17em; margin : 0.4em 0; }
h4 { font-size : 1em; margin : 0.4em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }

p.rouge
{
color :#BA202B;
}
p.citation
{
font-style:italic;
font-weight:bold;
margin:2em 1em;
}

p.signature
{font-style:italic;
font-weight:bold;
margin:-1em 3em 1em 1em;
text-align:right;
}

/*LISTS*/


/*div#content_gauche ul {
margin:0;
padding-left:1em;
list-style:none;
list-style-position:inside;
}*/

div#content_main ul {
margin:0;
padding:0;
list-style-position:inside;
}


div#content_main ul li {
list-style-image : url("pix_doucefrance/common/puce_ronde_rouge.png");
margin:3px;
padding:5px 0;
}

div#footer p
{
margin:0;
}

/********************/
/*     FICHES       */
/********************/

div#fiche_content ul {
margin:0;
padding-left:1em;
list-style:none;
}

div#fiche_content h1
{
margin:0;
padding-bottom:10px;
}

div#fiche_content ul li {
display:block;
background : transparent url("pix_doucefrance/common/puce_ronde_fdgris_rouge.png") no-repeat 0 6px;
padding-left:14px;
margin:5px 0;
}

div#fiche_content span 
{
display:none;
}


div#fiche_content img
{
padding-left:10px;
padding-right:10px;
}
div#infovins
{
display:block;
width: 300px;
padding:5px;
margin-left:5px;
margin-bottom:1em;
background: #cccccc;
float:left;
}


div#blocinfo
{
display:block;
width: 250px;
padding:10px;
margin-right:5px;
margin-bottom:1em;
background: #cccccc;
float:right;
}

div#blocinfolong
{
display:block;
width: 300px;
padding:10px;
margin-right:5px;
margin-bottom:1em;
background: #cccccc;
float:right;
}

div#blocimage
{
display:block;
margin-top:1em;
padding:0;
margin-bottom:1em;
float:left;
}


/*On remet toutes les marges à 0 à l'intérieur des cadres*/
div#blocinfo h1, div#blocinfo h2, div#blocinfo h3, div#infovins h1
{
margin:0;
}

div#infovins h1
{
padding:0;
}

div#blocinfo h1, div#blocinfo  h2, div#blocinfo h3
{
font-size:1em;
}

div#blocinfo h4
{
font-size:0.9em;
}

div#presentation
{
clear:both;
margin-top:2em;
margin-bottom:2em;
}
div#presentation p
{text-indent:0.5cm}

div#presentation ul li
{
background : transparent url("pix_doucefrance/common/puce_ronde_grise.png") no-repeat 0 6px;
}

div#fiche_content ul li.fax
{
background : transparent url("pix_doucefrance/common/ico_fax.png") no-repeat 0 1px;
padding-left:18px;
}

div#fiche_content ul li.tel
{
background : transparent url("pix_doucefrance/common/ico_tel.png") no-repeat 0 1px;
padding-left:18px;
}

div#fiche_content ul li.mobile
{
background : transparent url("pix_doucefrance/common/ico_mobile.png") no-repeat 0 1px;
padding-left:18px;
}

div#fiche_content ul li.email
{
background : transparent url("pix_doucefrance/common/ico_email.png") no-repeat 0 -2px;
padding-left:18px;
}

div#fiche_content ul li.long
{
background:none;
margin-left:-30px;
font-size:0.85em;
}

div#fiche_content ul li.blancs
{
background : transparent url("pix_doucefrance/common/puce_cepage_blanc.png") no-repeat 0 4px;
padding-left:22px;
}

div#fiche_content ul li.rouges
{
background : transparent url("pix_doucefrance/common/puce_cepage_rouge.png") no-repeat 0 4px;
padding-left:22px;
}

div#fiche_content ul li.personne
{
background : transparent url("pix_doucefrance/common/puce_triangle_grise.png") no-repeat 0 6px;
}

/********************/
/*  FORMULAIRE      */
/********************/

form p
{
font-weight:bold;
}

form.formulaire fieldset
  {
  padding: 1em;
  }

div#person0 label
 {
display: inline;
float: left;
width: 80px;
 } 

div#person1, div#person2, div#person3, div#person4, div#person5
{
border: 1px solid #999999;
padding:5px 5px;
background:#cccccc;
}

div#person1 label, div#person1 input, div#person1 select, div#person2 label, div#person2 input, div#person2 select, div#person3 label, div#person3 input, div#person3 select, div#person4 label, div#person4 input, div#person4 select, div#person5 label, div#person5 input, div#person5 select
{
display: inline;
float: left;

}

div#person1 label, div#person2 label, div#person3 label, div#person4 label, div#person5 label
{
width:75px;
}

div#person1 input, div#person2 input, div#person3 input, div#person4 input, div#person5 input
{
width: 180px;
}
 


 input, select, textarea {
	background-color: white;
	border: none;
	border: 1px solid #999999;

}
 input[type="submit"], input[type="reset"] {
	background-color: white;
	border: 1px solid #999999;
	-moz-border-radius: 5px;
}

input.bouton {
border:1px outset #CCCCCC;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:#CCCCCC;
color:#333333;
}

input.bouton:active {
border:1px inset #CCCCCC;
background-color:#999999;
color:white;
} 

.warning
{
display:block;
height:40px;
text-align:center;
background: red;
font-weight:bold;
font-size:1.2em;
}

.registrationok
{
font-weight:bold;
font-size:1.8em;
background:#00903B;
color:#fff;
text-align:center;
}
/********************/
/*       TRICKS     */
/********************/
.clear
 {
 clear:both;
 }

div#separateur
{
padding:10px;
}

br {
clear: left;
}