/*
Les style de base a laisser si possible car le fichier est aussi inclu dans fck !
 */

body
{
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

body.black {
	background-color: #000000;
}

body, td
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}



.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

a:link {text-decoration: none; color: #626880;}
a:visited { text-decoration: none; color: #626880;}
a:hover { text-decoration: underline; color: red;}
a:active {  }


/* Titre affiché sur toute les pages */
.axi_titre_page {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000;
	font-weight:bold;
}



/* Titre affiché sur la page info full pour chaque enregistrement */
.axi_titre_infofull {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	color:#000;
}

/* Titre affiché sur la page info lite pour chaque enregistrement */
.axi_titre_infolite {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color:#fff;
}

/* contenu texte, description, liens, etc sur la page info full pour chaque enregistrement */
.axi_infofull_contenu {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000;
}

/* tout les liens pour les modules info qui affiche des liens, en savoir plus, le titre, etc */
.axi_info_lien:link {
	text-decoration: none;
	font-style: normal;
	color:#666;
}
.axi_info_lien:hover {
	text-decoration: none;
	font-style: normal;
	color:#900;
}


/* style principal pour le contenu de chaque page et des contenu axi info */
.axi_contenu_texte {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000;
}
/* style général pour affichage en petit des textes.. remplace le légendaire heure :) */
.axi_info_texte_petit{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color:#000;
	font-weight:normal;
}
.axi_info_texte_petit_lite{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color:#fff;
	font-weight:normal;
}

/* fond de cellule pour les page info  */
.info_backcolor{
	background-color:#E4ECF8;
}

/* fond de cellule et bord noir, pour les différents modules info */
table.info_backcolor_border{
		border-top-color:#000000;
	border-top-style:solid;
	border-top-width:1px;
	
	border-left-color:#000000;
	border-left-style:solid;
	border-left-width:1px;
	
	border-right-color:#000000;
	border-right-style:solid;
	border-right-width:1px;
	
	border-bottom-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	
	background-color:#E4ECF8;
}

/* les styles suivant pour gérer l'affichage de l'album de photo en dessou d'une page normal */
.axi_InfoImageTour{
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#000;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;	
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	height:145px;
	width:145px;
	background-color:#F4F4F4;
}
.axi_InfoImageTexte {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	height:20px;
	width:145px;
}
.axi_InfoImageTitre {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
}
#sortable { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

#sortable li { 
	margin: 3px 3px 3px 0; 
	padding: 1px; 
	float: left; 
	width: 170px; 
	height: 160px; 
	font-size: 4em; 
}
#sortablep { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

#sortablep li { 
	margin: 3px 3px 3px 0; 
	padding: 1px; 
	 height: 80px; 
	font-size: 4em; 
}

#sortableinfofull { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}

#sortableinfofull li { 
	margin: 3px 3px 3px 0; 
	padding: 1px; 
	width: 100%;
	
}
.axi_titrerubrique{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
}

/* les styles suivant pour gérer l'affichage du shop */
.axi_InfoShopTour{
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:1px;
	border-left-color:#000;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#000;
	border-right-style:solid;
	border-right-width:1px;	
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	height:145px;
	width:145px;
	background-color:#F4F4F4;
}
.axi_InfoShopTexte {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	height:20px;
	width:145px;
}
.axi_InfoShopTitre {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
}

.axi_shoptitre{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight:bold;
	color:#666;
	}
	
.axi_InfoShopTourProduit{
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:1px;
	
	cursor:pointer;
	vertical-align:middle;
	text-align:left;
	height:80px;
	background-color:#F4F4F4;
}
.axi_InfoShopTourProduitImg{
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:1px;
	
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	height:80px;
	background-color:#F4F4F4;
}

.axi_InfoShopTourProduitPrix{
	border-top-color:#000;
	border-top-style:solid;
	border-top-width:1px;
	
	cursor:pointer;
	vertical-align:middle;
	text-align:right;
	font-size:15px;
	color:#666;
	font-weight:bold;
	background-color:#F4F4F4;
	height:40px;
}


.axi_InfoShopTourProduitPanier{
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	height:40px;
	
	cursor:pointer;
	vertical-align:top;
	text-align:center;
	background-color:#F4F4F4;
}

.axi_shopprixdetail{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	color:#666;
	}
	
.axi_shopDescription {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align:justify;
}
.titre_partenaire{
	font-family:Arial, Helvetica, sans-serif;
	color:#DADCE1;
	font-size:14px;
	font-weight:bold;
}
.texte_menu{
	color:#27388C;
	font-size:16px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}
.texte_menu_droite{
	color:#27388C;
	font-size:13px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}
