/*<![CDATA[*/
/* CSS adapté d'un tutoriel css.alsacreations.com */


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#F1F0EB;
}
p {
margin: 0 0 0px 0;
}
img{
border:0 solid #000000;
}

h1, h2, h3, h4, h5 {
margin:0;
padding:0;
}

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

#conteneur-general {
	width:980px;
	margin:0 auto;
	background-image: url(../img-design/conteneur-fond.jpg);
	background-repeat: repeat-y;
	background-position: 0px 155px; /*//l'image demarre sous le header //*/
}



/*//////////////////// HEADER ////////////////////////*/
#header {
height: 152px;
background-image:url(../img-design/header.jpg);
background-position:top;
background-repeat:no-repeat;
color:#FFFFFF;
}

#header-contact a{
color:#FFFFFF;
text-decoration:none;
}
#header-contact a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#header-contact {
text-align:right;
color:#FFFFFF;
}

#header h1{
margin:-10px 0 0 147px;
font-size:3em;
font-family:"Trebuchet MS", Verdana;
padding:0px;
}

#header h2{
margin:0 0 0 147px;
font-size:1.3em;
color:#660000;
font-family:"Trebuchet MS", Verdana;
padding:0px;
}

#header h3{
margin:0 0 0 147px;
font-size:0.9em;
font-family:"Trebuchet MS", Verdana;
padding:0px;
font-weight:normal;
}

#select-langue {
margin-right:8px; 
margin-top:35px;
float:right; 
width:72px; 
height:50px;
border:1px solid #A37774; 
padding:5px; 
font-size:0.8em;
}

/*//////////////////// GAUCHE////////////////////////*/
#gauche {
float:left;
width: 233px;
}
#gauche-liner{
padding-left:15px;
padding-right:8px;
padding-top:20px;
margin-bottom:25px;
color:#6F3F3F;
font-size:0.9em;
}
.menugauche {
margin: 0 0 20px 0;
padding:0;
list-style:none;
}
.menugauche li {
margin-bottom: 5px;
margin-left:1px;
margin-right:2px;
list-style:none;
 list-style-type:none;
padding-left:11px;
border:1px solid #CCCCCC;
}

.menugauche li a {
font-family:"Trebuchet MS", Verdana;
margin-bottom:3px;
padding-left:4px;;
text-decoration:none;
}
.menugauche a {
color:#000;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: none;
}


#gauche-visuel{
margin-top:40px;
margin-left:15px;
color:#6F3F3F;
font-size:0.9em;
}

#gauche-diaporama {
margin-top:40px;

color:#6F3F3F;
font-size:0.9em;
border:1px solid #C9AFAD;
	width:200px;
	height:220px;
	padding:12px;
	margin:0 auto;
}



/*////////////////////  DROITE ////////////////////////*/

#droite {
float:right;
width: 211px;
}

.bloc-droite{
margin-top:9px;
width:200px;
padding-top:5px;
margin-left:6px;
background:url(../img-design/bloc-ht.gif) top left no-repeat;
}
.bloc-droite-bas{
font-size:0.9em;
padding:0 8px 15px 7px;
background:url(../img-design/bloc-bas.gif) bottom left no-repeat;
}
.bloc-droite-bas h2{
font-size:1em;
color:#6F3F3F;
text-align:left;
margin:0px;
position:relative;

padding:0px;
margin:0px;
border-bottom:1px dotted #6F3F3F;
}
.bloc-droite-bas a{
font-weight:bold;
color:#6F3F3F;
text-decoration:none;
font-size:0.9em;
}
.bloc-droite-bas a:hover{
text-decoration:underline;
}
.bloc-droite-bas .reponse{
color:#6F3F3F;
padding: 8px 0;
    display:block;
}


/* SI ADJONCTION DE MENU A DROITE 
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}*/


/*////////////////////  MENU BAS ////////////////////////*/

#menu-bas {
clear:both;
background-image:url(../img-design/liens-bas.jpg);
background-position:0 0;
background-repeat:no-repeat;
min-height:325px;
line-height:18px;
}

#menu-bas td{
padding:5px;
}

#menu-bas a{
background-image:url(../img-design/puce-gauche.gif);
background-position:2px 5px;
background-repeat:no-repeat;
text-decoration:none;
color:#000;
padding-left:12px;
font-size:0.90em;
font-weight:bold;
}

#menu-bas h3{

}
.table-menu-bas {
color:#6F3F3F;
padding:22px 0px 10px 0px;
}

.table-menu-bas-filet{
border: 1px solid #6F3F3F;
background-color:#FFFFFF;
font-size:0.85em;
}


/*////////////////////  PIED DE LA PAGE ////////////////////////*/

