/* CSS du menu */
/* @charset "utf-8"; */

/*
page d'accueil et similaires 
*/

.accueil
{
	width				:	1250px;
	height				:	550px; 
	alignment-adjust	:	central; 
}

.accueil1
{
	width				:	1000px;
	height				:	550px; 
	alignment-adjust	:	central; 
}
/*
Arrondi pour les cadres
*/
.arrondi
{
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-color			:	#F00; 
	border-style			:	solid;
	border-width			:	3px;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	16px;
	color					: 	#900;
 	text-align				: 	center;
	font-weight				: 	bold;
	font-style				: 	italic;
}

.arrondisel
{
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-color			:	#F00; 
	border-style			:	solid;
	border-width			:	1px;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	14px;
	color					: 	#FFF;
 	text-align				: 	center;
	font-weight				: 	bold;
	font-style				: 	italic;
	background-color		:	#00F;
}


/*
Arrondi pour les images en balise src 
*/
.arrondieimg {
	border-radius			: 	17px ;
	-moz-border-radius		: 	17px ;
    -webkit-border-radius	: 	17px ;
}

/*
Arrondi pour les images en balise src 
*/
.arrondieimgselect {
	border-radius			: 	17px ;
	-moz-border-radius		: 	17px ;
    -webkit-border-radius	: 	17px ;
	cursor					:	pointer;
}

/*
Arrondi image liste
*/
.arrondiimageliste
{
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-color			:	#F00; 
	border-style			:	solid;
	border-width			:	3px;
	background-repeat		:	no-repeat;
	background-position		:	center;
	background-image		:	url(../../commun/images/fond.jpg) ;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-style				:	italic;
	font-size				:	12px;
}

/*
Arrondi video liste
*/
.arrondivideo
{
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-color			:	#F00; 
	border-style			:	solid;
	border-width			:	3px;
	background-repeat		:	no-repeat;
	background-position		:	center;
	background-image		:	url(../../commun/images/fond.jpg) ;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-style				:	italic;
	font-size				:	24px;
	vertical-align			:	text-top;
}

.arrondivideoliste
{
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-color			:	#F00; 
	border-style			:	solid;
	border-width			:	3px;
	background-repeat		:	no-repeat;
	background-position		:	center;
	background-image		:	url(../../commun/images/fond.jpg) ;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-style				:	italic;
	font-size				:	14px;
	vertical-align			:	text-top;
}

/*
Arrondi pour les cadres
*/
.arrondinews
{
	border-radius			: 	25px 25px 25px 25px;
	-moz-border-radius		: 	25px 25px 25px 25px;
    -webkit-border-radius	: 	25px 25px 25px 25px;
	border-top-color		:	#000066;
	border-left-color		:	#009;
	border-bottom-color		:	#00C;
	border-right-color		:	#00F;
	border-style			:	double;	
	border-width			:	5px;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	12px;
	color					: 	#900;
 	text-align				: 	left;
	font-weight				: 	bold;
	font-style				: 	italic;
	background				:   url(../../commun/images/fondnews.png);
	background-repeat		:	no-repeat;
}

/* 
Pour une cellule
*/
.cellule
{
	margin-left 			: 	0px;
	margin-right 			: 	0px;
	margin-bottom 			: 	0px;
	margin-top 				:	0px;
	border-radius			: 	30px 30px 30px 30px;
	-moz-border-radius		: 	30px 30px 30px 30px;
    -webkit-border-radius	: 	30px 30px 30px 30px;
	border-color			:	#666;
	background-color		:	#CCCCCC;
	width					:	auto;  
	border-style			:	solid;
	vertical-align			:	middle;
	font-family				:	"Times New Roman", Times, serif;
	color					:	#900;
	font-weight				:	bold;
	font-style				:	oblique;
}

