/* ***************************************************************************************************************************/
/* FEUILLE DE STYLES GEIREC **************************************************************************************************/
/* ***************************************************************************************************************************/

body									{ font:11px arial,sans-serif; margin:0; padding:0; background:#386c91 url(../img/bg.jpg) repeat-x 0 0; }
table,td,th 							{ font:11px arial,sans-serif; color:#333; margin:0; padding:0; }
p										{ font:11px arial,sans-serif; margin:0 0 10px 0; padding:0; color:#333; text-align:justify; }

/* DIV PRINCIPAUX ***************************************************************************************************************/
/* couleurs */
.rouge									{ color:#be2d1e; }
.bleu									{ color:#386c91; }
.vert									{ color:#149b1e; }
.bleu_ciel								{ color:#c3d9ff; }
.gris									{ color:#999; }

.zone_gris								{ background-color:#f2f2f2; padding:5px 10px 5px 10px; border:1px dotted #195078; }
.zone_bleu								{ background-color:#386c91; color:#fff; padding:5px 10px 5px 10px; border:1px dotted #195078; }


/* alignements */
.right									{ text-align:right; }
.left									{ text-align:left; }
.center									{ text-align:center; }

.right_img_border						{ float:right; margin: 0 0 10px 20px; border:2px solid #cfcfcf; }
.left_img_border						{ float:left; margin: 0 10px 10px 0; border:2px solid #cfcfcf; }
.right_img								{ float:right; margin: 10px 0 10px 20px; }
.left_img								{ float:left; margin: 0 10px 10px 0; }

.bt_top_page							{ float:right; margin:0 15px 10px 0; border:none; }

/* titres */
h1										{ font:normal 24px arial,sans-serif; color:#386c91; text-align:right; padding:0; margin:0 20px 0 0; line-height:24px; }
h2, h2 a								{ font:bold 12px arial,sans-serif; color:#333; text-align:left; border-bottom:1px solid #cfcfcf; padding:5px 0 0 0; margin:0 0 5px 0; text-transform:uppercase; }
h3, h3 a								{ font:bold 12px arial,sans-serif; color:#be2d1e; text-align:left; border-bottom:1px solid #cfcfcf; padding:10px 0 0 0; margin:0 0 5px 0; text-transform:uppercase; }
h4										{ font:normal 12px arial,sans-serif; color:#3c6e91; text-align:left; border-bottom:1px dotted #cfcfcf; border-left:4px solid #cfcfcf; padding:0 0 0 5px; margin:20px 0 10px 0; text-transform:uppercase; }
h5, h5 a								{ font:normal 12px arial,sans-serif; color:#be2d1e; text-align:left; border-bottom:1px dotted #cfcfcf; border-left:4px solid #be2d1e; padding:0 0 0 5px; margin:20px 0 10px 0; text-transform:uppercase; }
h6										{ font:normal 12px arial,sans-serif; color:#149b1e; text-align:left; border-bottom:1px dotted #cfcfcf; border-left:4px solid #149b1e; padding:0 0 0 5px; margin:20px 0 10px 0; text-transform:uppercase; }

/* liens */
a										{ color:#386c91; font:11px arial,sans-serif; text-decoration:none; }
a.event_a								{ color:#be2d1e; font:11px arial,sans-serif; text-decoration:none; }
a:hover									{ text-decoration:none; color:#d90000; }
a img									{ border:none; }

/* listes */
ul										{ list-style-type:square; margin-top:5px; }
li										{ padding:0; margin:0 0 5px 0; font-size:11px; color:#333; text-align:left; }
li ul									{ list-style-type:none; margin:0 0 5px 0; }
ul.li_pointer li						{ cursor:pointer; }

ul.li_outil								{ list-style-type:none; list-style-image:url(../img/li_outil.gif); margin-top:5px; }

ul.li_equipe							{ margin-top:5px; }
ul.li_equipe li							{ margin:0; padding:0; }

div.top_page							{ text-align:right; margin:10px 10px 0 0; }
div.top_page a img						{ border:none; }

.conditions								{ color:#999; font-size:10px; font-weight:normal; }

/* STRUCTURE *****************************************************************************************************************/
#structure			 					{ width:840px; margin:0; padding:0; }

/* HEADER */
#header				 					{ width:840px; height:90px; margin:0; padding:0; background:#fff url(../img/header.jpg) no-repeat 0 0; /*border-bottom:3px solid #fff;*/ }
#logo img								{ border:none; margin:10px; }

#menu									{ margin:0; padding:0 10px 5px 0; border:0; text-align:right; vertical-align:middle; }
ul#ul_menu								{ margin:0; padding:0; width:100%; }
li.menu									{ display:inline; margin:0; padding:0; list-style:none;}
li.menu	a								{ border:none; padding:0 10px 0 10px; font:bold 11px arial,sans-serif; color:#fff; }
li.menu	a:hover							{ color:#96beda; text-decoration:none; }
li.menu	a.actif							{ color:#96beda; text-decoration:none; }

/* SIDEBAR LEFT */
#sidebar_left							{ background-color:#e5e5e5; width:210px; margin:0; padding:0; vertical-align:top; }
.bloc_left								{ border-top:3px solid #fff; margin:0; padding:0; }
ul.ul_left								{ margin:0; padding:0; }
ul.ul_left li							{ margin:2px; list-style:none; }
ul.ul_left li a							{ margin:2px 0 0 0; padding:0 0 0 5px; list-style:none; border-left:4px solid #999; color:#505050; }
ul.ul_left li a:hover					{ border-left:4px solid #be2d1e; color:#386c91; text-decoration:none;}
ul.ul_left li a.actif					{ border-left:4px solid #be2d1e; color:#386c91; text-decoration:none;}

.tab_metier_left						{ width:175px; }
.tab_metier_left td						{ text-align:left; }
.tab_metier_left td	img					{ margin-right:10px; }

/* SIDEBAR RIGHT */
#sidebar_right							{ background-color:#f2f2f2; width:200px; margin:0; padding:0; vertical-align:top; text-align:left; }
.bloc_right								{ border-top:3px solid #fff; margin:0; padding:0; }


/* CONTENT */
#content								{ background-color:#fff; width:430px; border-top:3px solid #fff; margin:0; padding:0; vertical-align:top; }
#content_ext							{ background-color:#fff; width:840px; border-top:3px solid #fff; margin:0; padding:0; vertical-align:top; }


/* FOOTER */
#footer									{ padding-top:5px; }
#footer	td								{ font-size:10px; color:#fff; text-align:left; }
#footer td.mentions						{ color:#829baf; font-size:10px; text-align:right; }
#footer td.mentions a						{ color:#829baf; font-size:10px; text-decoration:none; }
#footer td.mentions a:hover				{ color:#fff; text-decoration:underline; }
#footer td.liens						{ color:#829baf; font-size:10px; text-align:center; }
#footer td.liens a						{ color:#829baf; font-size:10px; text-decoration:none; }
#footer td.liens a:hover				{ color:#fff; text-decoration:underline; }


/* CONTENU ******************************************************************************************************************/

.inc									{ margin:10px; }
.hr										{ background:url(../img/hr.gif) repeat-x 0 0; }

/* PAGE EQUIPE */
table.tab_equipe						{ width:390px; margin:10px 0 10px 0; }
table.tab_equipe th						{ font-weight:bold; text-align:center; padding:3px; }
table.tab_equipe td						{ text-align:left; padding:3px; }
table.tab_equipe td.center				{ text-align:center; }
table.tab_equipe tr.tr1					{ background-color:#eee; }
table.tab_equipe tr.tr2					{ background-color:#f3f3f3; }

.tab_recrutement						{ width:390px; margin:10px 0 10px 0; }
.tab_recrutement td						{ text-align:left; vertical-align:top; }
.tab_recrutement strong 				{ color:#386c91; }	
.tab_recrutement b	 					{ color:#386c91; }	
						

/* NOS CLIENTS */
td.bg_cadre								{ width:134px; height:215px; background:url(../img/bg_cadre.gif) no-repeat 0 0; text-align:center; vertical-align:top; }
td.bg_cadre div							{ margin:40px 10px 10px 10px; text-align:center; color:#fff; }

/* PAGES OUTILS */
div.onglet								{ text-align:right; width:390px; height:24px; margin:0; }
ul.li_onglets							{ list-style:none; display:inline; margin:0; padding:0; }
ul.li_onglets li						{ float:right; margin:0 0 0 2px; }
ul.li_onglets li a						{ background-color:#2e6289; color:#fff; display:block; text-align:center; font-weight:bold; text-decoration:none; padding:2px 6px 0 6px; margin:8px 0 0 0; }
ul.li_onglets li a:hover				{ background-color:#91190a; color:#fff; display:block; padding:5px 6px 5px 6px; margin:0; }
ul.li_onglets li a.actif				{ background-color:#be2d1e; color:#fff; display:block; padding:5px 6px 5px 6px; margin:0; }

table.table_outils						{ width:390px; border:1px #2E6289 solid; clear:right; margin:0 auto; }
table.table_outils th					{ background:#28506e url(../img/bg_tab.gif) repeat-x 0 0; color:#fff; font-size:11px; font-weight:bold; padding:3px; }
table.table_outils td					{ padding:2px; }
table.table_outils td.result p.titre	{ background-color:#60b4e3; color:#fff; font-weight:bold; text-align:center; padding: 2px 0 2px 0; margin:5px 0 0 0;}
table.table_outils td.result p			{ background-color:#fff; text-align:center; padding: 2px 0 2px 0;}
table.table_outils td input[type=image]	{ margin:10px 0 0 0;}
table.table_outils td input[type=text]	{ width:80px;}
table.table_outils td label				{ text-align:left; font-weight:normal; margin:2px 0 0 10px; float:left; }
table.table_outils td label.bleu		{ color:#60b4e3; font-weight:bold; }

.tabborder								{ border-collapse:collapse; }
.tabborder td							{ border:1px #999 solid; text-align:center; }
td.color								{ color:#386c91; font-weight:bold; }
tr.trth th								{ background-image:inherit; background-color:#999; border:1px solid #fff; }
tr.tdtotal td							{ border-bottom:solid 1px #376E96; font-weight:bold; }

td.resultat								{ background-color:#60b4e3; padding: 2px 0 2px 0; width:100px; }
td.titre_resultat						{ font-weight:bold; text-align:center; background-color:#c3d9ff; border:1px #c3d9ff solid; }

table td.td_pointer						{ cursor:pointer; }

table.tableau_infos						{ width:390px; border:1px #2e6289 solid; clear:right; margin:0 auto; }
table.tableau_infos th					{ background-color:#be2d1e; color:#fff; font-size:11px; font-weight:bold; padding:3px 0 3px 0; }
table.tableau_infos td					{ text-align:center; }
table.tableau_infos td.infos_titre		{ padding:5px 0 5px 0; font-weight:bold; background-color:#ff9a01; }
table.tableau_infos td.infos_deb		{ padding:0 2px 0 2px; font-weight:bold; }
table.tableau_infos tr.ligne_annee		{ font-weight:bold; background-color:#c3d9ff; border:1px #be2d1e solid; }
table.tableau_infos tr.td1 td			{ background-color:#fff; }
table.tableau_infos tr.td1 td			{ background-color:#e8e8e8; }

div#info_tvs							{ margin:20px 0 0 0; font-size:10px; }
div#info_tvs li							{ font-size:10px; }

/* TOOLTIP */			
span.tooltip em							{ display:none; }
span.tooltip:hover						{ border:0; position:relative; z-index:500; text-decoration:none; }
span.tooltip:hover em					{ font-style:normal; display:block; position:absolute; top:20px; left:-10px; padding:5px; color:#000; border:1px solid #bbb; background:#E5E5E5; width:350px; }
span.tooltip:hover em span				{ position:absolute; top:-7px; left:15px; height:7px; width:11px; background:transparent url(../img/image-infobulle.gif); margin:0; padding:0; border:0; }


/* FORMULAIRES */
form									{ margin:0; padding:0; }
label									{ font-size:11px; margin:0 10px 0 0; padding:0; color:#333; font-weight:bold; float:right; }
input[type=text], select, textarea		{ color:#333; font:normal 10px arial,sans-serif; border:1px #cfcfcf solid; margin:2px 0 2px 0; }
input[type=text]:hover, select:hover,
textarea:hover							{ border:1px #386c91 solid; }
input.input_submit						{ text-align:center; background:#fff; padding:0 10px 0 10px; border:3px #ccc solid; margin:3px; vertical-align:bottom; }
input.input_submit:hover				{ border:3px #be2d1e solid; margin:3px; }

p.input_submit							{ float:right; width:200px; text-align:center; background:#fff; padding:0 10px 0 10px; margin:0; border:3px #ccc solid; }
p.input_submit:hover					{ border:3px #be2d1e solid; }

a.input_submit							{ text-align:center; background:#195078; font-weight:bold; color:#fff; padding:0 20px 3px 20px; margin:0; }
a.input_submit:hover					{ background:#be2d1e; color:#fff; }


/* CALENDRIER */
div#agenda								{ margin:0; padding:0; }
p#mois_calendar							{ border:1px solid #cfcfcf; background-color:#fff; text-align:center; margin:0; padding:0; }
p#mois_calendar a						{ font-weight:bold; }
p#mois_calendar a:hover					{ color:#194664; }

table#calendrier						{ border:1px solid #cfcfcf; margin:2px 0 0 0; padding:0; width:180px; }					
table#calendrier th						{ text-align:center; background-color:#fff; color:#333; font-weight:bold; }
table#calendrier td						{ text-align:center; background-color:#fff; color:#333; }
table#calendrier td a:hover				{ color:#149b1e; }
table#calendrier td.today				{ background-color:#376e96; color:#fff; font-weight:bold; }
table#calendrier td.today_event			{ background-color:#be2d1e; }
table#calendrier td.today_event a		{ color:#fff; font-weight:bold; }
table#calendrier td.today_event:hover	{ background-color:#149b1e; }
table#calendrier td.jour_hm				{ background-color:#f0f0f0; color:#999; }
table#calendrier td.jour_hm a.event_a	{ color:#333; }


/* AGENDA */
table#events							{ width:390px; border:1px #2E6289 solid; clear:right; margin:0; }
table#events table						{ margin:0 10px 0 10px; }
table#events th							{ background:#28506e url(../img/bg_tab.gif) repeat-x 0 0; color:#fff; font-size:11px; font-weight:bold; padding:3px 0 3px 0; }

p.date_jour								{ background-color:#be2d1e; color:#fff; font-size:11px; font-weight:bold; padding:2px 0 2px 10px; }
ul.events p.infos						{ padding:3px 0 0 10px; text-align:left; }




/* ADMIN */

#confirm								{ text-align:center; color:#fff; font-weight:bold; background-color:#149b1e; padding:3px; }
#validate_div							{ text-align:center; color:#fff; font-weight:bold; background-color:#be2d1e; padding:3px; }
#validate_div p#validate_text			{ text-align:center; color:#fff; font-weight:bold; }
#validate_div span#validate_on a		{ color:#fff; font-weight:bold; margin:0 5px 0 5px; }
#validate_div span#validate_off a		{ color:#fff; font-weight:bold; margin:0 5px 0 5px; }