#pied2 {
color:#6F3F3F;
clear:both;
height: 60px;
background-image:url(../img-design/pied-logo.gif);
background-position: 0 0 ;
background-repeat:no-repeat;
border-top: 1px solid #CFDCDE;
padding-right:20px;
padding-left:120px;
font-size:0.82em;
text-align:center;
}

#pied2 a{
color:#6F3F3F;
font-size:0.82em;
text-decoration:none;
}


/*//////////////////// CENTRE ////////////////////////*/
#chemin {
font-size:0.8em;
font-weight:bold;
margin:0px 3px 40px 0px;
font-family:"Trebuchet MS", Verdana, sans-serif;
}
#chemin a{
text-decoration:none;
font-family:"Trebuchet MS", Verdana, sans-serif;
}

.autres-elts{
font-size:1em;
text-align:right;
margin: 0px 7px 8px 0px ;
font-family:"Trebuchet MS", Verdana;
}


#centre {
margin-left: 233px;
margin-right: 211px;
padding:10px 10px 15px 28px;
color:#6F3F3F;

}
#centre h1{
color:#6F3F3F;
font-size:1.4em;
margin-bottom:10px;
}
#centre h4{
color:#333;
font-size:1.1em;
margin-top:20px;
margin-bottom:5px;
}
#centre li {
margin-bottom: 5px;
/*list-style:none;
 list-style-type:none;
background-image:url(../img-design/puce-gauche.gif);*/
background-position:2px 5px;
background-repeat:no-repeat;
padding-left:18px;
}
#centre p{
margin-bottom:10px;
}

.descriptif-rub{
margin-bottom:10px;
margin-top:10px;
font-style:italic;
font-size:1.15em;
}



/* PETITS BLOCS ACCUEIL */

.accueil {
border:1px solid #CFDCDE;
font-family:"Trebuchet MS", Verdana, sans-serif;
width:230px;
background-color:#FFFFFF;
float:left;
margin-right:8px;
margin-bottom:14px;
overflow:hidden;
}


.accueil h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#990000;
padding-top:-12px;
margin: 5px 5px 5px 5px ;
font-weight:normal;
}

.accueil h3{
font-size:0.9em;
margin-left:5px;
}

.accueil h2 a:link{
text-decoration:none;
}
.accueil h2 a:visited{
text-decoration:none;
}

.accueil h4{
font-size:1em;
margin-left:5px;
margin-top:0px;
}

.accueil h5{
font-size:0.8em;
color:#666666;
}

.accueil .couv{
float:left;
margin: 0px 8px 0 5px;
border:1px solid #777;
}

.accueil p{
font-size:1em;
margin: 0px 7px 5px 8px ;
}
.accueil-fleche {
float:right;
margin: 2px 7px 5px 8px ;
}





/*  //////////////INTERVENANTS//////////////// */

.chapo-rub-intervenant{
margin-bottom:25px;
}

/* PETITS BLOCS INTERVENANTS */

.intervenants {
border:1px solid #CFDCDE;
font-family:"Trebuchet MS", Verdana, sans-serif;
width:230px;
height : 254px;
background-color:#FFFFFF;
float:left;
margin-right:8px;
margin-bottom:14px;
overflow:hidden;
}


.intervenants h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#990000;
padding-top:-12px;
}

.intervenants h3{
font-size:0.9em;
}

.intervenants h2 a:link{
text-decoration:none;
}
.intervenants h2 a:visited{
text-decoration:none;
}

.intervenants h4{
font-size:1em;
}

.intervenants h5{
font-size:0.8em;
color:#666666;
}

.intervenants .couv{
float:left;
margin: -12px 17px 0 8px;
border:1px solid #777;
}

.intervenants p{
font-size:1em;
margin: 27px 7px 5px 8px ;
}
.acces-fiche {
position:relative;
top:220px;
margin-right:10px;
text-align:right;
}





/*DIVERS*/

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

.article-chapo{
font-size:1em;
margin: 4px 7px 30px 8px ;
color:#333333;


}

.article-chapo-livres{
font-size:1.1em;
margin: 50px 7px 30px 8px ;
color:#333333;
font-family:"Trebuchet MS", Verdana;

}

.article-texte{
font-size:1em;
margin: 4px 7px 8px 8px ;
}

.article-ps{
font-size:1em;
margin: 4px 7px 8px 8px ;
font-style:italic;
}

/*AJOUTS ATREYA*/

#liens-plus {
float:right;
margin-left:6px;
width:200px;
}


.lien-sites {
border:1px solid #999999;
text-align:right;
margin-left:6px;
padding-right:6px;
width:194px;
display:block;
height:20px;
font-size:12px;
line-height:20px;
margin-bottom:3px;
}

.lien-achats {
border:1px solid #999999;
text-align:right;
margin-left:6px;
padding-right:6px;
width:194px;
display:block;
height:20px;
font-size:12px;
line-height:20px;

}

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

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

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