/* Feuille de Style Principale de l'application */
/* Contient Un ensemble de style génériques pour toutes les balises, et des blocks génériques de placement */
/* Design "Relocation Service" */

/* -= TOUTES LES BALISES =- */
/* Resette les comportement par défaut */
/* Et en spécifie de nouveaux*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 1em; /* TOUJOURS LAISSER A 1em, modifier la taille de la typo du site dans le body, sinon ca bugge */
	font-weight: normal;
	font-style: normal;
	color: inherit;
}

/* -= HTML =- */
html {
	margin: 0;
	padding: 0;
}

/* -= BODY =- */
body {
	margin: 0;
	padding: 0;
	background-color: #E4E4E4;
	background-image: url("bg_site.gif");
	background-repeat: repeat-x;
	background-position: center top;

	font-size: 0.8em;
	color: #575B5E;
	
	text-align: center;
}




/* ---------------------------------------------------- */
/* -= BLOCKS GLOBAUX DU SITE =- */
/* ---------------------------------------------------- */


/* -= CONTENEUR DU SITE =- */

#page {
	position: relative;
	width: 790px;
	background-image: url("bg_page.gif");
	background-repeat: repeat-y;
	
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 0px;
}




/* -= TITRE DU SITE =- */

#titre {	
	height: 150px;
	text-align: center;
	background-color: transparent;
	background-image: url("titre.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#titre h1 {
	display: none;
}


/* -= MENU HAUT =- */

/* Menu de Langue */ 
#menu_top {
	display: block;
	height: 36px;
		
	font-size: 0.8em;
	color: #FFFFFF;
	background-color: #E91B1B;
	list-style: none;
}

#menu_top li {
	display: block;
	float: right;
	text-align: center;	
	height: 26px;
	padding-top: 10px;
	margin-right: 10px;
}

#menu_top a:link, #menu_top a:visited {
	color: #DADADA;

	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
#menu_top a:hover, #menu_top a:active {
	text-decoration: underline;
}

#menu_top .input_text {
	background-color: transparent;
	color: #DADADA;
	width: 100px;
}



/* -= MENU =- */

/* Menu principal du site (DEROULANT) */
#menu {
	position: absolute;
	top: 164px;
	width: 790px;
	height: 22px;
	color: #FFFFFF;
	font-size:0.85em; text-align:center;
}

#menu dl, #menu dt, #menu dl, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu dl {
	float: left;
	width: 12em;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
}

#menu dt {
	text-align: left; 
	padding-left:5px;
	font-weight: bold;
	background-color: #666666;
}

#menu dd {
	text-align: left;
	padding-left:5px;
	background-color: #666666;
	display: none;
}

#menu li {
	padding-top: 5px;
	padding-bottom: 5px;
	/*height: 25px;*/
	background-color: #666666;
	border-bottom: 1px dashed #4F4F4F;
}


#menu a:link, #menu a:visited, #menu .active {
	display: block;
	height: 100%;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

#menu a:hover, #menu a:active, #menu .active {
	color: #E91B1B;
}




/* Menu utilisateur */ 
#menu_compte {
	height: 10px;
	font-size: 0.8em;
	display: inline;
}
#menu_compte a:link, #menu_compte a:visited {
	color: #999999;
	display: inline;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
#menu_compte li {
	display: inline;
	text-align: center;
	
	height: 32px;
	margin-left: auto;
	margin-right: auto;
}
#menu_compte a {
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	border: none;
}
#menu_compte .input_text, #menu_compte .input_button {
	background-color: transparent;
	color: #999999;
	width: 65px;
}









/* -= FOOTER DU SITE =- */

#footer {
	text-align: center;
	padding-top: 20px;
		
	background-image: url("footer.gif");
	background-repeat: no-repeat;
	background-position: center top;
	background-color: transparent;
}

#footer p {
	clear: both;
	font-size: 0.8em;
	color: #666666;
	margin-bottom: 5px;
}

#footer a, #footer input {
	color: #999999;
	border-color: #999999;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #666666;
}




/* -= LOGIN =- */

/* Conteneur du login */
#login {
	text-align: center;
	width: 300px;
	
	margin-top: 18%;
	margin-left: auto;
	margin-right: auto;
}
#login .block_contenu {
	text-align: center;
}



/* -= MODULE =- */

/* Conteneur du module */
#module {
	text-align: center;
}





/* ----------------------------------------------------------- */
/* -= BLOCKS DE POSITIONNEMENTS =- */
/* ----------------------------------------------------------- */


/* Block contenu */
/* Bloc contenant "directement" des informations */
.block_contenu {
	text-align: left;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}


/* Block au contenu centré */
.block_center {
	text-align: center;
	margin-bottom: 30px;
}
/* Aligne les divs / tables & co aussi */
.block_center div, .block_center table, .block_center img, .block_center ul, .block_center ol, .block_center p {
	margin-left: auto;
	margin-right: auto;
}