/* 
Pour une cellule couleur rouge
}
*/
.cellule1
{
	margin-left 			: 	0px;
	margin-right 			: 	0px;
	margin-bottom 			: 	0px;
	margin-top 				:	0px;
	border-radius			: 	30px 30px 30px 30px;
	-moz-border-radius		: 	30px 30px 30px 30px;
    -webkit-border-radius	: 	30px 30px 30px 30px;
	border-color			:	#666;
	width					:	auto;
	border-style			: 	dotted;
	vertical-align			:	middle;
	font-family				:	"Times New Roman", Times, serif;
	color					:	#900;
	font-weight				:	bold;
	font-style				:	oblique;
}

.cours
{
	width				:	1000px;
	height				:	550px; 
	alignment-adjust	:	central; 
}

/* 
Spécifique tooltip en javascrip
*/
#dhtmlgoodies_tooltip
{
	background-color		: 	#36F  ;
	border					:	1px solid #000;
	position				:	absolute;
	display					:	none;
	z-index					:	20000;
	padding					:	2px;
	font-size				:	0.9em;
	-moz-border-radius		:	6px;
	font-family				: 	"Times New Roman", Times, serif, "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;  
	text-align				:	center;
	font-style				:	italic;
	color					: 	#FFF;
}

#dhtmlgoodies_tooltipShadow
{
	position				:	absolute;
	background-color		:	#555;
	display					:	none;
	z-index					:	10000;
	opacity					:	0.7;
	filter					:	alpha(opacity=70);
	-khtml-opacity			: 	0.7;
	-moz-opacity			: 	0.7;
	-moz-border-radius		:	6px;
}

/*
Fin Spécifique Tooltip Javascript
*/


/*
Positionner un div avec ascenceur dans un tableau
*/
.divascenseur
{
	visibility 				: 	visible; 
	width 					: 	300px; 
	height 					: 	300px; 
	overflow 				: 	scroll; 
	border-radius			: 	30px 30px 30px 30px;
	-moz-border-radius		: 	30px 30px 30px 30px;
    -webkit-border-radius	: 	30px 30px 30px 30px;
	border-color			:	#666;
}

/*
Positionner un div avec ascenceur dans un tableau
*/
.divascenseur1
{
	visibility 				: 	visible; 
	width 					: 	300px; 
	height 					: 	400px; 
	overflow 				: 	scroll; 
	border-radius			: 	30px 30px 30px 30px;
	-moz-border-radius		: 	30px 30px 30px 30px;
    -webkit-border-radius	: 	30px 30px 30px 30px;
	border-color			:	#666;
}

/*
Positionner un div avec ascenceur dans un tableau
*/
.divascenseur2
{
	visibility 				: 	visible; 
	width 					: 	800px; 
	height 					: 	350px; 
	overflow 				: 	scroll; 
	border-radius			: 	30px 30px 30px 30px;
	-moz-border-radius		: 	30px 30px 30px 30px;
    -webkit-border-radius	: 	30px 30px 30px 30px;
	border-color			:	#666;
	border					: 	solid;
	border-width			:	3px;
}

.divascenseur3
{
	visibility 				: 	visible; 
	width 					: 	150px;
	overflow-style:marquee-block;
	 
	height 					: 	270px; 
	overflow 				: 	scroll; 
	
	/*
	border-radius			: 	30px 30px 30px 30px;
	-moz-border-radius		: 	30px 30px 30px 30px;
    -webkit-border-radius	: 	30px 30px 30px 30px;
	*/
	border-color			:	#666;
	word-wrap				:	break-word;
}

/* 
pour le haut de page
*/
.entete
{
	margin-left 			: 	0px;
	margin-right 			: 	0px;
	margin-bottom 			: 	0px;
	margin-top 				:	0px;
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-color			:	#666;
	background-color		:	#CCCCCC;
/**/	
	width					:	100%;  
	border-style			:	solid;
	vertical-align			:	middle;
}

/*
Pour mettre une image de fond dans une cellule
*/
.fenetreseule
{
	width					: 	50%; 
	background-repeat		:	no-repeat;
	background-position		:	center;
	background-image		:	url(../../commun/images/fond.jpg) ;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-style				:	italic;
	font-size				:	24px;
	vertical-align			:	text-top;
}

