/**** FEUILLE DE STYLE CABINET CHRISTIANY ************************************************************************************/
/*****************************************************************************************************************************/
/**** G�N�RAL ************************************************************************************/
*								{ font-family:Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:12px; color:#333; text-align:center; background:#fff url(../img/bg_top.gif) repeat-x 50% 0; }
td								{ font-size:12px; color:#333; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:0 0 10px 0; text-align:justify; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:12px; color:#777; vertical-align:middle; border:1px solid #cdcdcd; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#333; border:1px solid #09c; }

/* couleurs */
.bleu, .color					{ color:#09c; }

/* liens */
a								{ color:#333; text-decoration:underline; }
a:hover							{ color:#09c; text-decoration:underline; }

/* listes */
ul								{ margin:10px 0; padding:0; }
ul li							{ list-style-type:none; list-style-image:url(../img/li.gif); margin:0 0 10px 40px; padding:0; text-align:justify; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; margin-top:20px; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#999; background-color:#fff; border:1px solid #ccc; }
.toppage a:hover				{ background-color:#09c; color:#fff; }

/**** STRUCTURE ************************************************************************************/
.wrap							{ margin:auto; width:980px; text-align:left; }
#all							{  }

/**** HEADER ************************************************************************************/
#header							{ height:130px; position:relative; }
#header h1						{ position:absolute; top:50px; right:0; font:normal 10px Arial, Helvetica, sans-serif; color:#09c; text-align:right; }
#logo							{ position:absolute; top:25px; left:20px; }
#phone							{ position:absolute; top:6px; right:0; width:230px; height:40px; text-align:right; padding:0 10px; background:#333 url(../img/bg_phone.gif) no-repeat 0 0; font:bold 30px Arial, Helvetica, sans-serif; color:#fff; }

/**** MENU ************************************************************************************/
#menu							{ position:relative; height:20px; padding:15px 0; }
#menu ul, #menu ul li			{ margin:0; padding:0; }
#menu ul li						{ display:inline; list-style:none; }
#menu ul li a					{ padding:15px 20px; color:#777; font:normal 16px Arial, Helvetica, sans-serif; text-decoration:none; }
#menu ul li a:hover,
#menu ul li a.actif				{ color:#fff; text-decoration:none; }
#menu ul li a:hover				{ background:#4e4e4e url(../img/bg_menu_hover.png) repeat-x 0 0; }
#menu ul li a.actif				{ background:#00679a url(../img/bg_menu_actif.png) repeat-x 0 0; }

/**** FOOTER ************************************************************************************/
#footer							{ position:relative; clear:both; border-top:2px solid #09c; background:#333 url(../img/bg_footer.png) repeat-x 0 0; text-align:right; padding:10px 0 160px 0; }
#footer ul						{ float:right; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ display:inline; }
#footer a						{ text-decoration:none; }
#footer a:hover					{ color:#09c; text-decoration:none; }
#footer ul li, #footer ul li a,
#footer #CoordPrint a,
#footer #CoordPrint				{ color:#fff; font-size:10px; }
#footer #CoordPrint strong		{ color:#09c; }
#footer #CoordPrint a			{ margin:0; }

	
/* linking */
#linking						{ margin:10px 0; }
#linking div					{ float:left; width:320px; }
#linking ul						{ float:none; display:block; }
#linking ul, #linking ul li		{ margin:0; padding:0; }
#linking ul li					{ list-style-image:none; display:block; line-height:10px; }
#linking ul li a				{ color:#777; font:normal 10px Arial, Helvetica, sans-serif; text-decoration:none; }
#linking ul li a:hover			{ color:#fff; text-decoration:none; }

/**** CONTENT ************************************************************************************/
#content						{ background-color:#fff; }
.inc							{ padding:20px 10px; }
.page							{ margin-right:270px; }
.page p							{ line-height:18px; }

.colLeft						{ width:440px; float:left; }
.colRight						{ margin-left:480px; }

#content h2						{ margin:20px 0 40px 0; }
#content h2, #content h2 span	{ font:normal 45px Arial, Helvetica, sans-serif; color:#333; line-height:33px; }
#content h2 span				{ padding-left:60px; color:#09c; display:block; }
#content h3						{ font:normal 16px Arial, Helvetica, sans-serif; color:#09c; }

small, small a					{ font-size:10px; color:#969696; }
.intro							{ font-size:14px; color:#09c; }
.signature						{ text-align:right; font-style:italic; color:#aaa; }

.link							{ text-align:right; margin-top:20px; }
.link a							{ text-decoration:none; padding:1px 5px; color:#fff; background-color:#09c; }
.link a:hover					{ background-color:#333; color:#fff; }

/**** SIDEBAR ************************************************************************************/
.sidebar						{ float:right; width:245px; }

.liens ul li					{ text-align:left; font-size:14px; margin:0 0 10px 20px; }
.liens ul li a					{ text-decoration:none; }

/**** ACCUEIL ************************************************************************************/
#home .page						{ padding-left:50px; background:url(../img/quot.gif) no-repeat 0 0; }
.page .right					{ margin:0 0 10px 30px; border:2px solid #ccc; }

#bando							{ height:258px; background:url(../img/ombre.jpg) no-repeat 50% 100%; position:relative; }
#visuel							{  }

.actus							{ position:absolute; top:0; right:0; padding:20px 200px 20px 10px; width:350px; height:190px; background:#09c url(../img/bg_actu.gif) no-repeat 100% 0; color:#fff; }
.actu							{ width:400px; height:190px; overflow:hidden; color:#fff; }
.actus span, .actus h3			{ padding:1px 2px; }
.actus span						{ color:#333; background-color:#fff; }
#content  .actu h3				{ font:bold 14px Arial, Helvetica, sans-serif; color:#fff; background-color:#333; margin-top:1px; text-transform:uppercase; }
.actus p							{ color:#fff; }
.actus .link						{ margin:0; }
.actus .link a					{ background:none; text-decoration:underline; }

/**** CABINET ************************************************************************************/
#trombi p.intro					{ margin-bottom:60px; }
#trombi p						{ text-align:right; }
#trombi span					{ font-style:italic; color:#aaa; display:block; }
#trombi img						{ float:right; margin:0 0 0 10px; width:130px; border:2px solid #ccc; }

/**** REFERENCES ************************************************************************************/
#references ul li				{ color:#969696; }
#references ul li strong		{ display:block; font-weight:normal; color:#333; }

/**** PUBLICATIONS ************************************************************************************/
#publish table					{ width:100%; margin:10px 0; }
#publish table th,
#publish table td				{ padding:5px 10px; }
#publish table thead			{ text-align:center; }
#publish table thead th			{ font-size:16px; background:#00679a url(../img/bg_menu_actif.png) repeat-x 0 50%; color:#fff; }
#publish table tbody td,
#publish table tbody th			{ border-bottom:1px dotted #ccc; }
#publish table tbody td strong	{ font:normal 16px Arial, Helvetica, sans-serif; color:#09c; display:block; }
#publish table tbody th			{ font-weight:normal; text-align:center; }

/**** CONTACT ************************************************************************************/
.chps							{ font-size:10px; text-align:right; color:#09c; margin:0; }
.tab_form						{ border-collapse:collapse; }
.tab_form td					{ vertical-align:top; }
.tab_form th					{ text-align:left; font-weight:normal; }
.ireset							{ width:190px; }
#captcha_code					{ width:50px; }

/******** ADMIN **************************************************************************************/
/* Publications */
div#confirm								{ background-color:#f90; padding:10px; margin:10px 0 10px 0; }
div#confirm p							{ color:#fff; text-align:center; margin:0; padding:0; font-weight:bold; font-size:14px; }
table.tab_option						{ width:100%; }

.multipage a							{ padding:2px 5px; color:#fff; background-color:#09c; text-decoration:none; }
.multipage a:hover,
.multipage a.lien-actif					{ background-color:#333; }
.multipage a.lien-actif					{ font-weight:bold; }

table.tab_list, table.tab_admin			{ border-top:2px solid #09c; padding:0; margin:10px 0 10px 0; width:100%; }
table.tab_list td, table.tab_list th	{ padding:10px 0; border-bottom:1px dotted #ccc; vertical-align:middle; }
table.tab_list th						{ text-align:right; }

input[type=submit]						{ text-align:center; font-size:14px; color:#fff; border:none; background:#00679a url(../img/bg_menu_actif.png) repeat-x 0 50%; padding:5px 15px; }
input[type=submit]:hover				{ background:#4e4e4e url(../img/bg_menu_hover.png) repeat-x 0 50%; }