/*------------------------------------------------*/
/*------------- PARAMETRES DE BASES --------------*/
/*------------------------------------------------*/
*{ margin: 0; padding: 0; list-style: none;}

body
{
	background : #000000 url(images/corps/bg.jpg) repeat-x top;
	font-family: Arial, sans-serif;
	color: #333333;
	font-size: 16px;
}

img{border:none;}


a:link {
	color: #333333;
	text-decoration: none;
	cursor:hand;
}
a:visited {
	color: #444444;
	text-decoration: none;
	cursor:hand;
}
a:hover {
	color: #14b3df;
	text-decoration: none;
	cursor:hand;
	
}
a:active {
	color: #25d6ff;
	text-decoration: none;
	cursor:hand;
}
a {
	font-weight: bold;
}





/*------------------------------------------------*/
/*---------------------- PAGE --------------------*/
/*------------------------------------------------*/

#page 
{
	margin: 0 auto;
	width: 1022px;
}









/*------------------------------------------------*/
/*----------------- HAUT DE PAGE -----------------*/
/*------------------------------------------------*/

h1#top
{  
	font-size: 0;
	line-height:0;
}




/*---------- SEARCHBAR ----------*/
#search
{
	background: url(images/corps/searchbar.jpg) no-repeat;
	height: 26px;
	width: 942px;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-left: 80px;
}

#search a, #search a:visited
{
	color: #FFFFFF;
	text-decoration:none;
}

#search a:hover
{
	color: #BDE9F0;
}
#search  input  {
	font-size: 11px;
	color: #666666;
	background-color: transparent;
	border: none;
	width: 165px;
	height: 18px;
	float: right;
	margin-top: 3px;
	margin-right: 76px;
}
#search #pays {
	float: right;
	width: 300px;
	height: 22px;
}
#search #pays #fr {
	width: 60px;
	background-image: url(images/corps/fr.png);
	padding-left: 30px;
	background-repeat: no-repeat;
	height: 16px;
	padding-top: 6px;
	font-weight: bold;
	color: #333333;
	float: left;
}
#search #pays #en {
	width: 60px;
	background-image: url(images/corps/us.png);
	padding-left: 30px;
	background-repeat: no-repeat;
	height: 16px;
	padding-top: 6px;
	font-weight: bold;
	color: #333333;
	float: left;
}

#search #pays #fb {
	background-image: url(images/corps/fb.png);
	padding-left: 30px;
	background-repeat: no-repeat;
	height: 16px;
	padding-top: 6px;
	font-weight: bold;
	color: #333333;
	float: left;
}
#search #pays #tw {
width:30px;
	background-image: url(images/corps/tw.png);
	padding-left: 30px;
	background-repeat: no-repeat;
	height: 16px;
	padding-top: 6px;
	font-weight: bold;
	color: #333333;
	float: left;
}


/*------------ LOGIN ------------*/
#login
{
	background: url(images/corps/login.jpg) no-repeat;
	height: 98px;
	width: 342px;
	float:left;
}
#login_on
{
	background: url(images/corps/login_on.jpg) no-repeat;
	height: 98px;
	width: 342px;
	float:left;
}
#login #zone, #login_on #zone {
	height: 68px;
	width: 242px;
	margin-left: 100px;
	margin-top: 14px;
	font-size: 12px;
	color: #FFFFFF;
}
#login #zone a, #login #zone a:visited, #login_on #zone a, #login_on #zone a:visited 
{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
#login #zone a:hover, #login_on #zone a:hover 
{
	font-size: 12px;
	color: #14b3df;
	font-weight:bold;
	}
#login #zone input {
	width: 80px;
	margin-top: 8px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 12px;
	height: 18px;
	font-size: 12px;
	background: transparent;
	border:0px;
	font-weight: bold;
	color: #333333;
}
#login  #zone .submit{
	border:none;
	background: transparent;
	width: 24px;
	margin-left: -12px;
	margin-top: -2px;
	cursor:pointer;
}




/*---------- LOGO/HEADER ----------*/

#logo
{
	background: url(images/corps/logo.jpg) no-repeat;
	height: 98px;
	width: 680px;
	float:left;
}