/* Block au contenu centré SANS MARGE*/
.block_center_bottom {
	text-align: center;
}
/* Aligne les divs / tables & co aussi */
.block_center_bottom div, .block_center_bottom table, .block_center_bottom img, .block_center_bottom ul, .block_center_bottom ol, .block_center_bottom p {
	margin-left: auto;
	margin-right: auto;
}


/* Block au contenu à gauche */
.block_left {
	text-align: left;
	margin-bottom: 30px;
}
/* Aligne les divs / tables & co aussi */
.block_left div, .block_left table, .block_left img, .block_left ul, .block_left ol, .block_left p {
	margin-left: 0;
	margin-right: auto;
}


/* Block au contenu à gauche SANS MARGE*/
.block_left_bottom {
	text-align: left;
}
/* Aligne les divs / tables & co aussi */
.block_left_bottom div, .block_left_bottom table, .block_left_bottom img, .block_left_bottom ul, .block_left_bottom ol, .block_left_bottom p {
	margin-left: 0;
	margin-right: auto;
}


/* Block au contenu à droite */
.block_right {
	text-align: right;
	margin-bottom: 30px;
}
/* Aligne les divs / tables & co aussi */
.block_right div, .block_right table, .block_right img, .block_right ul, .block_right ol, .block_right p {
	margin-left: auto;
	margin-right: 0;
}


/* Block au contenu à droite SANS MARGE*/
.block_right_bottom {
	text-align: right;
}
/* Aligne les divs / tables & co aussi */
.block_right_bottom div, .block_right_bottom table, .block_right_bottom img, .block_right_bottom ul, .block_right_bottom ol, .block_right_bottom p {
	margin-left: auto;
	margin-right: 0;
}


/* Block au contenu flottant à gauche */
.block_left_float {
	float: left;
	width: 50%;
	text-align: left;
	margin-bottom: 30px;
}
/* Aligne les divs / tables & co aussi */
.block_left_float div, .block_left_float table, .block_left_float img, .block_left_float ul, .block_left_float ol, .block_left_float p {
	margin-left: 0;
	margin-right: auto;
}


/* Block au contenu flottant à gauche SANS MARGE*/
.block_left_float_bottom {
	float: left;
	width: 50%;
	text-align: left;
}
/* Aligne les divs / tables & co aussi */
.block_left_float_bottom div, .block_left_float_bottom table, .block_left_float_bottom img, .block_left_float_bottom ul, .block_left_float_bottom ol, .block_left_float_bottom p {
	margin-left: 0;
	margin-right: auto;
}


/* Block au contenu flottant à droite */
.block_right_float {
	float: right;
	width: 50%;
	text-align: right;
	margin-bottom: 30px;
}
/* Aligne les divs / tables & co aussi */
.block_right_float div, .block_right_float table, .block_right_float img, .block_right_float ul, .block_right_float ol, .block_right_float p {
	margin-left: auto;
	margin-right: 0;
}


/* Block au contenu flottant à droite SANS MARGE*/
.block_right_float_bottom {
	float: right;
	width: 50%;
	text-align: right;
}
/* Aligne les divs / tables & co aussi */
.block_right_float_bottom div, .block_right_float_bottom table, .block_right_float_bottom img, .block_right_float_bottom ul, .block_right_float_bottom ol, .block_right_float_bottom p {
	margin-left: auto;
	margin-right: 0;
}




/* ------------------------------------------ */
/* -= STYLES GENERIQUES =- */
/* ------------------------------------------ */


/* -= TEXTES =- */ 
/* Série de classe "génériques" pour différencier les textes */
/* On définit aussi les balises de titre de module (les Hx) comme ca la classe est identique aux génériques */


/* Texte important */ 
.text_big, strong, b {
	font-weight: bold;
}

/* Texte accentué */ 
.text_important, em, i {
	font-style: italic;
}

/* Texte important accentué */ 
.text_important_big, big {
	font-weight: bold;
	font-style: italic;
}

/*Petit texte */ 
.text_small, small {
	font-style: italic;
	font-size: 0.85em;
	color: #646464;
}

/* Sous-Titre */ 
.text_titre_small, h5 {
	font-weight: normal;
	font-style: italic;
	margin-bottom: 20px;
}

/* Titre */ 
.text_titre, h4 {
	font-weight: bold;
	font-style: normal;
	margin-bottom: 20px;
}

/* Gros Titre */ 
.text_titre_big, h3 {
	font-weight: bold;
	font-size: 1.5em;
	color: #E91B1B;
	text-align: left;
		
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
	margin-bottom: 20px;
	
	border-bottom: 1px solid #E91B1B;
}

