/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*            				FEUILLE DE RESET !!!
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/


/* =INITIAL
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com
   Addition by Christian Montoya - www.christianmontoya.net */
	/* Neutralize styling:
   Elements we want to clean out entirely: */
html,body,form,fieldset {
	margin: 0;
	padding: 0;
	font: 100%/ 120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {
	margin: 1em 0;
	padding: 0;
}

ul{
	margin: 10px;
	padding: 0;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

input,select,textarea {
	font-size: 90%;
	font-family: inherit;
}



/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*            DEFINITION DES BLOCS PRINCIPAUX (MENUS, CORPS, ETC...)
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/


body
{
	width: 1000px;
	margin: auto;
	color: #006699; /* définition de la couleur du texte */
	font-family: "Comic Sans MS", serif; /* définition des polices du texte */
	font-size: 98%; /* définition de la taille du texte */
	text-align: justify; /* Le texte sera justifié */
	background-color: rgb(127,191,191);
	background-image: url("DesignsV2/design1/1.jpg"); /*téléchargement de l'image de fond */
	background-repeat: repeat-y;
	background-position: center;
}
/* -------------------   Définition des liens ------------------------------ */



a img /* Annulation des cadres autour des images-lien */
{
	border:0;
}

a:visited /* format des liens visités  */
{
   text-decoration: none;
}
a:focus /* format des liens sélectionnés  */
{
   background-color: #6699FF;
}
a:hover /* format des liens pointés  */
{
   text-decoration: underline;
   color: #339966;
}
a /* Format des lien normaux */
{
   text-decoration: none;
   font-style: italic;
   color: #0066CC;
}

/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*          			DEFINITION DE LA BANNIERE COMPLETTE
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/* -------------------------   Définition des bannieres -------------------- */


#ban /* Définition des propriétées de la bannière */
{
    height: 180px; /* définition de la hauteur du bloc */
    width: 1000px;
}

#ban1A /* Définition des propriétées de la bannière */
{
    height: 180px; /* définition de la hauteur du bloc */
    width: 500px;
    margin: 1px;
    margin-left: 80px;
    float: left;
    /* background-image: url("DesignsV2/design1/ban2.jpg"); /* source de l'image */
    background-repeat: no-repeat; /* Je demande à ne pas le répetter */
    background-position: center; /* La bannière est centrée */
	/* border: 1px solid yellow;*/
}

#ban2A /* Définition des propriétées de la bannière */
{
    height: 180px; /* définition de la hauteur du bloc */
    width: 400px;
    margin: 1px;
    float: right;
/*	border: 1px solid purple;*/
}

#ban2A2 /* Définition des propriétées de la bannière */
{
	font-size: 85%;  /* définition de la taille du texte */
    min-height: 120px;
    width: 145px;
    float: right;
    border-left: 2px solid #FFFF66;
    border-right: 1px solid #FFFF66;
    border-bottom: 2px solid #FFFF66;
    text-align: justify;
    margin-right: 60px;   /* centrage automatique du bloc */
    padding-top: 5px;
	text-align: center;
/*	border: 1px solid yellow;*/
}

.titreInfoBloc /* Titres de dangers, exclusion */
{
	font-size: 90%;
    font-family: "Lucida Sans", Pristina, serif;	
    color: #FF9900;
 	border-bottom: 1px solid #FF6600;
}

.JREST
{
	font-size: 180%;  /* définition de la taille du texte */
	color: #339999;
	text-align: center;
	font-family: "Lucida Sans", Forte, "Rage Italic", serif;
}

.logoPI
{
	text-align: right;
    height: 20px;
    margin-left: -2px;
    width: 148px;
	background-color: #FFFF66;
}

	/* ------------   Propriétés du calendrier ---------- */
#ban2A1
{
	float: left;
	width: 190px;
/*	border: 1px solid yellow;*/
}

#ban2A1 table
{
	border-collapse: collapse;
	border: none; /* Bordure du tableau avec effet 3D (outset) */
	padding: 4px;
	margin: 5px;
	text-align: center;
	margin: auto;
	font-size: 75%;
}

#ban2A1 table td
{
    color: #336699;  /* définition de la couleur */
    padding: 6px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
    text-align: center;
    border: none; /* Bordure du tableau avec effet 3D (outset) */
}

#ban2A1 table th
{
    color: #000099;  /* définition de la couleur */
    font-size: 85%; /* définition de la taille du texte */
    background-color: #99CCFF;
    padding: 6px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
    text-align: center;
}


/* --------------   Définition de la palette de suivi lateral  -------------- */

#HautPage
{
    position: fixed;
    right: 0px;
    bottom: 10px;
	width: 90px;
	height: 330px;
	text-align: center;
/*	border: 1px solid yellow;*/
}

/* --------------   Définition de la palette de suivi inférieur  -------------- */

.BasPage
{
	margin: auto;
    position: fixed;
    bottom: 0px;
	width: 950px;
	height: 30px;
	text-align: center;
    font-size: 75%; /* définition de la taille du texte */
	background-image: url("DesignsV2/design1/BasMenu.gif"); /*téléchargement de l'image de fond */
	background-repeat: repeat-x;
}

/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*          			DEFINITION DU MENU EN CASCADE
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/


/* -------------------   Définition de la barre de menu  -------------------- */

#BarreMenu /* Définition des propriétées de la bannière */
{
    height: 50px; /* définition de la hauteur du bloc */
    width: 970px;
    margin: auto;
/*	border: 1px solid pink;*/
	background-image: url("DesignsV2/design1/FondMenu.jpg"); /*téléchargement de l'image de fond */
	background-repeat: repeat-x;
}

.SousMenu /* Définition des propriétées de la bannière */
{
	float: left;
	height: 35px; /* définition de la hauteur du bloc */
    width: 135px;
    margin-top: 5px;
    margin-left: 3px;
/*	border: 1px solid black;*/
}
.SousMenu2 /* Définition des propriétées de la bannière */
{
	float: left;
	height: 30px; /* définition de la hauteur du bloc */
    width: 600px;
    margin-top: 7px;
    margin-left: 30px;
}

.menu ul /* Liste */
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        line-height : 25px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		color: #0033CC; /* définition de la couleur */
		font-size: 100%; /* définition de la taille */
		font-family: Forte, "Rage Italic", serif; /* définition des polices */
	    list-style : none; /* on supprime le style par défaut de la liste */
}

.menu /* Ensemble du menu */
{
		float: left;
		margin: auto;
		text-align: center;
		height: 25px;
		color: #0033CC; /* définition de la couleur */
        list-style : none; /* on supprime le style par défaut de la liste */
}

.menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 150px; /* largeur */
        padding-top: 7px;
        padding-bottom: 10px;
		font-size: 100%; /* définition de la taille */
		color: #339966;
		font-family: Forte, "Rage Italic", serif; /* définition des polices */
}

