/* CSS Document */
/*

##############################################
#                                            #
#   COULEURS DU SITE DIXIEMEFAMILLE.COM :    #
#                                            #
##############################################

  ---- NUANCES DE BORDEAUX :

 Texte et trait (bordeaux) : #990000 / RVB (153,0,0)


 ---- NUANCES DE VERT :

 Tableau puce et autre (Vert) : #cf6 / rvb (204, 255, 102)

 Vert pale :#cf9

 Vert pastel : #E0FFCA

 Vert violent : #04DB0A


 ---- NUANCES DE ORANGE :

 Colonne de gauche (orange) : #f93 / rvb (255, 153, 51)

 Orange pale : #fc6

 Orange pastel : #FFE179

 Jaune orang?léger du fond des formulaires : #FFFADE

 ---- NUANCES DE BLEU :

 Bleu #6666CC

 ---- NUANCES DE VIOLET

violet : #DB04D8;

 ---- NUANCES DE GRIS

Gris : #E4E4E4

 ---- NUANCES DE JAUNE

Jaune :#EFB62F
*/

body{
	padding: 0;
	font: 1em Verdana, sans-serif;
	font-family: verdana;
	font-size: 14px;
	color: #000;
	float: none;
 }




select{
 font-family: verdana; font-size: 12px; color: #900; background-color:#fff; border:#900 1px solid;
}

select.court{
font-family: verdana; font-size: 10px; color: #900; background-color:#fff; border:#900 1px solid; width: 300px;
}


/*######## TITRES DIVERS ######*/

.titre {
Font-family:verdana; color: #900; font-size:18px ; font-weight:bold; background-color:#f93; text-align:left;line-height:30px;
}

.titrevert {
Font-family:verdana; color: #900; font-size:18px ; font-weight:bold; background-color:#cf6; text-align:left;line-height:30px;
}

.titrevertnormal {
Font-family:verdana; color: #900; font-weight:bold; background-color:#cf6; text-align:center;
}

.titrebordeaux{
Font-family:verdana; color: #900;  font-weight:900; font-size:18px;
}

.competence {
Font-family:verdana; color: #900; font-size:18px ; font-weight:bold; background-color:#cf6; text-align:left;line-height:30px;
}

.grostxt {
 font-size:16px ;margin-left:70px;margin-right:70;
 }

.cursive {
 font-family:cursive; font-size:20px;
 }

.cursive2 {
 font-family:cursive; font-size:24px;margin-right:70;margin-left:70px;text-align:justify;
 }

.fantasy {
 font-family:fantasy; font-size:20px;
 }

li {
 Font-family:verdana;
 }

.liste {
list-style-type:circle;
}

.listelien {
list-style-type:circle;
margin : 0 0 0 0;
line-height:20px;
}

.interligne{
 line-height:25px;
 }

.italique{
 Font-style :italic; color:#900;
 }

.retrait{
 margin-left:70px;
 }

.retraitgd{
 margin-left:30px;margin-right:30px; text-align:justify;
 }

 .dixiemediv{
 text-align:justify; background-color:#FFFFCC;BORDER-RIGHT: 2px inset #cf6; BORDER-LEFT: 2px inset #cf6;BORDER-TOP: 2px inset #cf6; BORDER-BOTTOM: 2px inset #cf6; PADDING-LEFT: 5px; PADDING-RIGHT: 5px;
 }

.fond{
 background-color:#f93;
 }

 .fondorange{
 background-color:#f93;border-color:#f93;
 }

.fondvert{
 background-color:#cf6; border-color:#cf6;
 }

.fondblanc{
 background-color:#fff; border-color:#cf6;
 }

.trait{
 background-color:#900;
 }

.nompersonne{
Font-family:verdana; color: #900;  font-weight:900; font-size:14px;line-height:18px;
}

.bordeau {
 color:#900;
 }

 .bordeaubold {
 color:white;font-weight:bold;
 }

 .bordeaupetit {
 color:#900; font-size:12px;
 }

sanspuce {
list-style-type: none;
}

/* ################### Cadre actu ###################*/

 .actu_petit_j {
 color:#000; font-size:11px;text-align:justify;line-height:10px;padding-bottom:0;margin-bottom:0;padding-top:0;margin-top:0
 }
 a.actu {
 color:#000; font-size:11px;text-align:justify;line-height:10px;padding-bottom:0;margin-bottom:0;padding-top:0;margin-top:0;text-decoration:none
 }
 .actu_titre_j {
 color:#900; font-size:11px;text-align:justify;line-height:10px;padding-bottom:0;margin-bottom:0;text-decoration:none
 }

.plus_dinfos {
font-size:xx-small;text-align:right;line-height:10px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;
}

.interview {
font-size:xx-small;line-height:10px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;margin-left:5px;
}
/*################## Cadre presse ##################*/

 .rdepresse{
color:#000; font-size:11px;line-height:10px;text-align:right;
}

.soustitre{
 color:#900;font-weight:bold;
 }

.soustitregd{
 color:#900;font-weight:bold;margin-left:30px;margin-right:30px; text-align:justify;
 }

.cursivebordeau{
 font-family:cursive; font-size:20px;color:#900;
 }