/*------------------------------------------------*/
/*------------------ FANCYMENU -------------------*/
/*------------------------------------------------*/
#fancymenu 
{
	clear:left;
	position: relative;
	line-height: 33px;
	width: 1022px;
	background: url(images/corps/menu.jpg) no-repeat;
	overflow: hidden;
}
#fancymenu ul{padding: 0 0 0 140px;margin: 0;}
#fancymenu ul li{float: left;list-style: none;}
#fancymenu .space {margin: 0 0 0 20px;font: 0px;}
#fancymenu ul li a
{
	padding: 0 7px;
	z-index: 10;
	display: block;
	float: left;
	height: 33px;
	position: relative;
	overflow: hidden;
	color: #464646;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration:none;
}

#fancymenu .current a
{
	color: #FFFFFF;

}

#fancymenu ul li a:hover {
	color: #FFFFFF;
}
#fancymenu li.background 
{
	background: url(images/corps/lava.jpg) no-repeat right -25px;
	z-index: 8;
	height: 25px;
	position: absolute;
	visibility: hidden;
	margin: 4px 0 0 0;
}
#fancymenu .background .left 
{
	background: url(images/corps/lava.jpg) no-repeat top left;
	height: 25px;
	margin: 0 11px 0 0;
}








/*------------------------------------------------*/
/*--------------- CONTENU DE PAGE ----------------*/
/*------------------------------------------------*/
#corps
{
	background: url(images/corps/corps.jpg) repeat-y;
	width: 1022px;
}
#contenu
{
	background: url(images/corps/corpstop.jpg) no-repeat top;
	width: 1022px;
	overflow: hidden;
}







/*------------------------------------------------*/
/*----------------- ZONE TEXTE -------------------*/
/*------------------------------------------------*/
#texte
{
	position: relative;
	width: 864px;
	float:left;
	margin-top: 20px;
	padding-top: 0;
	padding-right: 76px;
	padding-bottom: 0;
	padding-left: 80px;
}

.message_aucun{
	color: #AAAAAA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.boxe_erreur, .boxe_valide, .boxe_bleu, .boxe_blanc, .boxe_information, .boxe_question {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 15px;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px
}
.boxe_erreur {
	background-color: #ffd5d5;
	background-image: url(images/icones/icones16/delete.png);
	border: 1px solid #ffacad;
	color: #cf3233;
}
.boxe_question {
	background-color: #ffefaa;
	background-image: url(images/icones/icones16/error.png);
	border: 1px solid #e7c355;
	color: #df7900;
}
.boxe_valide {
	background-color: #cdefa6;
	background-image: url(images/icones/icones16/accept.png);
	border: 1px solid #9bcc54;
	color: #648434;
}

.boxe_bleu {
	background-color: #d9e7f0;
	border: 1px solid #a8cde3;
	padding-left: 6px;
	padding-right: 6px;
	
}

.boxe_blanc {
	background-color: #F8F8F8;
	border: 1px solid #c8c8c8;
	padding-left: 6px;
	padding-right: 6px;
	
}

.boxe_information {
	background-color: #a8cde3;
	background-image: url(images/icones/icones16/information.png);
	border: 1px solid #6abce2;
	color: #1c6b8b;
}


.wysiwiyg{width:580px; visibility:hidden;}


/*------------------------------------------------*/
/*----------------- STYLES TEXTE -----------------*/
/*------------------------------------------------*/

