/* Mise en forme du body

Face color : la couleur de la barre elle-même
Arrow color : la couleur des flèches haut et bas
Track color : la couleur de la gouttière dans laquelle la barre se déplace (le fond)
Shadow color : l'ombre en haut à gauche
Highlight color : la couleur entourant la barre
3dlight color : l'éclairage de la barre
Darkshadow color : l'ombré de la barre
*/
body {margin:0; padding:0; background: #000000 url(../images/bg.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#666; cursor: url(../../../images/curseur/curseur1.png), default;
/*scrollbar-face-color:#FF0000;*/
/*scrollbar-arrow-color:yellow;*/
scrollbar-track-color:#343434;
/*scrollbar-shadow-color:'green';*/
/*scrollbar-highlight-color:'#000';*/
/*scrollbar-3dlight-color:'darkblue';*/
/*scrollbar-darkshadow-Color:'white';*/
}

/*-----------------------------------------------------------*/

/* Menu Plan du site Aide FAQ */
#topMenu {width: 330px; height: 23px; margin:7px auto 0 auto; padding-top:12px; padding-left: 575px; background-image:url(../images/topMenu.png);}
#topMenu ul {margin: 0; padding:0; list-style:none;}
#topMenu li  {display:inline; border-left: #a0a0a0 solid 1px; padding-left: 5px; padding-right:5px;}

/*-----------------------------------------------------------*/
/*Header Slide*/
#slideshow {width:905px; height:340px; margin:auto; background-image: url(../images/contenuBg.gif); background-repeat:repeat-y; color:#c9d0d3;}
#slideshow p {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#c9d0d3; line-height: 19px; text-align:justify;}
#slideshow table {width:100%;border-bottom: 1px solid #38525e;text-align:center;line-height: 20px; color:fff;}

#nav {margin:auto; margin-top:5px; width:150px; height:20px; text-align:center; background-color:#646464; padding:8px 0px 6px 0px; border:1px solid #38525e;}
#nav_font {width:905px; margin:auto; padding-top:5px; background-image: url(../images/contenuBg.gif); background-repeat:repeat-y;}

/*-----------------------------------------------------------*/

/* Menu principal */
#menuPrincipal {width: 750px; height: 44px; margin:0 auto 0 auto; padding: 0 80px 0 80px; background-image:url(../images/menuBg.gif); list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#menuPrincipal ul {width: 750px; height: 44px; margin: 0; padding:0; list-style:none; font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
#menuPrincipal li  { float:left; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#menuPrincipal li.imageSeparateur {float:left; width:3px; height: 44px; background-image: url(../images/menuPrincipalSeparateur.gif); background-repeat:no-repeat; background-position:top right;}
#menuPrincipal a {display: block; width: 87px; height: 30px; margin: 0; padding:14px 0 0 0; text-align:center; text-decoration: none; color:#005c97;}
#menuPrincipal a.pageActive { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#000;}
#menuPrincipal a:visited {color:#005c97;}
#menuPrincipal a:hover { background-image: url(../images/menuPrincipalOver.gif); background-repeat:no-repeat; background-position:top center; color:#000;}

/*-----------------------------------------------------------*/

/* Sous menu - Ne pas modifier */
#SousMenu {width: 910px; height: 42px; margin:0 auto 0 auto; background-image:url(../images/sousMenu.gif); background-repeat:no-repeat;}

/*-----------------------------------------------------------*/

