/* Feuille de Style Principale de l'application */
/* Design Arttic */

/* ------------------------------------------- */
/* -= Styles des Conteneurs =- */
/* ------------------------------------------- */

/* -=Toutes les balises=- */
/* Resette les comportement par défaut */
/* Et en spécifie de nouveaux*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	
	/*font-family: "Times New Roman", Times, serif;*/
	font-family:"Arial", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	/*text-decoration: none;*/
	color: inherit;
}


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

/* -=Body=- */
body {
	margin: 0;
	padding: 0;
	background-color: #B5BEC4;

	font-size: .85em;
	color: #414444;
	
	text-align: center;
}



/* -=Conteneur=- */

#page {
	position: relative;
	width: 790px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 5px;
}

/* HR qui agissent comme spacer */
#page .spacer {
	visibility: hidden;
	clear: both;
}




/* -=Titre du site =- */

#titre {
	text-align: center;
	
	background-color: #E9E9E9;
	background-image: url("titre.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 111px;
	padding-top: 20px;
}

#titre h1 {
	display: none;
}




/* -=Menu=- */

#menu {
    text-align: center;
    margin-top: -26px;
    font-size: .85em;
}

#menu .active {
    color: #fff;
    font-weight: bold;
    background-color: #639FC9;
    padding:6px 7px 5px;
    display:block;
}

/* Menu Navigation (Niveau 1) */
#menu_navig {
    list-style-type: none;   
    color: #166089;
    display:table;
    margin: 0 auto;
}

#menu_navig li {
    display:table-cell;
    text-align: center;
    padding-right: 20px;
    vertical-align: middle;
}
/* Hack IE7  et inferieur */
*+html ul#menu_navig li { display:inline; zoom:1;}
* html ul#menu_navig li { display:inline; zoom:1;}

#menu_navig a:link, #menu_navig a:visited {
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #166089;
}

#menu_navig a:hover, #menu_navig a:active {
	color: #60BED8;
}

/* Menu Navigation (Niveau 2) */
#menu_navig_sub {
	list-style-type: none;
	height: 22px;
	
	background-color: #639FC9;
	color: #FFFFFF;
	/*font-size: 11px;*/
	padding-top: 3px;
}

#menu_navig_sub li {
	display: inline;
	text-align: center;
	padding-right: 20px;
	vertical-align: middle;
}

#menu_navig_sub a:link, #menu_navig_sub a:visited {
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
}

#menu_navig_sub a:hover, #menu_navig_sub a:active {
	color: #166089;
}

/* Menu Compte */
#menu_compte {
	position: absolute;
	top: 0px;
	left: 5px;
	
	background-color: #E9E9E9;
	color: #CCCCCC;
	font-size: 0.9em;
}

#menu_compte li {
	display: inline;
	margin-right: 5px;
	vertical-align: middle;
}

#menu_compte a {
	font-style: normal;
	text-decoration: none;
	color: #CCCCCC;
}
#menu_compte a:hover {
	color: #D9232C;
}

#menu_compte .input_text {
	background-color: #E9E9E9;
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
}

#menu_compte .input_button {
	background-color: #E9E9E9;
	color: #CCCCCC;
	border: none;
}

/* Menu Langues */
#menu_lang {
	position: absolute;
	top: 0px;
	right: 5px;
	
	background-color: #E9E9E9;
	color: #CCCCCC;
	font-size: 0.9em;
}

#menu_lang li {
	display: inline;
	margin-right: 5px;
	vertical-align: middle;
}

#menu_lang a {
	font-style: normal;
	text-decoration: none;
	color: #D9232C;
}

/* Menu Recherche */
#menu_search {
	position: absolute;
	top: 25px;
	right: 10px;
	
	color: #08558D;
	font-size: 9pt;
}

#menu_search .input_search {
	background-color: #FFFFFF;
	color: #08558D;
	border: 1px solid #08558D;
}

