/*------------------------------------------------------*
  *-----------------------------------     CSS BODY     ----*
  *------------------------------------------------------*/


body {
	border:0;
	margin: 0;
	padding: 0;
	background-color: #F3F3F3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS DIV PRINCIPAUX     ----*
  *------------------------------------------------------*/

  
div#global{
	width: 937px;
	margin-left:auto;
	margin-right:auto;
}

div#bandeau{
	float:left;
	width: 937px; /* */
	height: 133px;
	}

div#navigation{
	float:left;
	width: 937px; /**/
	height: 23px; /**/
	color: #2B71B6;
	margin-bottom:33px;
	background-image: url(../images/menu-bg.gif);
	background-repeat: no-repeat;
	}
	
div#menu1{
	float: left;
	padding-top:4px;
	width:800px;
	}

div#flag{
	float: left;
	padding-top:1px;
	}
div#menu2{
	float: left;
	padding-top:4px;
	padding-left:6px;
	}
	
	
/*------------------------------------------------------*
  *-----------------------------------     CSS INDEX    ----*
  *------------------------------------------------------*/


div#gauche{
	float:left;
	width: 369px; /**/
	padding-left:55px;
	padding-right:89px;
	}
div#gauchehaut{
	float:left;
	width: 339px; /*369-30*/
	background-image: url(../images/bg-gauche-ht.png);
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top: 17px;
	min-height:350px;

	}

.contentMenu {
    width:250px;
}

div#gauchebas{
	float:left;
	width: 369px; /**/
	height: 167px; /**/
	background-image: url(../images/bg-gauche-bas.png);
	background-repeat: no-repeat;
	}

div#droite{
	float:left;
	width: 369px; /**/
	padding-right:55px;
	}
div#droitehaut{
	float:left;
	width: 260px; /*369-109*/
	background-image: url(../images/bg-droit-ht.png);
	background-repeat: no-repeat;
	min-height:350px;
	padding-top: 17px;
	padding-left:109px;
	}
	
div#droitebas{
	float:left;
	width: 369px; /**/
	background-image: url(../images/bg-droit-bas.png);
	background-repeat: no-repeat;
	height: 167px; /**/
	}
div#pied{
	clear:both;
	width:937px;
	height:30px;
	color:#2B71B6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/bgpied.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 11px;
	}


/*------------------------------------------------------*
  *-----------------------------------     CSS PAGE     ----*
  *------------------------------------------------------*/
  
div#principal{ 
	clear:both;
	width:937px;
	padding-bottom: 80px;
	float:left;
	color:#2B71B6;
}

div#navgauche{
	width: 282px;
	float: left;
	}
	
div#navgauchehaut{
	width: 282px;
	height:14px;
	float: left;
	background-image: url(../images/blocfiche-menu-haut.jpg);
	background-repeat: no-repeat;
	}
	
div#navgauchecentre{
	width: 282px; /* */
	float: left;
	background-image: url(../images/blocfiche-menu.gif);
	background-repeat: repeat;
	padding-bottom:15px;
	}
	
div#navgauchecentre p{
    color:white; 
    margin-left:40px;
}	
	
div#navgauchebas{
	width: 279px; /* */
	float: left;
	background-image: url(../images/blocfiche-menu-bas.jpg);
	background-repeat: no-repeat;
	height: 391px;
/*	background-color:red;*/

	
	}
	
#contenu{
	width: 602px; /*655-53*/
	float: left;
	padding-left:53px;
	color:#2B71B6;
	}
	
#contenu img {
border-color : #dddddd;
}	
	
div#piedprincipal{
	clear:both;
	text-align:right;
	padding-right:60px;
	color:#2B71B6;
	}
	
div#adresseHome {
    float: left;
    margin-bottom:7px;
    color:#777777;
    font-size:10px;
}
	
	

/*------------------------------------------------------*
  *-----------------------------------     CSS  MENU     ----*
  *------------------------------------------------------*/