/*Très Gros Titre */ 
.text_titre_huge, h2 {
	font-weight: bold;
	color: #E91B1B;
	font-size: 1.6em;
	
	padding-top: 5px;
	padding-right: 15px;
		
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}




/* -= LIENS HYPERTEXTES =- */ 


/* Liens Standards */
a:link, a:visited, .link:link, .link:visited {
	color: #E91B1B;
	
}
a:hover, a:active, .link:hover, .link:active {
	color: #666666;
}


/* Liens "Gros" */
.link_big:link, .link_big:visited {
	color: #E91B1B;
	font-style: normal;
	font-weight: bold;
}
.link_big:hover, .link_big:active {
	color: #666666;
}


/* Liens "Important" */
.link_important:link, .link_important:visited {
	color: #E91B1B;
	font-style: italic;
	font-weight: bold;
}
.link_important:hover, .link_important:active {
	color: #666666;
}


/* Liens "Boutons" (ex les liens de supression ou de modification...)*/
.link_button:link, .link_button:visited {
	background-color: #FFFFFF;
	color: #E91B1B;
	font-style: normal;
	font-weight: bold;
	border: 1px solid #E91B1B;
	text-decoration: none;

	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.link_button:hover, .link_button:active {
}


/* Liens "Onglets" clickable (pas page courante) */
.link_onglet:link, .link_onglet:visited {
	background-color: #FFFFFF;
	color: #E91B1B;
	font-style: normal;
	font-weight: bold;
	border: 1px solid #E91B1B;
	text-decoration: none;

	margin-left: 26px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
}
.link_onglet:hover, .link_onglet:active {
	color: #666666;
}

/* Liens "Onglets" activé (page courante, n'est plus un lien mais un texte standard) */
.link_onglet_on {
	background-color: #FCFCFC;
	color: #E91B1B;
	font-style: normal;
	font-weight: bold;
	border: 2px solid #E91B1B;
	border-bottom: 2px solid #FFFFFF;
	text-decoration: none;

	margin-left: 26px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
}




/* -= MESSAGES D'INFORMATION =- */


/* Erreur */
.msg_error {
	font-style: italic;
	color: #DD0000;
}

/* Ok */
.msg_success {
	font-style: italic;
	color: #00DD00;
}

/* Neutre */
.msg_info {
	font-style: italic;
	color: #575B5E;
}




/* -= IMAGES =- */ 


/* Désactive les bordures au cas ou elle deviennent des liens */
img {
	border: 0;
}

.pict_big {
	padding: 2px;
	border: 1px solid #AAAAAA;
}




/* -= FORMULAIRES =- */


/* Zones de saisies input */
.input_text {
	background-color: #FFFFFF;
	color: #E91B1B;
	border: 1px solid #AAAAAA;
	width: 200px;
}

/* Zones de saisies textareas */
.input_textarea {
	background-color: #FFFFFF;
	color: #E91B1B;
	border: 1px solid #AAAAAA;
	display: block;
	margin: auto;
	width: 350px;
}

/* Boutons et Submit */
.input_button {
	background-color: #FFFFFF;
	color: #E91B1B;
	border: 1px solid #E91B1B;
	font-weight: bold;
}

/* Checkbox et boutons radios */
.input_checkbox, .input_radio {
	color: #E91B1B;
}

/* Liste de selection */
.input_select {
	background-color: #FFFFFF;
	color: #E91B1B;
	border: 1px solid #AAAAAA;
}

/* Envoi de fichier */
.input_file {
	background-color: #FFFFFF;
	color: #E91B1B;
	border: 1px solid #AAAAAA;
	font-size: 0.8em;
}




/* -= LISTES =- */


/* Toutes les listes utilisées dans le module */
#module ul,  #module ol {
	margin-left: 15px;
}




/* -= TABLEAUX =- */


/* Tableau générique style "tableaux de données" */
/* Les lignes paires et impaires possèdent des classes différentes si besoin */
table {
	text-align: left;

	/* Colle les cellules */
	border-collapse: collapse;
	border-spacing: 5px, 5px;
}

/* Lignes de titre du tableau */
table .table_title {
	background-color: #FFFFFF;
	color: #E91B1B;
}

/* Lignes impaires : 1,3,5... - style par défaut des lignes */
table .table_item_1, table tr {
	background-color: #F8F8F8;
	color: #4D4D50;
	
	border-left: hidden;
	border-right: hidden;
}

/* Lignes paires : 2,4,6... */
table .table_item_2 {
	background-color: #FFFFFF;
	color: #4D4D50;
	
	border-left: hidden;
	border-right: hidden;
}

/* Cellules de titre */
table th {
	text-align: center;
	font-weight: bold;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	border-top: 1px solid #E91B1B;
	border-bottom: 1px solid #E91B1B;
}

/* Cellules du contenu standard */
table td {
	text-align: left;
	padding: 5px;
	border-right: 1px dashed #E91B1B;
}