.bicolore span {color: #14b3df;}



/*---------- ENTETES ----------*/

h2 {
	display: block;
	height: 30px;
	width: 637px;
	background: url(/images/texte/h2.png) no-repeat !important;
	background: url(/images/texte/h2.gif) no-repeat;
	margin-bottom: 8px;
	color: #FFFFFF !important;
	font-size: 16px !important;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 12px;
	font-weight: bold;
	margin-left: -5px;

}

h3 {
	color: #444;
	clear:both;
	display: block;
	height: 30px;
	width: 637px;
	background: url(/images/texte/h3.png) no-repeat !important;
	background: url(/images/texte/h3.gif) no-repeat;
	margin-bottom: 6px;
	font-size: 14px !important;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 12px;
	margin-left: 25px;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	color: #14b3df;
	padding-left: 10px;
	margin-bottom: 0px;
}

.pagination{
	font-size:16px; 
	background-color:#a8cde3; 
	height:22px;

}

/* Degrade Noir */
.degrade_noir h5, .degrade_petit_noir h5 {
	position: relative;
	margin: 0;
	color: #000;
	letter-spacing: -2px;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 28px;
	line-height: 100%;
	font-weight: bold;
}
.degrade_petit_noir h5 {
	font-size: 14px;
	letter-spacing: 0px;
}
.degrade_noir span, .degrade_petit_noir span {
	position: absolute;
	display: block;
	width: 100%;
	height: 29px;
	background-image: url(images/texte/gradient-glossy.png);
	background-repeat: repeat-x;
}
.degrade_petit_noir span {
	background-position: left -9px;

}

/* Degrader Blanc */
.degrade_blanc h5 {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 24px;
	position: relative;
	margin: 0;
	color: #fff;
}
.degrade_petit_blanc h5 {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #b7b7b7;
}
.degrade_blanc span {
	background: url(images/texte/gradient-dark.png) repeat-x;
	position: absolute;
	bottom: -0.1em;
	display: block;
	width: 100%;
	height: 29px;
}


h6 {
	color: #14b3df;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/puces/puce_fleche.gif);
	height: 14px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}







/*----------BARS DE POURCENTAGES----------*/


.progressBar{
	width:228px;
	height:20px;
	background:url(styles/progressbar/bg_bar.gif) no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:212px;
	height:23px;
	top:4px;
	left:4px;
	overflow:hidden;
	text-indent:-8000px;
	background-image: url(styles/progressbar/progressbar.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.progressBar em{
	position:absolute;
	display:block;
	width:212px;
	height:12px;
	background:url(styles/progressbar/bg_cover.gif) repeat-x 0 0;
	top:0;
}



/*---------- STYLES TEXTE & IMAGES ----------*/

.texte-astuce {
	color: #666666;
	font-size: 12px;
	padding-left: 10px;
}

.titre-astuce {
	color: #14b3df;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 4px;
}

.encadrer_bleu{
	padding: 1px;
	border: 1px solid #14b3df;
}

#sucess_mail {
	background-image: url(/images/icones/icones/success64.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 64px;
	width: 64px;
	float: right;
	
}
.texteintro {
	margin-top:20px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin:10px;
	margin-bottom:20px;
	color: #929292;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	text-align: justify; 
}

/*---------- FORMULAIRE ----------*/


input, textarea {
	color: #333333;
	background-color: #d9e7f0;
	border: 1px solid #a4a4a4;
	
	font-size: 14px;
}
input {
height: 20px;
-moz-border-radius:6px;
-khtml-border-radius:6px;
-webkit-border-radius:6px
}
.input_hover {
	color: #660099;
	border: 1px solid #14b3df;
}

.input_erreur {
	color: #CC0000;
	border: 1px solid #CC0000;
	background-color: #E8DBE3;
}

.input_valide {
	color: #14b3df;
	border: 1px solid #14b3df;
	background-color: #d9e7f0;
}


fieldset {
	padding: 1em;
	border: 1px solid #CDCDCD;
	width: 580px;
	display: block;
	clear:both;
 }
 
fieldset legend {
	color: #14b3df;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
 }


.zone-champs .groupe, .zone-champs-big .groupe {
	clear: both;
	margin-top: 10px;
	height: 22px;
}
.zone-champs-big .groupe {
	clear: both;
	margin-top: 10px;
	height: 36px;
}

.zone-champs .label, .zone-champs-big .label {
	width: 165px;
	float: left;
	background-image: url(images/puces/puce_fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 13px;
}
.zone-champs-big .label {
	width: 200px;
	padding-left: 10px;
	margin-top:4px;
	font-size: 14px;
}

.zone-champs .champ, .zone-champs-big .champ {
	margin-left: 10px;
	float: left;
	font-weight:normal;
	width: 250px;
}
.zone-champs-big .champ {
	width: 360px;
}
.zone-champs .champ input{
	width: 220px;
}
.zone-champs-big .champ input {
	padding-left:6px;
	width: 320px;
	padding-top:4px;
	height:20px;
}

.zone-champs-big .champ textarea {
	padding-top:4px;
	padding-left:6px;
	width: 320px;
	margin-bottom:14px;
}
.zone-champs .verif, .zone-champs-big .verif {
	margin-left: 10px;
	float: left;
	font-size: 0.8em;
	line-height: 1.9em;
	font-weight: bold;
}

.form_erreur {
	color: #CC0000;
	padding-left: 16px;
	background-image: url(images/puces/error_12.png);
	background-position: left center;
	background-repeat: no-repeat;
}







/*---------- BOUTONS ----------*/


.bouton_gris, .bouton_gris_hover, .bouton_gris_active {
	background-image: url(images/corps/bouton_gris.gif);
	height: 22px;
	width: 205px;
	color: #222222;
	border:none;
	cursor:pointer;
	background-color: transparent;
}
.bouton_gris_hover {
	background-position: 0px 44px;
	cursor:pointer;
}
.bouton_gris_active {
	background-position: 0px 22px;
	cursor:pointer;

}




.bouton_blanc, .bouton_blanc_hover, .bouton_blanc_active {
	background-image: url(images/corps/bouton_blanc.gif);
	height: 26px;
	width: 205px;
	color: #222222;
	border:none;
	cursor:pointer;
	background-color: transparent;
}
.bouton_blanc_hover {
	background-position: 0px 52px;
	cursor:pointer;
}
.bouton_blanc_active {
	background-position: 0px 26px;
	cursor:pointer;

}


a.bouton_blanc{
	color:#222222;
	text-decoration:none;
	padding-top:6px;
	height:20px;
	width:195px;
	float: left;
	font-size: 12px;
	cursor:pointer;
	background-image: url(images/corps/bouton_blanc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	padding-right: 10px;
	padding-bottom: 0px;
}
a.bouton_blanc:hover {
	color:#222222;
	cursor:pointer;
	background-image: url(images/corps/bouton_blanc.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
}

a.bouton_blanc:active {
	color:#222222;
	cursor:pointer;
	background-image: url(images/corps/bouton_blanc.gif);
	background-repeat: no-repeat;
	background-position: 0px -52px;
}



.bouton_colore_bleu_gris, .bouton_colore_rouge_gris, .bouton_colore_noir_gris {
	background: url(images/blocs/boutons_form/btn_bleu_gris.gif);
	background-position: 0px 0px;
	margin-top:16px;
	height: 26px;
	width: 250px;
	font-weight: bold;
	color: #FFFFFF;
	border:none;
	cursor:pointer;
	font-size: 12px;
}

.bouton_colore_rouge_gris {
	background-image: url(images/blocs/boutons_form/btn_rouge_gris.gif);
}

.bouton_colore_noir_gris {
	background-image: url(images/blocs/boutons_form/btn_noir_gris.gif);
	color:#26bee2;
}


.bouton_colore_bleu_gris_hover, .bouton_colore_rouge_gris_hover , .bouton_colore_noir_gris_hover {
	background-image: url(images/blocs/boutons_form/btn_bleu_gris.gif);
	margin-top:16px;
	height: 26px;
	width: 250px;
	font-weight: bold;
	color: #FFFFFF;
	background-position: 0px 26px;
	border:none;
	cursor:pointer;
	background-color: transparent;
	font-size: 12px;
}

.bouton_colore_rouge_gris_hover {
	background-image: url(images/blocs/boutons_form/btn_rouge_gris.gif);
}
.bouton_colore_noir_gris_hover {
	background-image: url(images/blocs/boutons_form/btn_noir_gris.gif);
}




.bouton_bleu128 {
	height: 128px;
	width: 128px;
	margin: 7px;
}

.bouton_bleu128 img, .bouton_bleu128 .img{
	text-decoration: none;
	border:none;
	height: 93px;
	width: 128px;
	margin: 0px;
}

.bouton_bleu128 .lien {
	background-image: url(images/blocs/boutons_bleu/bouton_bleu128_footer.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 118px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-left: 10px;
	text-decoration: none;
	background-position: left top;
	color: #FFFFFF;
	margin: 0px;
}

.bouton_bleu128 .on .lien {
	background-position: left -35px;
	color: #444444;
	margin: 0px;
}

.bouton_bleu90 {
	height: 90px;
	width: 90px;
	margin: 5px;
}

.bouton_bleu90 img, .bouton_bleu90 .img {
	text-decoration: none;
	border:none;
	height: 66px;
	width: 90px;
	margin: 0px;
}

.bouton_bleu90 .lien {
	background-image: url(images/blocs/boutons_bleu/bouton_bleu90_footer.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 82px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-left: 8px;
	text-decoration: none;
	background-position: left top;
	color: #FFFFFF;
}

.bouton_bleu90 .on .lien {
background-position: left -24px;
	color: #444444;	
}






/*---------- PUCES ----------*/

.puce
{
	text-decoration:none;
	background-image: url(/images/puces/puce_fleche.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	clear: both;
	height: 20px;
	margin-bottom: 0em;
}

.puce .texte 
{
	float:left;
	margin-top:3px;
}






/*------------------------------------------------*/
/*---------------- BLOCS CONTENUS ----------------*/
/*------------------------------------------------*/


/*------------ Titre Colorees Blocs ------------*/

.bloc-titre {
	background-repeat: repeat-x;
	height: 31px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	font-weight: bold;
		
	}
.bloc-titre-gauche {
	background-repeat: no-repeat;
	background-position: left top;
	height: 31px;
	padding-left: 12px;

}
.bloc-titre-droite {
	height: 31px;
	background-repeat: no-repeat;
	background-position: right top;
}



#cyan .bloc-titre {background-image: url(images/blocs/barres_titres/bleu_admin.gif);background-color: #1da1c2;}
#cyan .bloc-titre-gauche {background-image: url(images/blocs/barres_titres/bleu_admin_l.gif);}
#cyan .bloc-titre-droite {background-image: url(images/blocs/barres_titres/bleu_admin_r.gif);}

#cyan2 .bloc-titre {background-image: url(images/blocs/barres_titres/cyan_m.jpg);background-color: #289BB0;}
#cyan2 .bloc-titre-gauche {background-image: url(images/blocs/barres_titres/cyan_l.gif);}
#cyan2 .bloc-titre-droite {background-image: url(images/blocs/barres_titres/cyan_r.gif);}

#red .bloc-titre {background-image: url(images/blocs/barres_titres/red_m.jpg);background-color: #B50202;}
#red .bloc-titre-gauche {background-image: url(images/blocs/barres_titres/red_l.jpg);}
#red .bloc-titre-droite {background-image: url(images/blocs/barres_titres/red_r.jpg);}

#noir .bloc-titre, #noir2 .bloc-titre {background-image: url(images/blocs/barres_titres/noir_admin.gif);background-color: #111111;}
#noir .bloc-titre-gauche, #noir2 .bloc-titre-gauche {background-image: url(images/blocs/barres_titres/noir_admin_l.gif);}
#noir .bloc-titre-droite, #noir2 .bloc-titre-droite {background-image: url(images/blocs/barres_titres/noir_admin_r.gif);}

#purple .bloc-titre {background-image: url(images/blocs/barres_titres/purple_m.jpg);background-color: #7D3AAB;}
#purple .bloc-titre-gauche {background-image: url(images/blocs/barres_titres/purple_l.jpg);}
#purple .bloc-titre-droite {background-image: url(images/blocs/barres_titres/purple_r.jpg);}


#cyan_admin .bloc-titre {background-image: url(images/blocs/barres_titres/bleu_admin.gif);background-color: #1da1c2;}
#cyan_admin .bloc-titre-gauche {background-image: url(images/blocs/barres_titres/bleu_admin_l.gif);}
#cyan_admin .bloc-titre-droite {background-image: url(images/blocs/barres_titres/bleu_admin_r.gif);}



/*------------ Bloc Ou suis-je ? ------------*/



.bloc-ou {
	background-image: url(images/blocs/ou/m.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 38px;
	color: #6a6a6a;
	font-size: 13px;
}

.bloc-ou a, .bloc-ou a:visited{
	color: #6a6a6a;
	text-decoration:none;
}

.bloc-ou a:hover{
	color: #14b3df;
	text-decoration:underline;
}

.bloc-ou-l {
	background-image: url(images/blocs/ou/coin_l.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
}



.bloc-ou-r {
	background-image: url(images/blocs/ou/coin_d.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
	padding-top: 10px;
	padding-left: 10px;
}

.bloc-ou span {
	color: #14b3df;
	font-weight:bold;
	margin-right: 20px;
}


/*Admin*/

.bloc-ou-admin {
	background-image: url(images/blocs/barres_titres/noir_admin.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 38px;
	color: #cecece;
	font-size: 12px;
	margin-top:1px;
	margin-right:6px;
}

.bloc-ou-admin a, .bloc-ou-admin a:visited{
	color: #cecece;
	text-decoration:none;
}

.bloc-ou-admin a:hover{
	color: #ffffff;
	text-decoration:underline;
	text-decoration:none;
}

.bloc-ou-admin-l {
	background-image: url(images/blocs/barres_titres/noir_admin_l.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
}

.bloc-ou-admin-r {
	background-image: url(images/blocs/barres_titres/noir_admin_r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
	padding-top: 10px;
	padding-left: 10px;
}

.bloc-ou-admin span {
	height: 24px;
	background-image: url(images/blocs/barres_titres/separateur_vert.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 8px;
	margin-right:8px;
}




/*REMARQUES*/
.remarque_information, .remarque_attention, .remarque_telecharger, .remarque_erreur, .remarque_astuce, .remarque_question {
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	color: #666666;
	font-style: italic;
	font-weight: normal;
	padding-top: 10px;
}

.remarque_information {
	background-image: url(/images/blocs/remarques/information.png);
}
.remarque_attention {
	background-image: url(/images/blocs/remarques/attention.png);
}
.remarque_telecharger {
	background-image: url(/images/blocs/remarques/telecharger.png);
}
.remarque_erreur {
	background-image: url(/images/blocs/remarques/erreur.png);
}
.remarque_astuce {
	background-image: url(/images/blocs/remarques/astuce.png);
}
.remarque_question {
	background-image: url(/images/blocs/remarques/question.png);
}
.remarque_information_texte, .remarque_question_texte, .remarque_astuce_texte, .remarque_telecharger_texte, .remarque_erreur_texte, .remarque_attention_texte {
	margin-left: 55px;
}
.remarque_information_texte {
	color: #4D4E80;
}
.remarque_question_texte {
	color: #4D4E80;
}
.remarque_astuce_texte {
	color: #848048;
}
.remarque_telecharger_texte {
	color: #666765;
}
.remarque_erreur_texte {
	color: #843C3C;
}
.remarque_attention_texte {
	color: #9E6F2E;
}










/**************************************************************

	Sortable Table
	v 1.4
	TABLEAUX SITE FREE'Z

**************************************************************/

.sortable table {
	border: 1px solid #ccc;
	width: 100%;
	color: #666;
}

.sortable a , .sortable a:visited{
	color:#444;
}

.sortable a:hover{
	color:#000;
}


.sortable th {
	background-color: #000;
	font-weight: bold;
	background-image: url(styles/sortable/th_off.gif);
	height: 24px;
	text-align: center;
	padding-top:8px;
	color: #FFF;
	font-size: 14px;
}
.sortable .coin_gauche {
	background-image: url(styles/sortable/coins.gif);
	background-position: 10px;
	float: left;
	height: 32px;
	width: 5px;
	margin-top:-8px;
}
.sortable .coin_droite {
	background-image: url(styles/sortable/coins.gif);
	background-position: 5px;
	float: right;
	height: 32px;
	width: 5px;
	margin-top:-8px;
}
.sortable .sortedASC .coin_droite, .sortedDESC .coin_droite {
	background-image: url(styles/sortable/coins.gif);
	background-position: 15px;
	float: right;
	height: 32px;
	width: 5px;
	margin-top:-8px;
}

.sortable .sortedASC .coin_gauche, .sortable .sortedDESC .coin_gauche {
	background-image: url(styles/sortable/coins.gif);
	background-position: 20px;
	float: left;
	height: 32px;
	width: 5px;
	margin-top:-8px;
}

.sortable .centre_tableau {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 14px;	
}

.sortable tr {
	background-color: #d9e7f0;
	padding: 4px;
}

.sortable tr.altRow {
	background-color: #fff;
}

.sortable td {
	height:26px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
}

.sortable .rightAlign {
	text-align: right;
}



.sortable .sortedASC, .sortable .sortedDESC  {
	color:#000;
	background-color: #eee;
	background-image: url(styles/sortable/th_on.gif);
}

.sortable .tableHeaderOver {
	cursor: pointer;
}


/*tr.selected {
	background-color: gold;
	color: #fff;
}*/

.sortable tr.over {
	background-color: #09C2D8;
	color: #fff;
	cursor: pointer;
}

.sortable tr.hide {
	display: none;
}

/***************************/
.tableFilter {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0 10px 0;
}

.tableFilter input {
	border: 1px solid #ccc;
}

.tableFilter select {
	border: 1px solid #ccc;
}


/*************************************************************/









/*------------------------------------------------*/
/*-------------------- FOOTER --------------------*/
/*------------------------------------------------*/
#footer
{
	background: url(images/corps/footer.jpg) no-repeat;
	width: 1022px;
	height: 60px;
	text-align:right;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 18px;
}
#footer a, #footer a:visited
{
	color: #FFFFFF;
	text-decoration:none;
}

#footer a:hover
{
	color: #BDE9F0;
}
.bloc_couleur {
	height: 20px;
	width: 50px;
	border: 1px solid #666666;
}
