/*ce lot css permet d'intégrer 1 photo (ou autre) à droite d'un texte avec bordure, à droite sans boruere, à gauche*/

.aDroitecadre {
	float: right;
	margin-top:15px;
	margin-left: 20px;
	margin-bottom:15px;
	margin-right: 0px;
	border: 2px solid #6C8BC2;
	
}

.aGaucheecadre {
	float: left;
	margin-top:5px;
	margin-left: 0px;
	margin-bottom:15px;
	margin-right: 20px;
	border: 1px solid #666666;
	
}

.aDroitebis {
	float: right;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:4px;
	margin-right: 0px;
	border: 0px solid #000000;
	
}
.aGauche {
	float: left;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:3px;
	margin-right: 10px;
	border: 0px solid #000000;
	top: 10px;
	clip: rect(10px,auto,auto,auto);
}	

/*ce css gère une bordure verticale à droite d'1 td*/
.barre_droite {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #87867c;
	border-right-color: #87867c;
	border-bottom-color: #87867c;
	border-left-color: #87867c;
}

/*ce css gère une bordure verticale à gauche et à droite d'1 td*/

.barres_d_g {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #87867c;
	border-right-color: #87867c;
	border-bottom-color: #87867c;
	border-left-color: #87867c;
}



/*ce css met une bordure en bas de td (ou autre)*/
.bordure_bas_td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #adc242;
	clip: rect(auto,auto,auto,auto);
	margin-bottom: 20px;
}

.bordure_haut_td {
	clip: rect(auto,auto,auto,auto);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6C8BC2;
}
/*ce css met un cadre*/
.cadre {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}




/*ce css permet le centrage d'une image, d'un swf, table de 300px de large et 200px de haut : à ajuster en fonction des dimensions*/

.cadrecentrage {
	position: absolute;
	top: 50%;
	left: 50%;
	/* Ajuster la valeur négative jusqu’à ce que le contenu soit centré. */
    margin-top: -100px;
	margin-left: -150px;
	width: 300px;
}



/*le lot css suivant est dédié à une td avec effet de survol*/

.cellule_accueil {
}
.cellule_accueil:link {
}
.cellule_accueil:visited {
}
.cellule_accueil:hover {
	background-color: #8e0067;
}


/*le lot de css suivant est dédié aus td avec changment de couleur de fond de cellule et bordure*/

.cellule_menu: link {
	background-color: #FFFFFF;
	border: 1px solid #ffffff;
}
.cellule_menu:visited {
	background-color: #FFFFFF;
	border: 1px solid #ffffff;
}
.cellule_menu:hover {
	background-color: #deffff;
	border: 1px solid #9bb9cd;
}

/*le lot css suivant est dédié à 1 lien sur le caractère "flêche" existant en Arial et intégré dans un lien de police où ce caractère n'existe pas  */

.fleche {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	border:0px
	color: #9bb9cd;
}
.fleche:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #9bb9cd;
}
.fleche:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #9bb9cd;
}
.fleche:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #9bb9cd;
}


/*le lot css suivant est dédié à 1 lien texte sans effet de survol*/

.lien-bas-page {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.lien-bas-page:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.lien-bas-page:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.lien-bas-page:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: bold;
	color: #1B9AC5;
}



/*le lot css suivant est dédié à 1 lien texte avec effet de survol*/

.lien-mail:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	color: #6C8BC2;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}
.lien-mail:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	color: #6C8BC2;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}
.lien-mail:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	color: #999;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}
.lien-mail2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	color: #FF0000;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}
.lien-mail2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	color: #FF0000;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}
.lien-mail2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: oblique;
	color: #999;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}
.lien-mail3:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: oblique;
	color: #FFFFFF;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}
.lien-mail3:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: oblique;
	color: #FFFFFF;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}
.lien-mail3:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: oblique;
	color: #FF0000;
	font-style: oblique;
	text-decoration: underline;
	font-weight: bold;
}

/*ce lot css est dédié aux td avec lien texte : à appliquer à la td et au texte*/

.lien_td_centrer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
	background-image: url(images/bouton-V-a.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}
.lien_td_centrer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
	background-image: url(images/bouton-V-a.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}
.lien_td_centrer:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990;
	text-decoration: none;
	background-image: url(images/bouton-V-a.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}
.lien_td_centrer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-image: url(images/bouton-V-b.gif);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}


/*le lot css suivant est dédié à 1 lien texte avec effet de survol*/

.menu-h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #9bb9cd;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border: 0px 
	
}


.menu-h:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #9bb9cd;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border: 0px 
	
}

.menu-h:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #9bb9cd;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;	
	border: 0px
	
}
.menu-h:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #628fac;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
    border: 0px	
	
}



/*le lot de css suivant est dédié aus td avec changment de couleur de fond de cellule et éventuelle bordure et gesztion du texte : à appliquer sur la cellule et sur le texte*/