.copy {
font-size:xx-small
}



/*############# Cadre citation ?droite #############*/

/*ancienne version en violet
.citation {
font-size:xx-small;margin-left:5px;margin-right:5px;color:#6666CC;
}*/

.citation,a.citation,a.citation:hover {
font-size:8pt;margin-left:5px;margin-right:5px;color:#000;margin-bottom:0;padding-bottom:0;line-height:12px;text-decoration:none;
}

.signature {
font-size:8pt;text-align:right;line-height:10px;padding-top:4;margin-top:4;padding-bottom:0;margin-bottom:0;
}

.interview {
font-size:xx-small;line-height:10px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;margin-left:5px;
}

.textenoir{
Font-family:verdana; color: #000; font-size:12px ;
}

.textenoirpetit{
Font-family:verdana; color: #000; font-size:11px ;
}


/*################### Cadre RCE ##############*/
.texteviolet{
Font-family:verdana; color: #DB04D8; font-size:12px ; text-align:left; padding: 5 5 5 5;
}

.textepied {
font-size:xx-small;line-height:10px;padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0;margin-left:5px;
}

/*################### Cadre centraux ##############*/
.textebesoin{
Font-family:verdana; color: #000; font-size:12px ; margin-left:5px;margin-right:5px;color:#105B12;
}

.texteaide{
Font-family:verdana; color: #000; font-size:12px ; margin-left:5px;margin-right:5px;color:#6F3700;
}

.texteblanc{
Font-family:verdana; color: #fff;  line-height:10px;vertical-align:middle;
}

.blanc{
Font-family:verdana; color: #fff; text-decoration:none; font-weight:900;
}

.blancfin{
Font-family:verdana; color: #fff; text-decoration:none;font-size:11px;
}

.titreblanc{
Font-family:verdana; color: #fff;  font-weight:900; font-size:18px;
}

.textleft{
text-align:left;
}

.textleftadmin
{
    FONT-FAMILY: Verdana, Helvetica, arial, Geneva, SansSerif;
    FONT-SIZE: 10px;
    LINE-HEIGHT: 14px;
    TEXT-ALIGN: left;
    COLOR: #000
}

.textright{
text-align:right;
}

.listeparent
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; LINE-HEIGHT: 25px;
    TEXT-ALIGN: left; COLOR: #000; font-style: normal; text-decoration: none
}


.listeenfant
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; LINE-HEIGHT: 20px;
    TEXT-ALIGN: left; COLOR: lime; font-style: normal; text-decoration: none
}


.listelesdeux
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; LINE-HEIGHT: 20px;
    TEXT-ALIGN: left; COLOR: #0099CC; font-style: normal; text-decoration: none
}


.listelesdeuxparent
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; LINE-HEIGHT: 20px;
    TEXT-ALIGN: left; COLOR: #000; font-style: normal; text-decoration: none
}


.listelesdeuxenfant
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; LINE-HEIGHT: 20px;
    TEXT-ALIGN: left; COLOR: lime; font-style: normal; text-decoration: none
}

.soustitreorange{
 color:#f93;font-weight:bold;
 }

.message {
background-color:#fff;
color: #900;
text-decoration:blink;
font-weight:bold;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 13px;
}

.titreadmin
{
    COLOR: #000;
    FONT-FAMILY: Arial, Verdana, Helvetica, Geneva, SansSerif;
    FONT-SIZE: 14px;
    LINE-HEIGHT: 18px;
    TEXT-ALIGN: center;
 	font-weight : bold;
}

.commentleft
{
    FONT-FAMILY: Verdana, Helvetica,  arial, Geneva, SansSerif;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 14px;
    TEXT-ALIGN: left;
    COLOR: #000
}

/* ############ TABLE ET OBJET SANS BORDURE ####################*/

.borderless {
border-style:none;
border-width:0px;
}


.borderlessorange {
border-style:none;
border-width:0px;
border-color:black;
background-color:#f93;
}


.borderlessform {
/* objet des form sans bordure dans la div contenu form partie privée*/
border-style:none;
border-width:0px;
border-color:black;
background-color:#FFFADE;
}

/* ############ TABLE AVEC BORDURES DE COULEUR ####################*/

.bordureverte{
border-style:solid;
border-width:1px;
border-color:#cf6;
}

.bordurevertecentre{
border-style:solid;
border-width:1px;
border-color:#cf6;
text-align:center;
}

.bordurevertefonce{
border-style:solid;
border-color:#04DB0A;
}

.bordureorange{
border-style:solid;
border-width:1px;
border-color:#f93;
}

.bordurebleue{
border-style:solid;
border-width:1px;
border-color:#6265D1;
}

.bordurejaune{
border-style:solid;
border-width:1px;
border-color:#EFB62F;
}

.bordurejaunedor{
border-style:solid;
border-width:1px;
border-color:#FFFF00;
}

.bordureviolette{
border-style:solid;
border-width:1px;
border-color:#DB04D8;
}

.borduregrise{
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
}

.bordurerouge{
border-style:solid;
border-width:1px;
border-color:#FF0000;
}