/* Menu intra-page (Niveau 3) (liste ul) */
#module .menu {
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
	width: 200px;
}

#module .menu a {
	display: block;
	width: 170px;
	height: 25px;
	
	background-color: #FFFFFF;
	background-image: url("bg_menu.gif");
	background-repeat: repeat-x;
	background-position: center bottom;
	
	color: #A78F87;
	text-decoration: none;
	padding-left: 10px;
	padding-top: 10px;
}




/* -=Footer du site =- */

#footer {
	background-color: #FFFFFF;
	text-align: left;
	margin-top: -30px;
	padding: 10px;
}

#footer p {
	clear: both;
	font-size: 0.7em;
	color: #99A1A6;
}

#footer a {
	color: #99A1A6;
	text-decoration: none;
	font-style: normal;
}




/* -= Login =- */

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




/* -=Module=- */

/* Conteneur du module */
#module {
	text-align: center;
	background-color: #FFFFFF;
	color: #606060;
	font-size: 0.9em;
}




/* ------------------------------------- */
/* -= Styles du Contenu =- */
/* ------------------------------------- */


/* -= Blocks de positionnement =- */

/* Block contenu */
/* bloc spécial qui contient de l'info mise en valeur : les messages des memos, les formulaires de modifs... */
.block_contenu {
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

/* Ces blocks "génériques" sont utilisées pour le positionnement d'objets */

/* Block de base */
.block {
	margin-bottom: 30px;
}


/* 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: 40%;
	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: 40%;
	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: 40%;
	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: 40%;
	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;
}


/* -= Blocks de positionnement =- */

/* contenu flottant */
.float {
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

/* contenu center */
.center, .center img, .center table, .center div, .center span, .center p, .center ul, .center ol {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* contenu gauche */
.left, .left img, .left table, .left div, .left span, .left p, .left ul, .left ol {
	display: block;
	text-align: center;
	margin-left: 0;
	margin-right: auto;
}

/* contenu droite */
.right, .right img, .right table, .right div, .right span, .right p, .right ul, .right ol {
	display: block;
	text-align: center;
	margin-left: 0;
	margin-right: auto;
}

/* Block à gauche avec photos sur la page d'accueil */
.block_homepage_left {
	width: 150px;
	float: left;
	margin: 5px;
	background-color: #F3F3F3;
	border-right: 10px solid #FFFFFF;
}

/* Block à gauche avec photos sur une page normale */
.block_page_left {
	width: 200px;
	float: left;
	margin: 5px;
}

/* Block de disposition en 2 colonnes */
.block_2cols {
	width: 350px;
	float: left;
	margin-right: 5px;
}

/* Block de disposition en 3 colonnes */
.block_3cols {
	width: 250px; 
	float: left;
	margin: 5px;
}

/* Block  */
.boite1	{ 
	width: 175px; 
	height:150px; 
	float: left; display:block; 
	margin-top:10px;margin-right:10px; 
	padding:5px; 
	background:#FFF; 
	border:1px solid #EBE0DA; 
	color:#666666;
	}
.boite1 strong{
	color: #CC0000;
}
.boite1 img{ 
	margin-bottom:10px;
	text-align:center;
}


.boite2	{ 
	
	float: left;
	/*width: 220px; 
	height:150px; display:block; */
	padding:5px; 
	background:#FFF; 
	border-bottom:1px solid #EBE0DA; 
	color:#666666;
	}
.boite2 strong{
	color:#1A79B0;
}
.boite3	{ 
	float: left;
	width: 230px; 
	height:150px; 
	 display:block;
	padding:8px; 
	border-right:1px solid #EBE0DA; 
	color:#666666;
	}
.boite3 h3{
	color:#CC0000;
}.boite3 strong{
	color:#1A79B0;
}

/* -= Présentation de texte =- */


/* 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 */


/* -= Textes =- */ 


/* Texte de base */ 
.text {
	font-weight: normal;
	font-style: normal;
}

/* Texte en valeur */
strong, b {
	font-weight: bold;
	font-style: inherit;
}

/* Texte important */ 
.text_important, em, i {
	font-weight: inherit;
	font-style: italic;
}

/* Texte très important */ 
.text_important_big {
	font-weight: bold;
	font-style: italic;
}

/* Titre */ 
.text_titre, h4 {
	font-weight: bold; color:#1A79B0;
	font-style: inherit;
}

h4{font:bold 12px Arial, Helvetica, sans-serif;color:#1A79B0;}

/* Gros Titre */ 
.text_titre_big, h3 {
	font-weight: bold;
	font-size: 1.3em;
}

/*Très Gros Titre */ 
.text_titre_huge, h2 {
	display: block;
	width: 780px;
	height: 25px;
	background-image: url("bg_rubrique.gif");
	
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-right: 10px;
	
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}

/*Petit texte */ 
.text_small {
	clear: both;
	font-style: italic;
	font-size: 0.8em;
	color: #4D4D50;
}




/* -= Liens =- */ 


/* Liens Standards */
a:link, a:visited, .link:link, .link:visited {
	font-style: inherit;
	font-weight: inherit;
	color: #60BED8;
}
a:hover, a:active, .link:hover, .link:active {
	color: #D9232C;
}


/* Liens "Gros" */
.link_big:link, .link_big:visited {
	color: #60BED8;
	font-style: inherit;
	font-weight: bold;
}
.link_big:hover, .link_big:active {
	color: #D9232C;
}


/* Liens "Important" */
.link_important:link, .link_important:visited {
	color: #D9232C;
	font-style: inherit;
	font-weight: bold;
}
.link_important:hover, .link_important:active {
	color: #166089;
}


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

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


/* -=Messages d'infos=- */


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

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

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




/* -= Formulaires =- */

/* Zones de saisies et textareas */
.input_text {
	background-color: #FFFFFF;
	color: #166089;
	border: 1px solid #606060;
}

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

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

/* liste de selection */
.input_select {
	background-color: #FFFFFF;
	color: #166089;
	border: 1px solid #606060;
}

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





/* -= Listes =- */

/* Toutes les listes utilisées dans le module */
#module ul,  #module ol {
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 1em;
}

#module ul li,  #module ol li {
	margin-bottom: 3px;
}

#module ul ul li,  #module ol ol li {
	margin-bottom: 0px;
}


hr {
	/*width: 95%;*/
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}


/* -= Tableaux =- */
/* Vrai tableaux utilisés pour pour présenter une liste de données */


/* tableau liste de résultats */
/* Les lignes impaires sont de classes différentes des paires */
.table_list {
	text-align: left;

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

/* tableau mois de l'année */
/* Les lignes impaires sont de classes différentes des paires */
.table_calendar {
	text-align: left;
	width: 300px;
	float: left;

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


/* ligne de titre du tableau */
.table_list .table_title, .table_calendar .table_title {
	background-color: #FFFFFF;
	color: #166089;
}

/* ligne impaires : 1,3,5... */
.table_list .table_item_1, .table_calendar .table_item_1 {
	background-color: #F8F8F8;
	color: #606060;
	
	border-left: hidden;
	border-right: hidden;
}

/* ligne paires : 2,4,6... */
.table_list .table_item_2, .table_calendar .table_item_2 {
	background-color: #FFFFFF;
	color: #606060;
	
	border-left: hidden;
	border-right: hidden;
}


/* -= Cellules du tableau =- */

/* Cellules de titre */
.table_list th, .table_calendar th {
	text-align: center;
	font-weight: bold;

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

/* Cellules du contenu standard */
.table_list .table_item_1 td, .table_list .table_item_2 td, .table_calendar .table_item_1 td, .table_calendar .table_item_2 td {
	text-align: left;

	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	border-right: 1px dashed #166089;
}