.menu-deroulant-infos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	background-color: #efeeeb;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #87867C;
	border-right-color: #87867C;
	border-bottom-color: #87867C;
	border-left-color: #87867C;
}
.menu-deroulant-infos:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #87867C;
	border-right-color: #87867C;
	border-bottom-color: #87867C;
	border-left-color: #87867C;
}
.menu-deroulant-infos:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	padding: 0px;
	background-color: #efeeeb;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #87867C;
	border-right-color: #87867C;
	border-bottom-color: #87867C;
	border-left-color: #87867C;
}
.menu-deroulant-infos:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	padding: 0px;
	background-color: #cccbc3;
}

/*le lot css suivant est dédié à 1 lien texte avec effet de survol*/

.menu-deroulant-texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #87867c;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	padding: 2px;
	font-style: normal;
	
}
.menu-deroulant-texte:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 2px;
	font-style: normal;
	
}
.menu-deroulant-texte:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #87867c;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	padding: 2px;
	font-style: normal;
	
}
.menu-deroulant-texte:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	padding: 2px;
	font-style: normal;
	
}


/*ce css est dédié à la customisation du scrollbar : visible sur IE*/

.scrollbar {
scrollbar-face-color: #6C8BC2;/*couleur faces avant*/
scrollbar-3dshadow-color: #999999;/*couleur lumiere biais*/
scrollbar-highlight-color: #ffffff;/*couleur haute lumiere*/
scrollbar-3dlight-color: #ffffff;/*couleur ombre biais*/
scrollbar-darkshadow-color: #ccccff;/*couleur ombre portee*/
scrollbar-track-color: #ffffff;/*couleur fond coulisse*/
scrollbar-arrow-color: #ffffff;/*couleur fleche*/
}



/*le lot css suivant est dédié à du texte*/

.texte_contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #262626;
	text-decoration: none;
	text-align: justify;
	font-weight: normal;
}


/*le lot css suivant est dédié à du texte*/

.texte_contenu2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #666;
	text-decoration: none;
	text-align: justify;
	font-weight: bold;
}

/*le lot css suivant est dédié à du texte*/

.texte_contenu_formulaire {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #666;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
}

.texte_merci_formulaire {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #666;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
/*ce css est dédié à du lien texte*/

.texte-menu-V {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #006d55;
	text-decoration: none;
}
.texte-menu-V:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #006d55;
	text-decoration: none;
	text-align: center;
}
.texte-menu-V:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #006d55;
	text-decoration: none;
	text-align: center;
}
.texte-menu-V:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-align: center;	
}

/*ce lot css gère un texte lien*/
.titre_accueil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	color: #8e0067;
	padding-left: 55px;
	letter-spacing: 0.1em;
}

.titre_accueil:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	color: #8e0067;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.titre_accueil:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	color: #8e0067;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.titre_accueil:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-transform: uppercase;
	color: #8E0067;
	text-decoration: underline;
	letter-spacing: 0.1em;
}

/*ce css est dédié à du texte*/

.titre_page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #adc242;
	text-decoration: none;
	clip: rect(auto,auto,auto,auto);
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.carre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ADC242;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.titre_page_petit {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #6C8BC2;
	text-decoration: none;
	clip: rect(auto,auto,auto,auto);
	vertical-align: bottom;
	text-align: center;
}

.fond_td {
	background-image: url(images/fond_cellule.gif);
}
.menu_texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #656513;
	text-decoration: none;
	text-align: center;
}
.menu_texte:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #656513;
	text-decoration: none;
	text-align: center;
}
.menu_texte:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #656513;
	text-decoration: none;
	text-align: center;
}
.menu_texte:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	background: #d1dd0f
}
.menu_basdepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #656513;
	text-decoration: none;
	text-align: center;
}
.menu_basdepage:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #656513;
	text-decoration: none;
	text-align: center;
}
.menu_basdepage:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #656513;
	text-decoration: none;
	text-align: center;
}
.menu_basdepage:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;
}
.texte_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
.nom_produit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #6C8BC2;
	padding-bottom: 1px;
}
.liste_produit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333;
	text-decoration: none;
}
.liste_produit:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333;
	text-decoration: none;
}
.liste_produit:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333;
	text-decoration: none;
}
.liste_produit:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000;
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
.cadre_page {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.alpha {
	opacity:.70;
	background-color: #ffffff;
	filter : alpha(opacity=70);
}
.texte-table-lien{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
}
.texte-table-lien:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.texte-table-lien:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.texte-table-lien:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #adc242;
	text-decoration: none;
	font-weight: bold;
}
.hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0033;
	text-align: left;
	padding-left: 9px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.hover_uk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0033;
	text-align: left;
	padding-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}.encart {
	border: 1px solid #CCCCCC;
}
.rouge_souligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #CC0033;
	text-decoration: underline;
}
.arobase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}