.bordurebordeaux{
border-style:solid;
border-width:1px;
border-color:#900;
}

.bordurenoire{
border-style:solid;
border-width:1px;
border-color:#000;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.sansbord{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.bordurejaune_cdepresse{
border-width:5px;
border-color:#FFFF99;
}

.bordurebleue_cdepresse{
border-width:5px;
border-color:#66FFFF;
}

/*marge ds contenu de cellule*/
.contenu_marge5{
padding:0 5 0 5;
}

.contenu_marge10{
padding:0 10 0 10;
}

#subvention table{
border-width:2px;
}



/*classe qui définit le cadre et le fond de la div contenu de la partie privée pour les formulaires (inscription, modification) */
.div_contenu_form{
border-style:solid;
border-width:3px;
border-color:#04DB0A;
background-color : #FFFADE;
}





a.aide {
 FONT-FAMILY: Verdana, Helvetica,  arial, Geneva, SansSerif;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 14px;
    TEXT-ALIGN: left;
 color: #900; text-decoration: underline; font-weight:500;
 }

.aide:hover {
 FONT-FAMILY: Verdana, Helvetica,  arial, Geneva, SansSerif;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 14px;
    TEXT-ALIGN: left;
 color: #220089; text-decoration: none;
 }

/* ############# CSS POUR LES ONGLETS #################### */
.TabCommon {FONT: 14px Verdana; COLOR: #CC6600; PADDING: 5px; FONT-WEIGHT: bold; TEXT-ALIGN: center; HEIGHT: 30px; WIDTH: 100px;}
.TabContent {PADDING: 5px;}
.TabContentBottom {PADDING: 10px; BORDER-BOTTOM: 2px outset #cf6;}
.TabOff {CURSOR: pointer; BACKGROUND-COLOR: #cf9; BORDER-LEFT: 1px solid #BBBBBB;}
.TabOn {CURSOR: default; BORDER-TOP: 2px outset #cf6; COLOR: #900;}
.TabBorderBottom{BORDER-BOTTOM: 2px inset #cf6;}
.TabActiveBorderLeftRight{BORDER-RIGHT: 2px outset #cf6; BORDER-LEFT: 2px outset #cf6;}
.TabActiveBackground {BACKGROUND-COLOR: #cf6;}
.TabActiveBorderLeft{BORDER-LEFT: 2px outset #cf6;}
.TabActiveBorderRight{BORDER-RIGHT: 2px outset #cf6;}



/* ############# CSS POUR LA TOOLBOX #################### */
#toolbox {
position : absolute;
left:860px;
top: 0px;
width:142px;
}

#toolbox .toolbox {
font-size:12px;color:#fff;text-decoration:none;
}
#toolbox a.toolbox,a.toolbox:visited{
font-weight:bold;
}
#toolbox a.toolbox:hover{
color:#FF0000;
}

/* ############# CSS POUR LES ÉTIQUETTES DES LIENS #################### */
.popperlink {
position: absolute;
visibility: hidden;
z-index:1000;
background-color:#fff;
border: 3px solid #04DB0A;
}

/* ############# CSS POUR LE LOGO #################### */
#logo {
position : absolute;
left:0px;
top: 5px;
}

/* ############# CSS POUR LE CADRE RECRUTEMENT #################### */
#cadre_recrutement .blanc{
Font-family:verdana; color: #fff; text-decoration:none; font-weight:900;
}

#cadre_recrutement .blanc:hover{
Font-family:verdana; color: #0000FF; text-decoration:none; font-weight:900;
}

.ref,A.ref:hover { color: #fff; text-decoration: none; font-size: 1px; }


.cell_lien :hover{
background-color: #fff;
color: #FF0000;
text-decoration: none;
}

/*############ gestion des images flottantes ###########*/
.image_flottante_gauche{
	float:left;
	margin: 0 10 0 0;
}

.image_flottante_droite{
	float:right;
	margin: 5 0 5 10;
}


/*############  DIV CADRE_CONNEXION
cadre de connexion ou d'affichage des infos quand on est connect?
Seuls les styles sont l?les positionnements sont dans le fichiers jg.css
*/
	div#connexion_box {
	width: 180px;
	height:240px;
	}

	div#connexion_box .head {
	background-color:#cf6;
	text-align:center;
	color:#900;
	font-weight:900;
	font-size:13px;
	}
	div#connexion_box .contenu {
	background-color:#f93;
	}
	div#connexion_box .haut_g {
	width:6px;
	height:5px;
	background-image:url("../../public/images/connexion_coin_h_g.gif");
	}
	div#connexion_box .haut_d {
	width:7px;
	height:5px;
	background-image:url("../../public/images/connexion_coin_h_d.gif");
	}
	div#connexion_box .bas_g {
	width:6px;
	height:6px;
	background-image:url("../../public/images/connexion_coin_b_g.gif");
	}
	div#connexion_box .bas_d {
	width:7px;
	height:6px;
	background-image:url("../../public/images/connexion_coin_b_d.gif");
	}
	div#connexion_box p.blanc {
	font-size:11px;
	color:#fff;
	text-align:center;
	font-weight:normal;
	}

	div#connexion_box .sinscrire_g {
	width:22px;
	height:19px;
	background-image:url("../../public/images/connexion_bouton_gauche.gif");
	}

	div#connexion_box .sinscrire_d {
	width:21px;
	height:19px;
	background-image:url("../../public/images/connexion_bouton_droite.gif");
	}

	div#connexion_box .sinscrire {
	font-size:11px;
	color:#900;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	}

	/*############  DIV CADRE_CONNEXION2
cadre de connexion ou d'affichage des infos quand on est connect?
Seuls les styles sont l?les positionnements sont dans le fichiers jg.css
*/
	div#connexion_box2 .head {
	background-color:#cf6;
	text-align:center;
	color:#900;
	font-weight:900;
	font-size:13px;
	}
	div#connexion_box2 .contenu {
	background-color:#f93;
	}
	div#connexion_box2 .haut_g {
	width:6px;
	height:5px;
	background-image:url("../../public/images/connexion_coin_h_g.gif");
	}
	div#connexion_box2 .haut_d {
	width:7px;
	height:5px;
	background-image:url("../../public/images/connexion_coin_h_d.gif");
	}
	div#connexion_box2 .bas_g {
	width:6px;
	height:6px;
	background-image:url("../../public/images/connexion_coin_b_g.gif");
	}
	div#connexion_box2 .bas_d {
	width:7px;
	height:6px;
	background-image:url("../../public/images/connexion_coin_b_d.gif");
	}


	/*######## style des différents boutons ##########*/

	/*bouton de couleur verte #cf6 */
	#bouton_vert .haut_g {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_haut_coin_g.gif");
	}

	#bouton_vert .haut_d {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_haut_coin_d.gif");
	}

	#bouton_vert .bas_g {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_bas_g.gif");
	}

	#bouton_vert .bas_d {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_bas_d.gif");
	}

	#bouton_vert .fond_bouton {
	background-color:#cf6;
	text-align : center;
	}

	#bouton_vert a {
	text-decoration:none;
	color:#900;
	font-weight:bold;
	font-size:12px;
	} /*les liens sont en rouille / bleu*/

	#bouton_vert a:hover{
	color:#0000cc;
	}

	/*bouton de couleur orange pale #fc6 */
	#bouton_or_pale .haut_g {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_broch_haut_g.gif");
	}

	#bouton_or_pale .haut_d {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_broch_haut_d.gif");
	}

	#bouton_or_pale .bas_g {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_broch_bas_g.gif");
	}

	#bouton_or_pale .bas_d {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_broch_bas_d.gif");
	}

	#bouton_or_pale .fond_bouton {
	background-color:#fc6;
	text-align : center;
	font-size:11px;
	color:#fff;
	}

	#bouton_or_pale a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	} /*les liens sont en blanc / bleu*/

	#bouton_or_pale a:hover{
	color:#0000cc;
	}

	/*bouton de couleur violet #9900cc */
	#bouton_violet .haut_g {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_chart_haut_g.gif");
	}

	#bouton_violet .haut_d {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_chart_haut_d.gif");
	}

	#bouton_violet .bas_g {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_chart_bas_g.gif");
	}

	#bouton_violet .bas_d {
	width:15px;
	height:15px;
	background-image:url("../../public/images/cadre_chart_bas_d.gif");
	}

	#bouton_violet .fond_bouton {
	background-color:#9900cc;
	text-align : center;
	font-size:11px;
	color:#fff;
	}

	#bouton_violet a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	} /*les liens sont en blanc / bleu*/

	#bouton_violet a:hover{
	color:#0000cc;
	}