/*
Pour mettre une image de fond dans une cellule
*/
.fenetreseule1
{
	width					: 	30%; 
	background-repeat		:	no-repeat;
	background-position		:	center;
	background-image		:	url(../../commun/images/fond.jpg) ;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	14pt;
	font-style				:	italic;
	font-weight				: 	bold;
	color					:	#900;
	vertical-align			:	middle;
	text-align				:	left;
 }


/* 
Mise en forme générale	
*/
.general
{
	margin-left 			: 	10px;
	margin-right 			: 	10px;
	margin-bottom 			:	10px;
	margin-top 				: 	10px;
	background-color		: 	#FFFFFF;
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-bottom			: 	double;
	border-left				: 	double;
	border-right			: 	double;
	border-top				: 	double;
	border-color			: 	#00F;
	vertical-align			: 	middle;
	width					: 	99%;
}

/* 
Mise en forme générale
*/
.generaladherent
{
	margin-left 			: 	10px;
	margin-right 			: 	10px;
	margin-bottom 			:	10px;
	margin-top 				: 	10px;
	background-color		: 	#FFFFFF;
/**/	
	width					: 	99%; 
	vertical-align			: 	middle;
}


.generalfenetreseule
{
	margin-left 			: 	10px;
	margin-right 			: 	10px;
	margin-bottom 			:	10px;
	margin-top 				: 	10px;
	background-color		: 	#FFFFFF;
	width					: 	60%; 
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-bottom			: 	double;
	border-left				: 	double;
	border-right			: 	double;
	border-top				: 	double;
	border-color			: 	#00F;
}

/*
Tableau general pour fenêtre texte 
*/
.generalfenetretexte
{
	margin-left 			: 	10px;
	margin-right 			: 	10px;
	margin-bottom 			:	10px;
	margin-top 				: 	10px;
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-bottom			: 	double;
	border-left				: 	double;
	border-right			: 	double;
	border-top				: 	double;
	background-color		: 	#FFFFFF;
	border-color			:	#00F;
	border-width			:	2px; 
 	border-style			:	solid; 
	font-family				:	"Times New Roman", Times, serif;
	color					:	#900;
	font-weight				:	bold;
	font-style				:	oblique;
	text-align				:	center;
	vertical-align			:	top;
}

/*
Tableau general pour fenêtre texte 
*/
.generalfenetretexte1
{
	margin-left 			: 	10px;
	margin-right 			: 	10px;
	margin-bottom 			:	10px;
	margin-top 				: 	10px;
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-bottom			: 	double;
	border-left				: 	double;
	border-right			: 	double;
	border-top				: 	double;
	background-color		: 	#FFFFFF;
	border-color			:	#00F;
	border-width			:	2px; 
 	border-style			:	solid; 
	font-family				:	"Times New Roman", Times, serif;
	color					:	#900;
	font-weight				:	bold;
	font-style				:	oblique;
	text-align				:	left;
	vertical-align			:	top;
}

/*
Tableau general pour une liste
*/
.generalfenetreliste
{
	margin-left 			: 	10px;
	margin-right 			: 	10px;
	margin-bottom 			:	10px;
	margin-top 				: 	10px;
	width					: 	99%; 
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-bottom			: 	double;
	border-left				: 	double;
	border-right			: 	double;
	border-top				: 	double;
	background-color		: 	#FFFFFF;
	border-color			:	#00F;
	border-width			:	2px; 
 	border-style			:	solid; 
}

.generalflash
{
	margin-left 			: 	10px;
	margin-right 			: 	10px;
	margin-bottom 			:	10px;
	margin-top 				: 	10px;
	background-color		: 	#FFFFFF;
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	border-bottom			: 	double;
	border-left				: 	double;
	border-right			: 	double;
	border-top				: 	double;
	border-color			: 	#00F;
	vertical-align			: 	middle;
	width					: 	70%;
}

/*
Pour les entete
*/
.h1
{
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
    -webkit-border-radius	: 	10px 10px 10px 10px;
	background-color		: 	#FFFFFF;
	color					: 	#900;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	20px;
	text-align				: 	center;
	font-weight				: 	bold;
	font-style				: 	italic;
	background				:   url(../../commun/images/cadre_liste.jpg);
	background-repeat		:	repeat;
}

