body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#EBEAE7;
}

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

img {
border:0px;
}

a {
color:#333;
}

h1, h2, h3, h4 {

	margin: 0px;
	padding: 0px;
}

.clear-b {
clear:right;
}


.float-left {
float:left;
margin-right:9px;
}

.float-left-bis {
float:left;
margin-right:9px;
margin-left:10px;
}

.float-right{
float:right;
margin-left:10px;
}

.float-right-align{
float:right;
margin-left:10px;
text-align:right;
}

#float-right-article{
width:230px;
float:right;
margin-left:3px;
border:1px solid #CCCCCC;
padding:5px;
font-size:0.9em;
background-color:#F9E9D2;
} 


#float-right-list{
width:230px;
float:right;
margin-left:3px;
border:1px solid #CCCCCC;
padding:5px;
font-size:0.9em;
background-color:#DBCDDC;
} 

#float-right-list .titre-sur{
padding:8px;
border-bottom:1px solid #CCCCCC;
text-align:left;
font-size:1em;
font-weight:bold;
} 

#float-right-list .logo-rub{
padding:5px;
float:left;
}

#list-mots{
width:auto;
margin-left:3px;
border:1px solid #CCCCCC;
padding:5px;
font-size:1.1em;
}  
#liste-formateurs{
width:285px;
}


#le-formateur{
width:auto;
}


#liste-formateurs .titre{
font-weight:bold;
font-size:1.em;
}
#liste-formateurs .region{
font-weight:bold;
font-size:1em;
}


.line
{
border-bottom:1px solid #999;
}

#conteneur {
position: relative;
width: 980px;
margin: 0 auto; 
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#FFFFFF;
}

#header {
height: 97px;
background-color:#FFFFFF;
}

#header-liner {
	position:absolute;
	left:213px;
	top:82px;
	width:387px;
	height:26px;
	z-index:1;
}

#header-liner h1{
	font-size:1.1em;
	color:#C24E88;
	font-family:"Trebuchet MS", Verdana;
	font-style:italic;
	font-weight:bold;
}

#menu-global {
	height: 40px;
	border-bottom:1px solid #CCCCCC;
}

#acces-lang {
text-align:right;  
width:970px;
margin-bottom:10px;
}

#acces-lang a{
font-size:0.78em; 
color:#999999;
}


#2col {
width:auto;
margin:  0;
padding: 0;
}

#visuel-article {
float:right;
margin-left:20px;
margin-right:20px;
}


#zone-contenu-oeuvres {
font-family:"Trebuchet MS", Verdana;
width:auto;
list-style-type: none;
margin:0;
color:#6A554D;
margin-left:300px;

}

#zone-contenu {
font-family:"Trebuchet MS", Verdana;
width:420px;
list-style-type: none;
margin:0;
color:#6A554D;
margin-left:290px;
}

#zone-contenu h1 {
font-size:1.5em;
text-decoration:none;

}

#zone-contenu h2{
font-family: Verdana, Arial, Helvetica, sans-serifVerdana;
font-size:1.2em;
text-decoration:none;

}

#zone-contenu h3{
font-size:1.1em;
margin:10px 0 0 0 ;
}

#zone-contenu p{
margin:0 0 5px 0;
}

#zone-contenu h4{
font-size:1em;
text-decoration:none;

}

#zone-contenu .accroche{
font-family:"Trebuchet MS", Verdana;
font-size:1.2em;
line-height:1.5em;
margin-bottom:18px;
margin-top:10px;
}

#zone-contenu .corps-texte{
font-size:1.1em;

text-align:justify;
line-height:1.2em;
margin-bottom:18px;
}

#zone-contenu .voir {
font-size:1.1em;
color:#000;
font-weight:bold;
}

#zone-contenu .voir a{
font-size:1.1em;
color:#000;
font-weight:normal;
text-decoration:none;
margin-bottom:8px;
}

#zone-contenu .signature {
text-align:left;
margin-bottom:12px;
color:#114D5E;
}


.barre-outil {
font-size:0.9em;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
margin-bottom:12px;
margin-top:20px;
}

.barre-outil a{
line-height:15px;
text-decoration:none;
padding:0px 6px;
vertical-align:middle;
color:#999999;
}

.barre-outil img {
vertical-align:middle;
}



#menu-gauche {
float:left;
width:205px;
margin-left:30px;
margin-right:52px;
color:#999999;
}

#menu-gauche h1 {
font-size:1.35em;
color:#777;
font-family:"Trebuchet MS", Verdana;
margin-bottom:18px;
}

#menu-gauche h2 {
font-size:1.2em;
color:#AAA;
}



#menu-gauche .accroche{
font-family:"Trebuchet MS", Verdana;
font-size:1.1em;
line-height:1.4em;
margin-bottom:18px;
margin-top:10px;
text-align:justify;
}

#menu-gauche .corps-texte{
font-size:1em;

text-align:justify;
line-height:1.3em;
margin-bottom:18px;
}




.menugauche {
margin: 0 0 20px 8px;
padding:0;
list-style:none;
}

.menugauche li {
margin-bottom: 1px;
margin-left:0px;
list-style:none;
 list-style-type:none;
 background-image:url(img-design/puce-gauche.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
padding-left:20px;
}

.menugauche li a {
margin: 2px 8px 2px 0px;
text-decoration:none;
color:#666;
}
.menugauche a {
color:#000;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: none;
}



.chemin {
padding: 8px 0px 15px 0;
width:500px;
}
.chemin a{
text-decoration:none;
}




#abonnement-news{
width:175px; 
float:left; 
margin-left:30px;
}

#abonnement-news a{
font-size:0.8em;
color:#999;
}

#pied-vini {
height: 126px;
font-family:"Trebuchet MS", Verdana;
text-align:left;
color:#999;
padding:0px;
font-size:0.85em;
margin-left:290px;
}


#pied-vini a {
clear:both;
height: 20px;
text-decoration:none;
}


.notes-article {
	margin-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #CCC;
	padding-bottom:8px;
	} 

.notes-article h2{

font-weight:normal;
letter-spacing:1px; } 


#oeuvres-listes-G{
height:500px;
background-color:#3366CC;
float:left;
width:305px;
} 

#oeuvres-listes-R{
background-color:#FF9900;
width:305px;
} 

#oeuvres-listes{
clear:right;
width:305px;
margin-right:30px;
color:#999;
margin-bottom:20px;
} 

#oeuvres-listes h3{
font-size:0.9em;
} 

#oeuvres-listes .description{
font-size:0.9em;
	} 
#oeuvres-listes img{
float:right;
padding-bottom:20px;
padding-left:15px;
	}