/* CONTENU CONTENEUR 3 DIV */
#contenuBg {width: 910px;  margin:0 auto 0 auto; background-image:url(../images/contenuBg.gif); background-repeat:repeat-y;}

	
	/* 1) Menu gauche */
	#menuGauche {float:left; width: 200px; padding: 0 0 0 15px; margin:0;}
	
		/* BOITE RECHERCHER */
		#boiteRechercher { width:222px; height: 29px; padding: 10px 0 0 0; margin: 5px 0 10px 0; background:url(../images/menuGaucheBas.gif) left top no-repeat;}		
		#boiteRechercher p { float:left; margin:0px; padding:0px;}
		#boiteRechercher .formulaireRechercher {padding: 0; margin: 0;}
		#boiteRechercher .formulaireBoiteRechercher {width: 114px; height:14px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; border:1px solid #000; background-color: #fff; margin: 0 5px; padding: 1px 0 1px 5px; float:left;}
		
		/* Boite menu Gauche haut */
		.cadreGauche { width:190px; padding: 25px 0 0 0; margin: 15px 0 10px 0; background:url(../images/menuGaucheTop.gif) left top no-repeat;}
		.blocCadreGauche {background: url(../images/menuGaucheBas.gif) left bottom no-repeat;  padding-bottom: 15px;}
		.blocCadreGauche ul {margin: 0 0 0 0; padding: 0; list-style:none; }
		.blocCadreGauche li {height:27px; padding: 0;}
		.blocCadreGauche a {display:block; width:151px; height:27px; padding-left:39px; padding-top:5px; background:url(../images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #3bcaf3; text-decoration: none;}
		.blocCadreGauche a:link {color: #ffffff;}
		.blocCadreGauche a:visited {color: #ffffff;}		
		.blocCadreGauche a:hover {color: #3bcaf3; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);}

		
		/* Boite Login */
		.cadreLogin { width:190px; padding-top:20px; margin: 0; background:url(../images/loginTop.gif) left top no-repeat;}
		.blocCadreLogin { background: url(../images/menuGaucheBas.gif) left bottom no-repeat;  padding-bottom: 15px; padding-left: 20px;}
		.blocCadreLogin .formulaire {width: 150px;}
		.blocCadreLogin .formulaire p { padding:0; margin:0; line-height: 12px;}
		.formulaireBoite {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #dddddd; border:1px solid #929292; background-color: #474747; margin:0; padding:1px;}
		
	/*-----------------------------------------------------------*/
	
	/* 2) Zone de texte */
	#zoneTexte {float:left; width: 661px; margin: 0 14px; color:#c9d0d3;}
	#zoneTexte p {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#c9d0d3; line-height: 19px; text-align:justify;}
	h1 {font: bold 15px Verdana, Arial, Helvetica, sans-serif; color:#3bcaf3; line-height: 19px; border-bottom: 1px solid #38525e;}
	.positionDroit {float:right; margin-left: 15px; border:none;}
	
	.clair {background-color:#555555;}
	.fonce {background-color:#333333;}
	
	.erreur {background-color:#c80000;  width:50%; margin:auto; margin-top:15px; margin-bottom:15px;}
	.ok {background-color:#00c800; width:50%; margin:auto; margin-top:15px; margin-bottom:15px;}
	
	.pagination {width:80%; text-align:center; background-color:#646464; margin:auto; margin-top:10px; margin-bottom:10px; padding:10px; border:1px solid #38525e; font-size:11px;}
	
	/*Tableau*/
	#zoneTexte table {width:100%;border-bottom: 1px solid #38525e;text-align:center;line-height: 20px;}
	
	/*-----------------------------------------------------------*/
	
	/* Patch bug IE6 */
	.spacer {clear: both; visibility:hidden; margin:0; padding:0;}

/*-----------------------------------------------------------*/

/* footer */
#footer {width: 910px; height: 80px; margin:0 auto 0 auto; padding-top: 60px; background-image:url(../images/footer.jpg); background-position:top; background-repeat:no-repeat; }
#footer p {font-size: 9px; text-align: center;}

/*-----------------------------------------------------------*/

/* style global */

/*style du titre des rubriques h3*/
h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#3bcaf3; line-height: 19px; margin:0px; padding:0px;}

a {cursor: url(../../../images/curseur/curseur1.png), default;}
a:link { text-decoration: none; color:#3bcaf3;}
a:visited { text-decoration: none; color:#3bcaf3;}
a:hover { text-decoration: underline; color:#fff;}

img {border: none;}

.sansBordure {border: none;}

#zoneTexte input {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border:1px; background-color: #646464; margin: 2px 0; padding:4px;}

#zoneTexte select {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border:1px; background-color: #646464; margin: 2px 0; padding:4px;}

#zoneTexte textarea {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border:1px; background-color: #646464; margin: 2px 0; padding:4px;}

div #votebox  {
	margin: auto;
	position: relative;
	width: 500px;
	background-image: url(../images/menuGaucheBas.gif);
	border: 1px solid #555555;
	z-index: 600;
}
div #votebox p {
	text-align: center;
}

.pub {
	text-align:center;
}

.citer {
	/*width:90%;*/
	border: 1px #FFFFFF solid;
	margin:-10px 0 0 0;
	padding:0 0 5px 5px;
	/*padding:haut droite bas gauche;*/
}

/*JQuery Drag 'n Drop*/
/* style global de la liste non ordonné */
#list_favoris {
	list-style:none;
	margin-left:75px;
	width:300px;
}
/* style des éléments de la liste */
#list_favoris li {
	border:1px solid #ddd;
	padding:10px 0 10px 10px;
	cursor:move;
	/*background:#000000;*/
	font-size:12px;
	-moz-box-shadow:2px 2px 5px #ccc;
}
/* style de l'élément fantome, qui apparait losque que l'on bouge un élément */
#list_favoris li.highlight {
	background:#464664;
	border:1px dashed #3bcaf3;
	padding:10px 0 10px 10px;
}