/*
Modification des sous menus
*/
.liste
{
	list-style-type		: circle;
	list-style-position	: inside;
	margin				: 1;
	padding				: 5;
}

.image
{
	width				:	750px;
	height				:	600px; 
	alignment-adjust	:	central; 
}

/*
images en selection
*/
.imgselect {
	cursor					:	pointer;
}

/*
information 
*/

.information
{
	width				:	400px;
	height				:	350px; 
	alignment-adjust	:	central; 
}

/* 
zone texte 			
*/
.libellelecture {
	background		: 	#CCC;
	text-align		: 	center;
	font			:	"Times New Roman", Times, serif;
	font-size		: 	10pt;
	font-style		:	italic;
	font-weight		: 	bold;
	color			: 	#900;
	width			:	200px;
	border-color	:	#666666;
	border-style	:	dotted;
}

/* 
Permet de ne pas déployer le menu sans modifier la visibility. 

	
*/
.menuBloc
{
	position				: 	absolute;	
	margin-top				: 	-6px;
	padding					: 	5px;
	text-align				: 	left;
	text-decoration			:	underline;
	color					:	#FFF;
	visibility				: 	hidden;
	display					: 	block;
	background-color		: 	#6058E4;
	border-color			:	#F00;
	border-style			:	dashed;
	border-width			:	3px;
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
	-webkit-border-radius	: 	10px 10px 10px 10px;
	width					: 	160px;
}
/* 
Permet de ne pas déployer le menu sans modifier la visibility. 
*/
.menuBloc1
{
	position				: 	absolute;
	padding					: 	5px;
	text-align				: 	center;
	margin-top				: 	50px;
	width					: 	722px;
	left					: 	478px;
	top						: 	79px;
	height					: 	63px;
	color					:	#000099;
	visibility				: 	hidden;
	display					: 	block;
	background-color		: 	#FF9;
	border-color			:	#F00;
	border-style			:	solid;
	border-width			:	3px;
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
	-webkit-border-radius	: 	10px 10px 10px 10px;
}

/* 
Permet de ne pas déployer le menu sans modifier la visibility. 

*/
.menuBloc2
{
	position				: 	absolute;
	padding					: 	5px;
	text-align				: 	center;
	margin-top				: 	10px;
	width					: 	600px;
	height					: 	100px;
	left					: 	10px;
	top						: 	110px;
	color					:	#FFFFFF;
	visibility				: 	hidden;
	display					: 	block;
	background-color		:	#00C;
	border-color			:	#F00;
	border-style			:	solid;
	border-width			:	3px;
	border-radius			: 	10px 10px 10px 10px;
	-moz-border-radius		: 	10px 10px 10px 10px;
	-webkit-border-radius	: 	10px 10px 10px 10px;
}

/*
Texte pour les listes
*/
.menuliste
{
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	16px;
	color					:	#900;
 	text-align				: 	center;
	font-weight				: 	bold;
	font-style				: 	italic;	
	background				:   url(../../commun/images/cadre_liste.jpg);
	background-repeat		:	repeat;
}

/* 
pour le style normal toutes balises
*/
.normal
{
	margin-left 		: 0px;
	margin-right 		: 0px;
	margin-bottom 		: 0px;
	margin-top 			: 0px;
}

.photo
{
	width				:	950px;
	height				:	650px; 
	alignment-adjust	:	central; 
}

/*
Pour le tableau de droite qui contient les informations
Si l'alignement haut ne fonctionne pas mettre dans la maquette : valign="top" align="left"  width="80%"#006
*/
.separation
{
	width					: 	90%; 
	border-left				:	dashed;
	border-left-color 		: 	#900;
	border-left-width		:	3px;
	background-repeat		:	no-repeat;
	background-position		:	center;
	background-image		:	url(../../commun/images/fond.jpg) ;
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-style				:	italic;
	font-size				:	24px;
	vertical-align			:	text-top;
}

/*
Texte dans le tableau principal 
*/
.texte
{
	white-space	: 	-moz-pre-line;
	white-space	: 	pre-line;
	font-family	:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size	: 	16px;
	text-align	: 	center;
	font-weight	:	bold;
	font-style	: 	italic;
}