.menu li /* Elements des listes */
{
        float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 0px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body .menu li
{
        border-right: 0px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

.menu li ul /* Sous-listes */
{
        position: absolute; /* Position absolue */
        width: 150px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        display: block;
        text-align:left;
        z-index: 600; /* on définit une valeur pour l'ordre d'affichage */
		/*background-image: url("structure/left11.jpg"); /*téléchargement de l'image de fond */
}

.menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 0px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
        width: 150px; /* Largeur des sous-listes */
        z-index: 600; /* on définit une valeur pour l'ordre d'affichage */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

.menu li ul ul
{
		position: absolute;
        margin-top:-40px;
		margin-left:149px !important;/*celle pour firefox*/
		margin-left:74px;/*celle pour internet explorer*/
		 /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */
		background-image: url("DesignsV2/design1/left10.jpg"); /*téléchargement de l'image de fond */
		background-position: bottom;
		width: 190px;
		display: inline;
}

.menu li ul li
{
		padding-top: 1px;
		padding-bottom: 1px;
    	border-left: 2px solid #339999;
    	border-right: 2px solid #339999;
    	border-bottom: 1px solid #339999;
		font-size: 90%; /* définition de la taille */
}

.menu li ul li ul li
{
		height: 20px;
		width: 190px;
		font-size: 80%;
}
.menu li ul li ul li a
{
		height: 15px;
		width: 190px;
		text-align: center;
		padding-top: 1px;
		padding-bottom: 2px;
}

.menu li ul li a
{
		font-size: 100%; /* définition de la taille */
		color: #0066CC;
		font-family: "Comic Sans MS", serif; /* définition des polices du texte */
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul
{
        border-left: 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

.menu li:hover ul ul, .menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
        background-color: #FFFFFF;
}

.menu li:hover ul, .menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 1%; /* Corrige un bug sous IE */
}

.menu ul li ul li a:hover
{
        background-color: rgb(197,222,207);
}
.menu ul li a:hover
{
        background-color: rgb(185,216,198);
}

.fond0
{
	background-image: url("DesignsV2/design1/left10.jpg"); /*téléchargement de l'image de fond */
}
.fond1
{
	background-image: url("DesignsV2/design1/left11.jpg"); /*téléchargement de l'image de fond */
}
.fond2
{
	background-image: url("DesignsV2/design1/left12.jpg"); /*téléchargement de l'image de fond */
}
.fond3
{
	background-image: url("DesignsV2/design1/left13.jpg"); /*téléchargement de l'image de fond */
}
.fond4
{
	background-image: url("DesignsV2/design1/left14.jpg"); /*téléchargement de l'image de fond */
}
.fond5
{
	background-image: url("DesignsV2/design1/left15.jpg"); /*téléchargement de l'image de fond */
}
.fond6
{
	background-image: url("DesignsV2/design1/left16.jpg"); /*téléchargement de l'image de fond */
}


/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*          DEFINITION DE LA DYNAMIQUE (LIENS, SEPARATIONS, INFOBULLES...)
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/


/* ---------------   Définition du corps et de ses balises  ----------------- */
#corps1
{
	width: 950px;
/*	border: 1px solid blue;*/
	margin: auto;
	padding: 5px;
}

h5
{
	color: #339966; /* définition de la couleur */
	font-size: 140%; /* définition de la taille */
	font-family: Pristina, Forte, "Rage Italic", serif; /* définition des polices */
	text-indent: 10px; /* définition du décalage des titres */
	padding-bottom: 2px;
	padding-top: 2px;
}

h4  /* ATTENTION */
{
	color: red; /* définition de la couleur */
	font-size: 180%; /* définition de la taille */
	font-family: Arial, "Rage Italic", serif; /* définition des polices */
	text-indent: 40px; /* définition du décalage des titres */
	text-decoration: underline;
	padding-bottom: 2px;
	padding-top: 2px;
}

h3
{
	color: #339966; /* définition de la couleur */
	font-size: 200%; /* définition de la taille */
	font-family: Pristina, Forte, "Rage Italic", serif; /* définition des polices */
	text-indent: 20px; /* définition du décalage des titres */
	padding-bottom: 2px;
	padding-top: 2px;
}

h2
{
	color: #339966; /* définition de la couleur */
	font-size: 170%; /* définition de la taille */
	font-family: Pristina, Forte, "Rage Italic", serif; /* définition des polices */
	text-indent: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}

h1
{
	color: #33CCFF; /* définition de la couleur */
	font-size: 130%; /* définition de la taille */
	font-family: Pristina, Forte, "Rage Italic", serif; /* définition des polices */
	text-indent: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.txtcentre
{
	text-align:center; /*Texte centré */
	Font-size: 130%;
	Font-family:"Bradley Hand ITC", Forte, "Rage Italic", serif; /* définition des polices */
}
.toutpetit
{
	Font-size: 80%;
	Text-indent: 60px;
}

/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*          			DEFINITION DU PIED DE LA PAGE
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/* ----------------------   Définition du pied de page --------------------- */



#piedbas
{
	 clear: both;
     background-image: url("images/fond3.jpg"); /*téléchargement de l'image de fond */
	 background-repeat: no-repeat;
	 background-position: top center; /* l'image de fond sera calée en bas à droite */
   	 height: 204px;
   	 margin-top: 30px;
	 /* border: 2px solid #FF6633; */
}
#pied
{
     margin: auto;
     padding-top: 50px;
     text-align: center;
   	 font-family: Papyrus, "Time News Roman", serif; /* définition des polices du texte */
	 font-size: 80%; /* définition de la taille du texte */
     color: #3366CC;
     /* border: 2px solid #000066; */
     width: 800px;
     clear: both;
}

.petitpied
{
    color: #3366CC;
	font-size: 90%; /* définition de la taille */
}


/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*          DEFINITION DE LA DYNAMIQUE (LIENS, SEPARATIONS, INFOBULLES...)
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/* ------------------------   Propriétés générales ------------------------- */


label
{
	display:block;
	width:230px;
	float:left;
}

.dessous
{
	clear: both;
}

.image_gauche
{
	padding-top: 4px;
	float: left;
	margin-right:15px;
}

.image_droite
{
	float: right;
	margin-left:15px;
}

.image_centre
{
	text-align:center;
}

#centre
{
	text-align:center;
}

.centre
{
	text-align:center;
}


/* -----------------------   Propriétés des tableaux ----------------------- */

table
{
	border-collapse: collapse;
	border: 1px outset #000099; /* Bordure du tableau avec effet 3D (outset) */
	padding: 3px;
	margin: 3px;
	text-align: center;
	margin: auto;
	font-size: 75%;
}

td
{
    color: #336699;  /* définition de la couleur */
    padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
    border: 2px solid #000099; /* Bordure du tableau avec effet 3D (outset) */
}

th
{
    color: #000099;  /* définition de la couleur */
    font-size: 85%; /* définition de la taille du texte */
    background-color: #99CCFF;
    padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
    border: 2px solid #336699; /* Bordure du tableau avec effet 3D (outset) */
}

.A
{
	padding: 3px;
	margin: 3px;
	text-align: center;
	margin: auto;
	font-size: 75%;
}

#fond
{
    color: #33FFFF;  /* définition de la couleur (bleure) */
    font-size: 90%; /* définition de la taille du texte */
    float: right;
    text-indent: 5px;
}


/* ------------------   Propriétés relatives au livre d'Or  ---------------- */

.message /* Pour le livre d'or */
{
    padding-top: 10px;
    width: 500px;
    font-family: "Comic Sans MS", serif;
    margin: auto;   /* centrage automatique du bloc */
    padding: 8px;   /* marges internes du bloc */
    text-align: justify;   /* texte justifié */
	font-size: 100%; /* définition de la taille du texte */
    border: 1px solid #3399FF;   /* bordure */
}
.indication
{
    color: #FFFFFF;
    font-size: 80%;
    font-style: Italic;
    text-align: right;
    font-family: "Comic Sans MS", serif;
}

.citation
{
    padding-left:40px;
    font-size: 180%;
    font-style: Italic;
    font-family: Mistral,"Times News Roman", serif;
}


/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*          					INFOBULLES
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/
a.infobulle
{
   color: #006699;
   text-decoration: none;
}

a.infobulle span
{
   display: none; /* on masque l'infobulle */
}

a.infobulle:hover
{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.infobulle:hover span
{
    display: inline; /* on affiche l'infobulle */
    position: fixed;
    top: 10px; /* on positionne notre infobulle */
    right: 10px;
    z-index: 600; /* on définit une valeur pour l'ordre d'affichage */

    background-color:  #CCFFFF;
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 180px;
    font-size: 80%; /* définition de la taille du texte */
    padding: 3px;
    border: 1px solid #00CC99;
    border-left: 3px solid #99FFCC;
    border-top: 3px solid #99FFFF;
}

/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*          							PHOTOS
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

#diapo
{
	 clear: both;
	 margin: auto;
     background-image: url("logos/diapo.gif"); /*téléchargement de l'image de fond */
	 background-repeat: repeat-x;
	 background-position: top center; /* l'image de fond sera calée en bas à droite */
   	 height: 204px;
   	 width: 900px;
     /* border: 2px solid #00CCFF; */
}
.image_gauche
{
	float: left;
	margin-right:15px;
}

.image_droite
{
	float: right;
	margin-left:15px;
}
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/*          			DIFFERENTS BLOCS ESTHETIQUES
/*___________________________________________________________________________*/
/*___________________________________________________________________________*/

/* -----------------------   Acceuil/News/PointInfo  ----------------------- */


#newsAncre
{
	font-size: 160%;
    font-family: Pristina, serif;	
    color: #66CCFF;
 	border-bottom: 1px solid #66CCFF;
}

.CommentBulle
{
	width: 40px;
	height: 20px;
	/*border: 1px solid #99FFCC;*/
	text-align: center;
	font-size: 80%; /* définition de la taille du texte */
	float: right;
}

#PIAncre
{
	font-size: 160%;
    font-family: Pristina, serif;	
    color: #FF9900;
 	border-bottom: 1px solid #FF9900;
}
.SousTitre
{
	font-size: 90%;
    font-family: "Lucida Sans", Pristina, serif;	
    color: #FF9900;
 	border-bottom: 1px solid #FF6600;
}
.logoPI2
{
	text-align: right;
	bottom: 0px;
    height: 20px;
    margin-left: 0px;
    text-indent: -15px;
    width: 300px;
	background-image: url("logos/fondPI.jpg"); /*téléchargement de l'image de fond */
	background-repeat: repeat-x;
	background-position: right;
}
.logoPI3
{
	text-align: center;
	position: relative;
	bottom: -25px;
	right: -2px;
    height: 20px;
    width: 200px;
    margin-left: 0px;
    text-indent: 55px;
    float: right;
	background-image: url("logos/fondPI2.jpg"); /*téléchargement de l'image de fond */
	background-repeat: no-repeat;
	background-position: bottom right;
}

#blocAcceuilA
{
    height: 200px;
    width: 1000px;
    text-align: justify;
    margin: auto;   /* centrage automatique du bloc */
    padding-bottom: 20px;
}
.blocAcceuilB
{
	font-size: 85%;  /* définition de la taille du texte */
    height: 210px;
    width: 300px;
    float: left;
    border: 2px solid #FFFF66;
    text-align: justify;
    margin: 5px;   /* centrage automatique du bloc */
}

.blocAcceuilBB
{
	font-size: 90%;  /* définition de la taille du texte */
    height: 210px;
    width: 450px;
    float: left;
    border: 2px solid #FFFF66;
    text-align: justify;
    margin: 5px;   /* centrage automatique du bloc */
}
.blocAcceuilBB21
{
    height: 18px;
    width: 440px;
    margin: 2px;
    padding : 2px;
    border-bottom: 1px solid #FFFF66;
    text-align: justify;
	background-image: url("logos/fondPI.jpg"); /*téléchargement de l'image de fond */
	background-repeat: repeat-x;
}
.blocAcceuilBB22
{
    height: 18px;
    width: 440px;
    margin: 2px;
    padding : 2px;
    border-bottom: 1px solid #FFFF66;
    text-align: justify;
}
.blocAcceuilBB3
{
	text-align: center;
	position: relative;
	bottom: 6px;
    height: 30px;
    width: 200px;
    float: left;
}

.blocAcceuilCC
{
	font-size: 85%;  /* définition de la taille du texte */
    height: 210px;
    width: 400px;
    float: left;
    border: 2px solid #FFFF66;
    text-align: justify;
    margin: 5px;   /* centrage automatique du bloc */
}

.news2
{
   margin: auto;
   min-height: 400px;
   margin-bottom: 3px;
   border: 1px solid #CCCCCC;
   text-align: justify;
   overflow: visible;
   padding: 10px;
   padding-bottom: 10px;
   background-color: #FFFFFF;
   background-image: url("DesignsV2/design1/fondnews.jpg");
   background-repeat: no-repeat;
   background-position: bottom left; /* l'image de fond sera calée en bas à droite */
}
.news3
{
    margin: auto;
    min-height:100px;
    margin-bottom: 3px;
    border: 1px solid #CCCCCC;
    text-align: justify;
    overflow: visible;
    padding: 5px;
    background-color: #FFFFFF;
	font-size: 90%; /* définition de la taille du texte */
}
.indication
{
   color: #FFFFFF;
   font-size: 80%;
   font-style: Italic;
   float: right;
   font-family: "Comic Sans MS", serif;
}

.indication2
{
   font-size: 80%;
   font-style: Italic;
   float: left;
   font-family: "Comic Sans MS", serif;
}

.indicationNews
{
    margin: auto;
    min-height: 15px;
    border: 1px solid #99FFCC;
    text-align: justify;
    padding: 3px;
    background-color: #99CCFF;
	clear: both;
}

.imageNews
{
    max-height: 400px;
    max-width: 500px;
    padding: 2px;
    margin: 5px;
	float: right;
}
/* -------------   Propriétés relatives aux blocs d'administration  -------- */

.NewsAjout
{
	float: right;
	text-align: left;
    width: 560px;
    margin:5px;
    padding:10px;
    border: 2px dashed #66CC99;
}


/* --------------------   Propriétés relatives à la FAQ  ------------------ */


.question
{
    text-indent: 55px;
	font-size: 110%; /* définition de la taille du texte */
    color: #339966;   /* Coloration du texte, joli vert */
	background: url("DesignsV2/design1/what.jpg") no-repeat;
    font-style: italic;
    height: 40px;
    margin-top: 50px;
    margin-left: 50px;
}

/* ----------   Propriétés relatives au panel d'administration  ------------ */

#paneldroite
{
	float: right;
	width: 590px;
/*	border: 1px solid yellow;    bordure de 5px et tirets rouges */

}

#bloc_note_menu
{
	float: right;
    padding: 2px;   /* marges internes du bloc */
    text-align: left;
    width: 550px;
    height: 650px;
    text-align: justify;   /* texte justifié */
/*     border: 1px solid yellow;   /* bordure de 5px et tirets rouges */
}

#bloc_note
{
	float: right;
    padding-top: 4px;
    padding: 5px;   /* marges internes du bloc */
    overflow: scroll;
    height: 400px;
    background-color: #FFFF33;
    text-align: justify;   /* texte justifié */
	font-size: 90%; /* définition de la taille du texte */
    color: #000000;    /* Coloration du texte */
    border: 2px solid #99CCFF;   /* bordure de 5px et tirets rouges */
}

#Bloc_Admin_Principal
{
	float: left;
    margin: 2px;
    width: 350px;
    font-size: 90%; /* définition de la taille du texte */
    border-left: 2px solid #99CCFF;
	border-top: 1px solid #99CCFF;
    text-align: justify;
    overflow: visible;
}

.blocadmin
{
    padding: 1px;
	padding-left:20px;
    margin: auto;
    margin: 4px;
    width: 290px;
    border: 2px dashed #99CCFF;
    text-align: justify;
    overflow: visible;
    float: left;
}

.titreblocadmin
{
	color: #339966; /* définition de la couleur */
	font-size: 140%; /* définition de la taille */
	font-family: Pristina, Forte, "Rage Italic", serif; /* définition des polices */
	text-indent: 10px; /* définition du décalage des titres */
}
.helpblocadmin
{
	float: right;
}

.BlocListe
{
	height: 400px;
	width: 550px;
	overflow: scroll;
}
/* ------------------   Propriétés relatives au POINT INFO  ---------------- */

.blocinfo
{
    margin: auto;
    margin: 3px;
    width: 175px;
    font-size: 70%; /* définition de la taille du texte */
    border: 2px dashed #99CCFF;
    text-align: justify;
    overflow: visible;
    padding: 7px;
}

/* ------------------   Propriétés relatives au BlocConseil  --------------- */

#blocConseil1
{
   height: 400px;
   width: 200px;
   float: left;
   overflow: scroll;
   border: 1px solid #99CCFF;
   text-align: justify;
   background-color: #CCFFFF;
   margin: 10px;
   padding: 15px;
}

#blocConseil2
{
   height: 400px;
   width: 600px;
   float: left;
   overflow: scroll;
   border: 1px solid #99CCFF;
   text-align: justify;
   background-color: #CCFFFF;
   margin: 10px;
   padding: 15px;
}


.visu
{
    width: 550px;
    margin: auto;   /* centrage automatique du bloc */
    padding: 6px;   /* marges internes du bloc */
    text-align: justify;   /* texte justifié */
	font-size: 100%; /* définition de la taille du texte */
    border: 2px dashed #339999;   /* bordure */
}


/* ----------------   Propriétés relatives à la section ACE  --------------- */

#ACE
{
     width: 850px;
     margin: auto;
     /* border: 1px solid red; */
     text-align: justify;
     padding: 10px;
}
#TeteACE
{
     width: 830px;
     margin: auto;
     /* border: 1px solid blue; */
}

.InfoACE
{
    min-height: 240px;
    width: 400px;
    float: left;
    border: 2px outset #CCCCCC;
    padding: 5px;
	font-family: Arial, serif; /* définition des polices */
	font-size: 85%; /* définition des polices */
	margin-left: 30px;
}

.PhotoACE
{
    max-height: 247px;
    max-width: 360px;
    float: right;
	margin-left: 10px;
}

#DescriptionACE
{
	min-height: 430px;
	width: 800px;
	/* border: 1px solid #6699FF; */
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 10px;
	float: left;
}

.AlertesACE
{
   min-height: 100px;
   border: 1px dashed #FF6600;
   text-align: justify;
   background-color: #FFFFFF;
   margin: 2px;
   padding: 4px;
}

.listingACE
{
   min-height: 60px;
   border: 1px solid #669999;
   text-align: justify;
   background-color: #FFFFFF;
   margin: 2px;
   padding: 4px;
}

/* ----------------   Propriétés relatives à la section EVENT --------------- */

.InfoEVENT
{
    height: 45px;
    width: 750px;
    border: 2px outset #CCCCCC;
    padding: 5px;
	font-family: Arial, serif; /* définition des polices */
	font-size: 85%; /* définition des polices */
	margin: auto;
}

.BlocEVENTdroit
{
    width: 135px;
    float: right;
    padding: 5px;
	font-family: Arial, serif; /* définition des polices */
	margin: 2px;
	/*border: 1px dashed #339999; */
}

.BlocEVENTgauche
{
    min-height: 20px;
    width: 400px;
    float: left;
    padding: 5px;
	font-family: Arial, serif; /* définition des polices */
}

/* ------------------- Propriétés relatives à la recherche -------------------*/
.resultat
{
	width: 350px;
    font-size: 80%;
    font-family: Arial, serif;
    border: 2px dashed #33CC99;
    margin: 5px;
    padding: 3px;
    float: left;
}
.option
{
	width: 350px;
	margin-right:150px;
    font-size: 80%;
    font-family: Arial, serif;
    border: 2px dashed #33CC99;
    padding: 3px;
    float: right
}
.listing
{
	width: 900px;
    font-size: 90%;
    font-family: Arial, serif;
    border: 1px dashed #006699;
    margin: 5px;
    padding: 3px;
    clear: both;
}

/* ------------------- Propriétés relatives aux FICHIERS ---------------------*/
.dossier1
{
	margin: auto;
    font-size: 90%;
    font-family: Arial, serif;
    border: 1px solid #CCCCFF;
    margin: 4px;
    padding: 3px;
    float: left;
}
.petitDossier
{
	margin: auto;
	text-align: center;
    border: 1px solid #FFFF99;
    margin: 2px;
    padding: 2px;
    float: left;
}

.listingFichier
{
	width: 400px;
	text-align: left;
	text-indent: 30px;
    border: 1px solid #FFFF99;
    margin: 2px;
    padding: 2px;
    float: right;
}