/* bloc médias de la page d'accueil */

#media .nom_media{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	background-color:#6666cc;
	margin:0 0 0 0;
}

#media p{
	font-size:11px;
	text-align:left;
}

#media .flottante_droite{
	float:right;
	margin: 0 0 0 4 ;
}

/*Div cadre_contenu*/
	#cadre_contenu .haut_g, #page_contenu .haut_g {
	width:16px;
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_haut_coin_g_gris.gif");
	}

	#cadre_contenu .haut_d, #page_contenu .haut_d  {
	width:16px;
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_haut_coin_d_gris.gif");
	}

	#cadre_contenu .cote_g, #page_contenu .cote_g  {
	width:16px;
	background-image:url("../../public/images/cadre_vcentral_cote_g_gris.gif");
	}

	#cadre_contenu .cote_d, #page_contenu .cote_d  {
	width:16px;
	background-image:url("../../public/images/cadre_vcentral_cote_d_gris.gif");
	}

	#cadre_contenu .bas_g, #page_contenu .bas_g  {
	width:16px;
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_bas_coin_g_gris.gif");
	}

	#cadre_contenu .bas_milieu, #page_contenu .bas_milieu  {
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_bas_milieu_gris.gif");
	}

	#cadre_contenu .bas_d, #page_contenu .bas_d  {
	width:16px;
	height:15px;
	background-image:url("../../public/images/cadre_vcentral_bas_coin_d_gris.gif");
	}

	#cadre_contenu .fond_entete, #page_contenu .fond_entete  {
	background-color:#d7cece;
	text-align : center;
	font-size: 16px;
	color: #861aa1;
	font-weight: 900;
	font-variant:small-caps;
	}

	#cadre_contenu .fond_contenu, #page_contenu .fond_contenu  {
	background-color:#FEFEFE;
	text-align : justify;
	font-size: 12px;
	color: #000;
	}