a.menugauche{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	margin-top: 7px;
	background-image: url(../images/flesh_orange.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 17px;
	text-decoration: none;
	font-weight: bold;
	}
	
a.menugauche:hover{
color:#DBE9F7;
}
	
	
	
a.menugnavgauche{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-image: url(../images/flesh_orange.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: 5px;
	padding-left: 17px;
	margin-left: 28px;
	text-decoration: none;
	font-weight: bold;
	}
	
a.menugnavgauche:hover{
color:#DBE9F7;
}

a.menugnavgauche2{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-image: url(../images/flesh_verte.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-top: 5px;
	padding-left: 17px;
	margin-left: 28px;
	text-decoration: none;
	font-weight: bold;
	}


a.menugnavgauche2:hover{
color:#DBE9F7;
}


a.menudroite{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	margin-top: 7px;
	background-image: url(../images/flesh_verte.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 17px;
	text-decoration: none;
	font-weight: bold;
	}
	
	
a.menudroite:hover{
color:#DBE9F7;
}


	
a.menu{
	color: #2B71B6;
	text-decoration: none;
	font-weight: bold;
	}

a.menu:hover{
	color: #5B9AD9;
	}



/*------------------------------------------------------*
  *-----------------------------------     CSS  MISE EN FORME     ----*
  *------------------------------------------------------*/	
	
h1.titregauche{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F7985E;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FFFFFF;
	padding-right: 90px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom:10px;

	}
	

h1.titredroite{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1FFD9B;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
	padding-left: 10px;
	padding-right:25px;
	}
	
	
h1.titrenavgauche{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F7985E;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FFFFFF;
	padding-left: 17px;
	margin-left: 28px;
	margin-bottom: 10px;

	}
	
h1.titrenavgauche2{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1FFD9B;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FFFFFF;
	padding-left: 17px;
	margin-left: 28px;
	margin-bottom: 10px;
	margin-top: 20px;

	}
h1.titreparagraphe1{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #F7985E;
	background-image: url(../images/flesh_orange.gif);
	background-repeat: no-repeat;
	background-position: left 25px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-left:20px;
	padding-bottom:10px;
}

img.vignette {
margin-bottom:8px;
border: 1px solid #FFFFFF;
}


div.paragraphe1 {
	float:left;
	font-size:12px;
	background-image: url(../images/trait_paragraphe.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:20px;
}


div.paragraphe1 ul {
    margin-left:0px;
    padding-left:15px;
} 


div.paragraphe1 li {
    list-style-type:square;
}

div.paragraphe1 h2 {
    font-size:17px;
    line-height:18px;
    margin-bottom:6px;
    
}
 

div.paragraphe2 {
	float:left;
	font-size:12px;
	background-image: url(../images/trait_paragraphe.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:20px;
	padding-top:20px;
	width: 602px;
}

div.content2{
	float:left;
	width: 602px;
	background-image: url(../images/trait_paragraphe.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom:20px;
	padding-top:20px;
}

div.imagefiche {
	float:left;
	border: 2px solid #2B71B6;
	margin-right: 20px;
}

div.legende {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F77221;
	line-height:20px;
	width: 140px;
	font-weight: bold;
}

div.navgauchepied {
	float:left;
	padding-left:15px;

	}
div.navdroitepied {
	float:right;
	padding-right:15px;
	}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS FORMULAIRES    ----*
  *------------------------------------------------------*/

.champs{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #2B71B6;
	background-color: #F3F3F3;
	font-weight:bold;
	width: 400px;
	overflow:auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0033CC;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin-top:15px;
}
	

.bt-envoi{
	background-color: #2B71B7;
	border: 0;
	color: #F3F3F3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	cursor: pointer;
	margin-top: 15px;
}



/*------------------------------------------------------*
  *-----------------------------------     CSS LIENS EDITORIAL     ----*
  *------------------------------------------------------*/

#contenu a{
	font-family: Arial, Helvetica, sans-serif;
	color: #F36C1B;

	}
	
#contenu a:hover{
	text-decoration: none;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS HACK     ----*
  *------------------------------------------------------*/

	

/* hack FF pour envlever pointillés autour des liens */

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

/* fin de hack */

/*------------------------------------------------------*
  *------------------ Page contact   ----*
  *------------------------------------------------------*/
  
form input, .textarea {
  border-width: 1px;
  border-style: solid;
  border-color: #bbbbdd;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:3px;
}

form .msgOK {
    background-color:green;
    color:white;
    font-weight:bold;
    width:100%
    height:30px;
    font-size:12px;
    padding:5px;
}

form .msgError {
    background-color:red;
    color:white;
    font-weight:bold;
    width:100%
    height:30px;
    font-size:12px;
    padding:5px;    
}



/***************** Pied de page pour les crédits ***********/

#adresse {
    float: left;
    text-align:right;
    margin-top:5px;
    margin-bottom:7px;
    color:#777777;
    font-size:10px;
}

#adresse a {
    color:#777777;
}

#credits {
    float: right;
    text-align:right;
    margin-top:5px;
    margin-bottom:7px;
    color:#777777;
    font-size:10px;
}

#credits a {
   
    font-weight:bold;
    color:#777777;
}

.errMsg  {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    background-color: red;
    color:white;
    margin-bottom:10px;
    font-weight:bold;
}


/************ Module SFILE (Liste de fichiers à télécharger) ********************/

/* listing catégories*/
#treeview ul{ 
margin: 0;
padding: 0;
}

#treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background:  url(../images/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 25px;
margin-left:8px;
margin-bottom: 3px;
margin-top:5px;

}

#treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background-image:  url(../images/closed.gif);
background-repeat:no-repeat;
background-position: left 1px;
padding-left: 10px;
padding-bottom:5px;
padding-left:22px;

}


#treeview .submenu ul {
display:none;
}

#treeview .dirLink {
    color:#2B71B6;
    font-weight:bold;
}


/*
#treeview .file_ftp { color: black; text-decoration:none; }
#treeview .file_ftp:focus { color: black; text-decoration:none; background:lightgray; }
#treeview .file_ftp:active { color: black; text-decoration:none; background:lightgray; }

#treeview .link_ftp { color: blue; text-decoration:none; }
#treeview .link_ftp:focus { color: blue; text-decoration:none; background:lightgray; }
#treeview .link_ftp:active { color: blue; text-decoration:none; background:lightgray; }
*/