/*
Pour le texte au dessus du bloc menu 
*/
.texteentete
{
	background-color	: #FFFFFF;
	color				: #900;
	font-family			: Verdana;
	font-size			: 14px;
	text-align			: center;
	font-weight			: bold;
	font-style			: italic;
}

/*
Pour forcer la couleur du lien sur tout type de lien
*/
.textlien
{
	text-align			: 	left;
	text-decoration		:	underline;
	color				:	#900;
}

/*
Texte pour les liens dans les listes
*/
.textlienliste
{
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	14px;
	color					: 	#900;
 	text-align				: 	center;
	font-weight				: 	bold;
	font-style				: 	italic;
	cursor					:	pointer;
	text-decoration			:	underline;
}

/*
Pour la page d'accueil sur les liens news et articles 
*/
.textliennews
{
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	12px;
	color					: 	#900;
 	text-align				: 	left;
	font-weight				: 	bold;
	font-style				: 	italic;
	cursor					:	pointer;
	text-decoration			:	underline;
}

/*
Zone de liste impaire
*/
.textecombo {
	background:#FFC;
	border-bottom-color:#CC0000;
	border-top-left-radius:45;
	border-bottom-width:medium;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	text-decoration:underline;
}

/*
Zone de liste impaire
*/
.texteimpair {
	background		: 	#E2E2E2;	
	text-align		: 	center;
	font			:	"Times New Roman", Times, serif;
	font-size		: 	12pt;
	font-style		:	italic;
	font-weight		: 	bold;	
	color			:	#FF0000;
}

/*
Zone de texte indépendante
*/
.texteindependant {
	font-family				:	"Times New Roman", Times, Arial, Helvetica, serif, sans-serif;
	font-size				: 	12px;
	color					: 	#900;
 	text-align				: 	left;
	font-weight				: 	bold;
	font-style				: 	italic;
}

/*
Pour mettre du texte dans des zone de lecture , pas de MAJ
*/
.textelecture {
	background		: 	#E2E2E2;
	text-align		: 	left;
	font			:	"Times New Roman", Times, serif;
	font-size		: 	10pt;
	font-style		:	italic;
	font-weight		: 	bold;
	color			:	#FF0000;
	width			:	800px; 
	border-style	:	double;
	border-color	:	#333333;
}

/*
Zone de liste paire
*/
.textepair {
	background 		:	#FFFFFF;
	text-align		: 	center;
	font			:	"Times New Roman", Times, serif;
	font-size		: 	12pt;
	font-style		:	italic;
	font-weight		: 	bold;
	color			:	#FF0000;
}

/*
Zone de recherche 
*/
.texterecherche {
	background		: 	#E2E2E2;
	text-align		: 	left;
	font			:	"Times New Roman", Times, serif;
	font-size		: 	10pt;
	font-style		:	italic;
	font-weight		: 	bold;
	color			:	#FF0000;
	width			:	350px; 
	border-style	:	double;
	border-color	:	#333333;
}

/*
Zone de recherche 
*/
.texterecherche1 {
	background		: 	#E2E2E2;
	text-align		: 	left;
	font			:	"Times New Roman", Times, serif;
	font-size		: 	10pt;
	font-style		:	italic;
	font-weight		: 	bold;
	color			:	#FF0000;
	width			:	150px; 
	border-style	:	double;
	border-color	:	#333333;
}

/* 
Pour les entêtes de tableau 
*/
.th
{
	background				:	#00C;
	font-family				:	"Times New Roman", Times, serif;
	font-style				:	oblique;
	color					:	#E5E5E5;
	border-radius			: 	30px 30px 30px 30px;
	-moz-border-radius		: 	30px 30px 30px 30px;
    -webkit-border-radius	: 	30px 30px 30px 30px;
	text-align				:	left;
}

.vignette
{
	width				:	850px;
	height				:	550px; 
	alignment-adjust	:	central; 
}


.video
{
	width				:	750px;
	height				:	750px; 
	alignment-adjust	:	central; 
}