/*Div sans_cadre_contenu*/
	#sans_cadre_contenu .haut_g {
	width:16px;
	height:15px;
	background-color:#cf6;
	}

	#sans_cadre_contenu .haut_d {
	width:16px;
	height:15px;
	background-color:#cf6;
	}

	#sans_cadre_contenu .cote_g {
	width:16px;
	}

	#sans_cadre_contenu .cote_d {
	width:16px;
	}

	#sans_cadre_contenu .bas_g {
	width:16px;
	height:15px;
	}

	#sans_cadre_contenu .bas_milieu {
	height:15px;
	}

	#sans_cadre_contenu .bas_d {
	width:16px;
	height:15px;
	}

	#sans_cadre_contenu .fond_entete {
	background-color:#cf6;
	text-align : center;
	font-size: 16px;
	color: #900;
	font-weight: 900;
	font-variant:small-caps;
	}

	#sans_cadre_contenu .fond_contenu {
	background-color:#fff;
	text-align : justify;
	font-size: 12px;
	color: #000;
	}

	/*div interview_GG*/
	#interview_gg .titre_interview{
	color:#fff;
	font-weight:900;
	font-size:12px;
	text-align:center;
	}

	#interview_gg .contenu_interview{
	color:#000;
	font-size:11px;
	text-align:justify;
	margin : 0 0 0 0;
	line-height:12.5px;
	font-stretch:extra-condensed;
	word-spacing:1px;
	}


/* ############# CSS POUR LE CADRE contenu (autres pages)#################### */
#contenu {
position : absolute;
left:204px;
top: 85px;
z-index:0;
}

/* ############# CSS POUR LE CADRE instant_message_box #################### */
#instant_message_box {
position:absolute;
top:150px;
left:230px;
width:420px;
visibility:hidden;
z-index:5;
background-color:#fff;
border: 3px solid #0055E5;
}

/*######################### Div cadre_explication*/
	#cadre_explication .haut_g {
	width:8px;
	height:9px;
	background-image:url("../../public/images/cadre_vert_sbord_haut_g.gif");
	}

	#cadre_explication .haut_d {
	width:9px;
	height:9px;
	background-image:url("../../public/images/cadre_vert_sbord_haut_d.gif");
	}

	#cadre_explication .bas_g {
	width:8px;
	height:10px;
	background-image:url("../../public/images/cadre_vert_sbord_bas_g.gif");
	}

	#cadre_explication .bas_d {
	width:9px;
	height:10px;
	background-image:url("../../public/images/cadre_vert_sbord_bas_d.gif");
	}

	#cadre_explication .fond {
	background-color:#cf9;
	}

	#cadre_explication .fond_titre {
	background-color:#cf9;
	padding: 0 5 0 5;
	}

	#cadre_explication .fond_contenu {
	background-color:#cf9;
	padding: 0 8 0 8;
	}


/*######################### Div confirm_inscription*/

	#confirm_inscription  {
		position:absolute;
		top:100px;
		left:150px;
		width:600px;
		z-index:50;
		background-color:#fff;
		border: 3px solid #000;
		padding: 15 15 15 15;
	}

	#confirm_inscription  .avertissement {
		color:#ff0000;
		font-family: arial;
		font-size: 14px;
	}

	#confirm_inscription  .avertissement_vert {
		color:#900;
		font-family: arial;
		font-size: 14px;
		font-weight:bold;
		background-color:#DDDDDD;
		padding:10 10 10 10;
		border: 1px solid #000;

	}

	#confirm_inscription  .avertissement_titre {
		color:#ff0000;
		font-family: arial;
		font-size: 14px;
		text-decoration: underline;
		font-weight:bold;
	}


	#confirm_inscription  .avertissement_cadre{
		color:#ff0000;
		font-family: arial;
		font-size: 14px;
		border: 3px solid #ff0000;
		font-style: italic;
		padding: 5 5 5 5;
	}

/*######################### Div confirm_inscription2*/

	#confirm_inscription2  {
		width:600px;
		z-index:5;
		background-color:#fff;
		border: 3px solid #000;
		padding: 15 15 15 15;
	}

	#confirm_inscription2  .avertissement {
		color:#ff0000;
		font-family: arial;
		font-size: 14px;
	}

	#confirm_inscription2  .avertissement_titre {
		color:#ff0000;
		font-family: arial;
		font-size: 14px;
		text-decoration: underline;
		font-weight:bold;
	}


	#confirm_inscription2  .avertissement_cadre{
		color:#ff0000;
		font-family: arial;
		font-size: 14px;
		border: 3px solid #ff0000;
		font-style: italic;
		padding: 5 5 5 5;
	}