.texte_blanc_news {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#FFF;
}
a.texte_blanc_news:link {text-decoration: none; color: #FFF;}
a.texte_blanc_news:visited { text-decoration: none; color: #FFF;}
a.texte_blanc_news:hover { text-decoration: none; color:#900;}
a.texte_blanc_news:active {  }


/* common styling */
.menu {font-family: arial, sans-serif; width:700px;  position:absolute; font-size:11px; z-index:100; border-right-width:1px; border-right-color:#000; border-right-style:solid;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:94px; height:20px; text-align:center; color:#000; border:1px solid #fff; background:#FFF; line-height:20px; font-size:11px; overflow:hidden; border-left-color:#000; border-left-style:solid; border-right-width:1px;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}


/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#FFF;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:95px; }
.menu ul li:hover ul li a.hide {background:#FFF; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#FFF; color:#000;border-right-width:1px; border-right-color:#000; border-right-style:solid; background-image:"images/semitrans.png";}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:95px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.tvsatitrepage {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color:#CC0000;
}

/*tvsa a partir de iciiiiiii */



/**********************************************************************
--------------------- MISE EN FORME DU TEXTE --------------------------
**********************************************************************/

.tableau_txt
{
	border:1px solid gray;
	border-collapse:collapse;
	
}

.tableau_txt td
{
	border:1px dotted gray;
	padding:3px;
}

.tableau_inv
{
	margin-left:5px;
}

.tableau_inv tr td
{
	
}

.liste_puce
{
	padding-left:20px;
	list-style:outside;
	text-indent:5px;
}

.liste_puce li
{
	list-style:square;
}

.souligne
{
	text-decoration:underline;
}

.titre
{
	font-size:18px;
	text-align:left;
	font-weight:bold;
	color:#bb130a;
}

.soustitre
{
	font-size:13px;
	text-align:left;
	font-weight:bold;
	color:#bb130a;
}

.fermeture_pop_up
{
	float:right;
	padding-right:5px;
	padding-left:5px;
	border:1px gray dotted;
}

.titre_pop_up
{
	float:left;
}


.align_gauche
{
	text-align:left;
}

.align_droite
{
	text-align:right;
}

.align_centre
{
	text-align:center;
}

.align_justifie
{
	text-align:justify;
}

.flottant_gauche
{
	float:left;
	margin-bottom:5px;
	margin-right:10px;
}

.flottant_droite
{
	float:right;
	margin-bottom:5px;
	margin-left:10px;
}

.information
{
	font-size:11px;
	color:#929292;
}

.images_gal
{
	padding-left:0px;
	padding-right:10px;
}

.big_image_gal
{
	display:block;
	height:220px;
	width:680px;
	margin-bottom:30px;	
}

.bandeau_gal_photos
{
	display:block;
	width:680px;
	overflow-x:scroll;
}

.galerie_photos
{
	
}

.galerie_photos li
{
	float:left;
	
	list-style:none;
}

.galerie_photos td a img
{
	border:none;
}

/*

Style MENU

*/
	
		/* the menu */
	#menu ul,#menu li,#menu a {
		margin:0px;
		padding:0px;
		/*font-family:"MS Serif", "New York", serif;
		font-size:9px;*/
		/*border:1px;
		border-color:#003;
		border-bottom-style:solid;*/
		background:none;
		width:100%; /* IE */
		z-index:999;
		text-decoration:none;color:black;
		a:visited{text-decoration:none;color:black;}
	}
	#menu ul li{
		
		background-color:#FFF;
		opacity:0.9;
		color: #222222;
		font-size:10px;
		font-weight: normal;
		text-decoration:none;
		
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
	
	/*	filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;*/

	}
/*	.men li:hover{
		
		color: #ffffff;
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		background-image: url(../../images/menu/bg_menu_light.png);
		background-repeat: repeat-x;
	}*/
	
	.men li{
		float:left;
		background:none;
	}
	#menu ul, ul.men {
		list-style-type:none;
		list-style:none;
	}
	#menu ul, ul.men {
		list-style:none;
	}

	li {
		float:none;
		position:relative;
		padding:0px;
		z-index:999;
	}
		li.folder	{
			background-color:#990;
		}		
		li.folder ul, li.norm ul {
			position:absolute;
			left:170px;  /* IE */
			top:0px;
			 z-index:999;
			background-color:#CC0;
			color: #ffffff;
			
			/*filter:alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			background-image: url(../../images/menu/bg_menu_light.png);
			background-repeat: repeat-x;*/
		}		
			li.folder>ul, li.norm>ul { left:190px; } /* others */
			
			
		li.folder	{		}		

		li.te ul.men {
			position:absolute;
			left:0px; /* IE */
			height:130px;
			 z-index:999;
			
		}
			li.te>ul.men { left:0px; } /* others */
	li.te{
		z-index:999;	
	}
	a.men {
		padding-left:5px;
		text-decoration:none;
		color:gray;
		font-weight:bold;
		width:100%; /* IE */
			 z-index:999;
	}
		li>a.men { width:auto; } /* others */

	li a.submenu {
			 z-index:999;
	}
	img{
		border:0px;
	}
	/* regular hovers */

	a.men:hover {
		color:black;
	}
		li.folder a:hover {
			/*
				passage de souris dessus
			*/
		}
	
	/* hovers with specificity */
	
	li.folder:hover { z-index:999; }		
		
	/*ul ul, li:hover ul ul {
		display:none;
	}*/
	ul ul {
		display:none;
	}
	ul li:hover .niv0, 
	ul li:hover .niv0 li:hover .niv1,
	ul li:hover .niv0 li:hover .niv1 li:hover .niv2, 
	ul li:hover .niv0 li:hover .niv1 li:hover .niv2 li:hover .niv3 { 
		display:block;
	}





.axi_info_lien_commun:link {
	text-decoration: none;
	font-style: normal;
	font-weight:normal;
	color:#FFF;
}
.axi_info_lien_commun:hover {
	text-decoration: none;
	font-style: normal;
	font-weight:normal;
	color:#FFF;
}
.axi_info_lien_commun:visited {
	text-decoration: none;
	font-style: normal;
	font-weight:normal;
	color:#FFF;
}


a.affichegauche:link {text-decoration: none; color: #FFFFFF; font-size:medium; font-weight:bold;}
a.affichegauche:visited { text-decoration: none; color: #FFFFFF;font-size:medium; font-weight:bold;}
a.affichegauche:hover { text-decoration: none; color: #FFFFFF;font-size:medium; font-weight:bold;}
a.affichegauche:active {  }

a.affichedroite:link {text-decoration: none; color: #FFFFFF;  font-weight:bold;}
a.affichedroite:visited { text-decoration: none; color: #FFFFFF; font-weight:bold;}
a.affichedroite:hover { text-decoration: none; color: #FFFFFF; font-weight:bold;}
a.affichedroite:active {  }
