/************************************* Propriétés du corps de page **************************************************/
body				{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:justify; background: url(../img/bg.gif) repeat-x #cfe3ee; margin:0px; padding:0px; }

p					{ background:url(../img/p.gif) 0 3px no-repeat; text-indent:15px; margin:15px 15px 0 20px; }
p.p_prog			{ background:url(../img/p_prog.gif) 0 4px no-repeat; text-indent:15px; margin:15px 15px 0 20px; }
p,td				{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; }
table td			{ vertical-align:top; }

ul					{ margin:15px 0 0 0; padding:0 0 0 10px; }
ul li				{ list-style-image:url(../img/li_ble.gif); margin:0 0 0 50px; }
/*
ul.li_ble			{ list-style-image: url(../img/li_ble.gif); }
ul.li_ora			{ list-style-image: url(../img/li_ora.gif); }
ul.li_ver			{ list-style-image: url(../img/li_ver.gif); }*/

/* Propriétés de la div PAGE */
#page				{ border:0; background: #fff; margin: 0; padding: 0; width: 100%; }

/* Formulaire */
form				{ text-align:left; margin:0; }
input, select, textarea { text-align:left; padding:0; border:1px #dcdcdc solid; margin:3px; }
form input			{ vertical-align: middle; }
legend				{ padding-left:3px; margin:20px 0 20px 0; color:#000; font-size:14px; font-weight:bold; }
fieldset			{ border:3px solid #efefef; padding:5px; margin: 0 0 0 20px; }
label				{ font-size:12px; margin:0 10px 0 0; padding:0; float:right; }

input.submit		{ text-align:center; background:#fff; padding:0 15px 0 15px; border:3px #ccc solid; margin:3px; }
input.submit:hover	{ border:3px #0096d2 solid; margin:3px; }

/* Propriétés des liens */
a					{ font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
a:hover				{ text-decoration: underline; color:#fff; }


/************************************* Propriétés de la page INDEX **************************************************/
/* Propriétés de la div TOP */

table#menu			{ height:33px; width:779px; }
table#menu .bleu1	{ background:#114d95; width:30%; margin:0; text-align:center; border-top:1px #fff solid;  border-bottom:1px #fff solid;}
table#menu .bleu1 a	{ text-align:center; vertical-align:middle; display: block; padding:8px; background: #114d95; color: #fff; text-decoration: none; font-size:14px; }
table#menu .bleu1 a:hover { background: #ff8c00; color: #fff; text-decoration: none; }

table#menu .bleu2	{ background:#6f8db9; width:23%; margin:0; text-align:center; border-top:1px #fff solid;  border-bottom:1px #fff solid;}
table#menu .bleu2 a	{ text-align:center; vertical-align:middle; display: block; padding:8px; background: #6f8db9; color: #fff; text-decoration: none; font-size:14px; }
table#menu .bleu2 a:hover	{ background: #ff8c00; color: #fff; text-decoration: none; }

table#menu .bleu3	{ background:#00365b; width:23%; margin:0; text-align:center; border-top:1px #fff solid;  border-bottom:1px #fff solid;}
table#menu .bleu3 a	{ text-align:center; vertical-align:middle; display: block; padding:8px; background: #00365b; color: #fff; text-decoration: none; font-size:14px; }
table#menu .bleu3 a:hover { background: #ff8c00; color: #fff; text-decoration: none; }

table#menu .bleu4	{ background:#29568f; width:23%; margin:0; text-align:center; border-top:1px #fff solid;  border-bottom:1px #fff solid;}
table#menu .bleu4 a	{ text-align:center; vertical-align:middle; display: block; padding:8px; background: #29568f; color: #fff; text-decoration: none; font-size:14px; }
table#menu .bleu4 a:hover { background: #ff8c00; color: #fff; text-decoration: none; }

table#menu a.actif2	{ background:#ff8c00; color:#fff; text-decoration:none; }

.bleu2				{ background:#0189c5; width:100%; margin:0; text-align:center; border-top:1px #fff solid;  border-bottom:1px #fff solid;}


/**************************************************************************************/
/* Propriétés de la div COL_MENU de Gauche*/

.content_menu		{ margin:10px; }
.titre_menu			{ margin:0; padding:10px; background:#0087c7; text-align:center; }
.intro				{ text-align:left; margin:5px; padding:30px 15px 10px 15px; background:url(../img/bar_intro.gif) repeat-y 2px 0; }

#col_menu			{ width:185px; color:#fff; font-size:12px; background:#0096d2; padding:0; vertical-align:top; }
#col_menu ul		{ list-style:none; margin:0 0 60px 0; padding:0; font-size:14px; }
#col_menu li		{ list-style:none; margin:2px 0 0 0; padding:5px 0 5px 0; }

.menu_g_bleu li		{ width:185px; background:#114d95; }
.menu_g_bleu li a	{ padding:5px; color:#fff; text-decoration:none; }
.menu_g_bleu li		{ padding:5px; color:#fff; background:#114d95; border-left:5px solid #002252; }
.menu_g_bleu li:hover { border-left:5px solid #fff; text-decoration:none; }
.menu_g_bleu .actif	{ background:#ff8c00; color:#fff; border-left:5px solid #fff; text-decoration:none; }
.menu_g_bleu li.marianne	{ background:#114d95 url(../img/marianne.gif) no-repeat 100% 75%; }

.scellier			{ text-align:center; margin:-40px 0 0 0; }
.scellier a img 	{ border:none; }

/**************************************************************************************/
/* Propriétés de la div CONTENU à Droite */

#contenu			{ width:594px; background:#fff; padding:0; vertical-align:top; }
.content_page		{ margin:10px 10px 10px 10px; } 
.content_page a		{ color:#000; text-decoration:underline; }
.content_page a:hover {color:#0096d2;}
.content_page img 	{border-style:none;}
.content_page h3		{text-align:center;}

#footer				{ width:780px; text-align:right; font-size:10px; color:#333; margin-top:5px; padding:0; vertical-align:top; }
#footer	a			{ color:#333; text-align:right; font-size:10px; }


/**************************************************************************************/
/* Propriétés de la page programmes entreprise */

.page_prog_ent		{ background:#fff url(../img/bg_prog_ent.jpg) no-repeat 100% 30px; margin:10px 0 10px 10px; } 
table.tab_prog_ent	{ width:100%; margin-top:100px; }
.tab_prog_ent td	{ width:180px; text-align:center; font-size:10px; }
.tab_prog_ent td b	{ color:#0189c5; font-size:12px; }

/**************************************************************************************/
/* Propriétés de la page programmes habitation */

.page_prog_hab		{ background:#fff url(../img/bg_prog_hab.jpg) no-repeat 100% 30px; margin:10px 0 10px 10px; } 
table.tab_prog_hab	{ width:100%; margin-top:100px; }
.tab_prog_hab td	{ width:180px; text-align:center; font-size:10px; }
.tab_prog_hab td b	{ color:#0189c5; font-size:12px; }

.tab_prog			{ width:90%; }
.tab_prog td		{ text-align:center; }
.tab_prog td a		{ text-decoration:none; }
.zoom				{ float:right; margin-left:15px; }


/**************************************************************************************/
/* Propriétés de la div H1 et H2 */ 

h1					{ color:#0189c5; font-size:24px; text-align:left; font-weight:bold; margin:5px 0 5px 0; }
h2					{ color:#0096d2; margin:20px 0 0 0; font-size:14px;  }
/*.h2ble { color:#0096d2; margin:20px 0 0 0; font-size:14px; }
.h2ora { color:#f56e00; margin:20px 0 0 0; font-size:14px; }
.h2ver { color:#76b900; margin:20px 0 0 0; font-size:14px; }*/

/* Propriétés des class couleurs */

.bleu				{ color:#114d95; }
.bleu_2				{ color:#0096d2; font-size:18px; }
.bleu10				{ color:#114d95; font-size:10px; font-weight:normal; }
.bleu_12			{ color:#0096d2; font-size:12px; }
.bleu14				{ color:#114d95; font-size:14px; font-weight:bold; }
.orange				{ color:#ff8c00; }
.gris				{ color:#999; }


/* Propriétés de HAUTPAGE */
.noborder			{ text-decoration: none; border: 0px; }

/* Propriétés de CADRE */
.cadre				{ border:2px solid #ddd; margin:2px; padding:0; }
/*
.cadre_ora			{ border:1px solid #f56e00; margin:2px; }
.cadre_ver			{ border:1px solid #76b900; margin:2px; }
*/

/* Propriétés de la page PROGRAMME EN COURS */
.photo_prog			{ border:2px solid #114d95; margin:15px 2px 2px 2px; }
.titre_prog			{ background-color:#114d95; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center; }
.td_prog			{ border-bottom:1px dashed #114d95; }

/* Propriétés de ALIGN_RIGHT/LEFT */
.align_right		{ float:right; margin:0 10px 0 0; }
.align_left			{ float:left; margin:0 10px 5px 10px; }
.center				{ text-align:center; }

/* Propriétés de TOPAGE */
.topage				{ float:right; margin:15px 10px 0 0; border:0; }

/* Propriétés de RETURN */
.return				{ text-align:right; }
a.lien				{ color:#0096d2; font-size:12px; margin:0; text-decoration:underline; }
a.lien:hover		{ color:#ff8c00; text-decoration:underline; }