/*######################### Div confirm_geoloc*/
	#confirm_geoloc .geoloc_nok{
		border:2px solid #ff0000;
	}
	#confirm_geoloc .geoloc_ok{
		border:2px solid #00ff00;
	}
	#confirm_geoloc .titre_geoloc_nok{
		background-color:#FF0000;
	}
	#confirm_geoloc .titre_geoloc_ok{
		background-color:#00FF00;
	}
	#confirm_geoloc .titre_geoloc{
		color:#fff;
		font-weight:bold;
	}

	#confirm_geoloc .contenu_geoloc_nok{
		background-color:#FF9999;
	}
	#confirm_geoloc .contenu_geoloc_ok{
		background-color:#99FF99;
	}

/*###################### DIV estompe_page */
	#estompe_page {
		position:absolute;
		top:0;
		left:0;
		width:150%;
		height:150%;
		background-image:url("../../public/images/flou.png");
		z-index:49;
	}

	/*######################### div partenaire*/
	#partenaire {
		margin-left:0;
		margin-top:765;
		position:absolute;
		z-index:1
	}

	#entete_partenaire {
		margin-left:150;
		margin-top:0;
		position:absolute;
		z-index:2
	}


	#entete_partenaire .centre {
		background-color : #9c9;
		font-size:10;
		font-weight:bold;
		/*color:#fff;*/
        color:blue;
		text-align:center;
	}


	#tablo_partenaire {
		margin-left:0;
		margin-top:15;
		position:absolute;
		z-index:1
	}

	#tablo_partenaire  .haut_g {
	width:18px;
	height:18px;
	background-image:url("../../public/images/cadre_sponsor_coin_haut_g_2.gif");
	}

	#tablo_partenaire  .haut_d {
	width:18px;
	height:18px;
	background-image:url("../../public/images/cadre_sponsor_coin_haut_d.gif");
	}

	#tablo_partenaire  .bas_g {
	width:18px;
	height:18px;
	background-image:url("../../public/images/cadre_sponsor_coin_bas_g_2.gif");
	}

	#tablo_partenaire  .bas_d {
	width:18px;
	height:18px;
	background-image:url("../../public/images/cadre_sponsor_coin_bas_d.gif");
	}

	#tablo_partenaire .haut_milieu {
		height:18px;
		background-image:url("../../public/images/cadre_sponsor_haut_milieu_2.gif");
	}

	#tablo_partenaire .bas_milieu {
		height:18px;
		background-image:url("../../public/images/cadre_sponsor_bas_milieu_2.gif");
	}
	#tablo_partenaire  .cote_g {
	width:18px;
	background-image:url("../../public/images/cadre_sponsor_cote_g_2.gif");
	}

	#tablo_partenaire  .cote_d {
	width:18px;
	background-image:url("../../public/images/cadre_sponsor_cote_d.gif");
	}

	/* Page CDR */

	#cdr .dernier_contact {
		background-color:#FFFADE;
		padding: 5 5 5 5;
	}

	#cdr .titre_inter{
		border:2px solid #900;
		font-size: 18px;
		padding : 2 2 2 10;
		font-weight : 900;
		color :  #900;
	}

	#form_cdr .cellule_contenu{
		padding:5 5 5 5;
		background-color:#FFFADE;
		color:#000;
		font-size:11px;
		font-weight:normal;
	}

	#form_cdr .cellule_contenu_center{
		padding:5 5 5 5;
		background-color:#FFFADE;
		color:#000;
		font-size:11px;
		font-weight:normal;
		text-align:center;
	}

	#form_cdr .cellule_label{
		padding:5 5 5 5;
		background-color:#cf6;
		border:1px solid #900;
		color:#900;
		font-size:12px;
		font-weight:bold;
	}

	#form_cdr .cellule_label_center{
		padding:5 5 5 5;
		background-color:#cf6;
		border:1px solid #900;
		color:#900;
		font-size:12px;
		font-weight:bold;
		text-align:center;
	}

	#form_cdr .presentation{
		font-size:11px;
		background-color:#E5E5E5;
		color:#000;
		border:1px solid #000;
		padding: 5 5 5 5;
		text-align:justify;
	}

	#nouveau_contact {
		border:1px solid #900;
		height:120;
		width:100%;
		overflow:auto;
    }

	#nouveau_contact .entete{
		background-color : #FFE179;
		color :  #900;
		font-weight : bold;
		padding : 2 2 2 2;
		font-size : 11px;

	}

	#nouveau_contact table{
		background-color : #fff;
	}

	#nouveau_contact tr{
		color :  #000;
		font-size : 10px;
	}

	#nouveau_contact .impair{
		background-color : #ddd;
	}

	#nouveau_contact .pair{
		background-color : #fff;
	}

	#prise_de_contact{

	}

	#prise_de_contact .type_contact{
		font-size:14px;
		font-weight:bold;
		color:#900;
		background-color:#fc6;
	}

	#liste_cdr {
		width:90%;
		margin-left:25;
		margin-right:25;
	}

	#liste_cdr .entete{
		background-color : #FFE179;
		color :  #900;
		font-weight : bold;
		font-variant : small-caps;
		font-size : 12px;
		text-align:center;
		padding : 2 2 2 2;
	}

	#liste_message .entete{
		background-color : #FFE179;
		color :  #900;
		font-weight : bold;
		font-variant : small-caps;
		font-size : 12px;
		text-align:center;
		padding : 2 2 2 2;
	}

	#liste_message .pair{
		background-color : #fff;
	}

	#liste_message .impair{
		background-color : #ddd;
	}
	#liste_message .contenu{
		color :  #000;
		font-size : 11px;
		text-align:justify;
		padding : 2 2 2 2;
	}

	#liste_message .contenu_bold{
		color :  #000;
		font-weight : bold;
		font-size : 11px;
		text-align:justify;
		padding : 2 2 2 2;
	}

	#liste_cdr table{
		background-color : #fff;
	}

	#liste_cdr tr{
		color :  #000;
		font-size : 10px;
	}

	#liste_cdr .impair{
		background-color : #ddd;
	}

	#liste_cdr .pair{
		background-color : #fff;
	}

	#liste_cdr .ajout_cdr{
		text-align: right;
	}

	#affichage_cdr .titre{
		background-color : #cf6;
		color :  #900;
		font-weight : bold;
		font-variant : small-caps;
		font-size : 14px;
		text-align: center;
		padding : 5 5 5 5;
		border: 3px solid #900;
	}

	#affichage_cdr .soustitre{
		background-color : #cf6;
		color :  #900;
		font-weight : bold;
		font-variant : small-caps;
		font-size : 12px;
		text-align: center;
		padding : 5 5 5 5;
		border: 2px solid #900;
	}

	#affichage_cdr .label{
		background-color : #cf6;
		color :  #900;
		font-weight : bold;
		font-variant : small-caps;
		font-size : 11px;
		text-align: center;
		padding : 5 5 5 5;
		border: 1px solid #cf6;
	}

	#affichage_cdr .contenu{
		background-color : #fff;
		color :  #0e0e0e;
		font-size : 11px;
		text-align: left;
		padding : 5 5 5 5;
		border: 1px solid #0e0e0e;
	}

	#liste_contact_par_cate .presentation{
		font-size:11px;
		background-color:#E5E5E5;
		color:#000;
		border:1px solid #000;
		padding: 5 5 5 5;
		text-align:justify;
	}

	#liste_contact_par_cate .tab_entete{
		font-size:10px;
	}

	#liste_contact_par_cate .ligne_entete{
		background-color:#cf6;
		color:#900;
		font-weight:bold;
		font-size:10px;
		border:1px solid #900;
	}

	#liste_contact_par_cate .ligne_p{
		background-color:#fff;
	}

	#liste_contact_par_cate .ligne_i{
		background-color:#ddd;
	}

	#liste_contact_par_cate .cell_entete{
		color:#900;
		font-weight:bold;
		font-size:10px;
		border:1px solid #900;
	}

	#liste_contact_par_cate .cell_contenu{

	}

	#form_recherche {
		width:600;
		margin-left:100;
		/*background-color: #cf6;*/
		border : 3px solid #900;
		padding : 10 10 0 10;
	}

	#form_recherche .label {
		border : 1px solid #900;
		padding : 2 2 2 2;
		color : #900;
		background-color: #cf6;
		font-size : 10px;
		font-weight: bold;
		text-align : center;
	}


	#liste_contact_total {
		text-align:left;
		width:800px;
	}

	#liste_contact_total .chaine_result{
		background-color: #fff;
		color : #000;
		font-size : 11px;
		font-weight: bold;
		text-align : center;
		border : 1px solid #000;
		padding : 2 2 2 2;
	}

	#liste_contact_total .defil_result{
		color : #000;
		font-size : 10px;
		text-align : center;
	}

	#liste_contact_total .entete{
		background-color: #cf6;
		color : #900;
		font-size : 12px;
		font-weight: bold;
		text-align : center;
		border : 1px solid #900;
		padding : 2 2 2 2;
	}
	#liste_contact_total .contenu{
		color : #000;
		font-size : 10px;
		text-align : center;
		padding : 2 2 2 2;
	}
	#liste_contact_total .pair{
		background-color: #fff;
	}

	#liste_contact_total .pair{
		background-color: #fffade;
	}

	#affichage_contact .titre{
		background-color : #04DB0A;
		color :  #fff;
		font-weight : bold;
		font-size : 16px;
		text-align: center;
		padding : 5 5 5 5;
	}

	#affichage_contact .contenu_ext{
		background-color :#FFFADE;
	}

	#affichage_contact .label{
		background-color : #cf6;
		color :  #900;
		font-weight : bold;
		font-variant : small-caps;
		font-size : 12px;
		text-align: center;
		padding : 5 5 5 5;
		border: 1px solid #900;
	}

	#affichage_contact .contenu{
		background-color : #fff;
		color :  #0e0e0e;
		font-size : 11px;
		text-align: left;
		padding : 5 5 5 5;
		border: 1px solid #0e0e0e;
	}


	/* cadre sans bord type : couleurs variantes */

	/*sansbord_bF (bleu Fonc?: #6265D1) */
	#sansbord_bF {
	border:none;
	}

	#sansbord_bF .haut_g {
	width:8px;
	height:9px;
	background-image:url("../../public/images/sansbord_bF_haut_g.gif");
	}

	#sansbord_bF .haut_d {
	width:9px;
	height:9px;
	background-image:url("../../public/images/sansbord_bF_haut_d.gif");
	}

	#sansbord_bF .bas_g {
	width:8px;
	height:10px;
	background-image:url("../../public/images/sansbord_bF_bas_g.gif");
	}

	#sansbord_bF .bas_d {
	width:9px;
	height:10px;
	background-image:url("../../public/images/sansbord_bF_bas_d.gif");
	}

	#sansbord_bF .fond {
	background-color:#6265D1;
	}

	#sansbord_bF .fond_titre {
	background-color:#6265D1;
	padding: 5 5 5 5;
	color:#fff;
	font-size:18px;
	font-weight:900;
	text-align:center;
	}

	#sansbord_bF .fond_contenu {
	background-color:#D6D7FF;
	padding: 5 3 5 3;
	color:#000;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	}

	#sansbord_bF .entete{
		background-color : #6265D1;
		color :  #fff;
		font-weight : bold;
		font-variant : small-caps;
		font-size : 12px;
		text-align:center;
		padding : 2 2 2 2;
	}

	#sansbord_bF .pair{
		background-color : #fff;
	}

	#sansbord_bF .impair{
		background-color : #BEC0FF;
	}
	#sansbord_bF .contenu{
		color :  #000;
		font-size : 11px;
		text-align:justify;
		padding : 2 2 2 2;
	}

	#sansbord_bF .contenu_bold{
		background-color : #FFFAA4;
		color :  #000;
		font-weight : bold;
		font-size : 11px;
		text-align:justify;
		padding : 2 2 2 2;
	}

	#sansbord_bF a{
		color :  #00037D;
		font-size : 11px;
	}

	#sansbord_bF a:hover{
		color :  #00037D;
		font-size : 11px;
		text-decoration:none;
	}

	/*sansbord_o (orange : #f93) */
	#sansbord_o {
	border:none;
	}

	#sansbord_o .haut_g {
	width:8px;
	height:9px;
	background-image:url("../../public/images/sansbord_o_haut_g.gif");
	}

	#sansbord_o .haut_d {
	width:9px;
	height:9px;
	background-image:url("../../public/images/sansbord_o_haut_d.gif");
	}

	#sansbord_o .bas_g {
	width:8px;
	height:10px;
	background-image:url("../../public/images/sansbord_o_bas_g.gif");
	}

	#sansbord_o .bas_d {
	width:9px;
	height:10px;
	background-image:url("../../public/images/sansbord_o_bas_d.gif");
	}

	#sansbord_o .fond {
	background-color:#f93;
	}

	#sansbord_o .fond_titre {
	background-color:#f93;
	padding: 5 5 5 5;
	color:#fff;
	font-size:18px;
	font-weight:900;
	text-align:center;
	}

	#sansbord_o .fond_contenu {
	background-color:#FFFADE;
	padding: 5 15 5 15;
	}

	#sansbord_o .contenu{
		background-color:#fff;
		color :  #000;
		font-size : 11px;
		text-align:justify;
		font-weight:normal;
		text-align:left;
		margin:0 0 0 10;

	}

	/*sansbord_j(jaune : #EFB62F) */
	#sansbord_j {
	border:none;
	}

	#sansbord_j .haut_g {
	width:8px;
	height:9px;
	background-image:url("../../public/images/sansbord_j_haut_g.gif");
	}

	#sansbord_j .haut_d {
	width:9px;
	height:9px;
	background-image:url("../../public/images/sansbord_j_haut_d.gif");
	}

	#sansbord_j .bas_g {
	width:8px;
	height:10px;
	background-image:url("../../public/images/sansbord_j_bas_g.gif");
	}

	#sansbord_j .bas_d {
	width:9px;
	height:10px;
	background-image:url("../../public/images/sansbord_j_bas_d.gif");
	}

	#sansbord_j .fond {
	background-color:#EFB62F;
	}

	#sansbord_j .fond_titre {
	background-color:#EFB62F;
	padding: 5 5 5 5;
	color:#fff;
	font-size:18px;
	font-weight:900;
	text-align:center;
	}

	#sansbord_j .fond_contenu {
	background-color:#fff;
	color :  #000;
	font-size : 11px;
	text-align:justify;
	font-weight:normal;
	padding: 5 5 5 5;
	}

	#sansbord_j .contenu{
		background-color:#fff;
		color :  #000;
		font-size : 11px;
		text-align:justify;
		font-weight:normal;
		text-align:left;
	}

	#sansbord_j .entete{
		background-color:#ccc;
		color :  #900;
		font-size : 14px;
		font-weight:bold;
		text-align:center;
	}

	/*#### STYLE DE CSS pour l'interface MESSAGERIE */

	.liste_dest{
	width:250px;
	font-size: 11px;
	height:180px;
	}

	.type_dest{
	color:#990000;
	font-weight:bold;
	background-color:#ccff66;
	border:1px solid #990000;
	padding:1 1 1 1;
	}

	.soustype_dest{
	color:#990000;
	font-weight:bold;
	background-color:#ccc;
	}