body { margin: 0; padding: 0; background: #FFFFFF url(/images/layout/header_bg.png) repeat-x; font-size: 12px; overflow: scroll; }

body, p, td, h1, h2, h3, h4 { font-family: sans-serif; font-weight: normal; color: #666;}

a img { border: none;}
h1 { font-size: 1.5em; clear: left;}
h2 { font-size: 1.2em; font-weight: bold; clear: left; }
h3 { font-size: 1.0em;}
h4 { font-size: 0.8em;}
p  { font-size: 1em;}

h1 { color: #F5a; padding: 0; margin: 0;}
h2 { padding: 0; margin: 5px 0 0 0;}

a { color: #08C; }
a:hover { color: #2AF; }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; }

/*================================== LAYOUT ==================================*/

/* container general */
#wrapper { padding:0; width: 950px; margin: 0 auto; }

/* entete de la page */
#header { margin: 0; padding: 0; width: 100%; height: 160px; width: 950px; float: left; }

/* Barre de recherche dans l'entete */
#top_container  { height: 132px; }
#topbar         { background: url(/images/layout/topbar_bg_r-alt.png) no-repeat top right; margin-top: 10px; float: right; }
#topbar_info    { background: url(/images/layout/topbar_bg_l-alt.png) no-repeat top left; padding: 8px 30px 30px; white-space: nowrap; color: #FFF; }

/* menu à onglet */
#tabmenu 		{ height: 28px; }

/* Layout 3 colonnes de l'accueil */
#col1,#col2,#col3 { float: left; height: 250px; }
/*#col1 { width: 225px; background: url(/images/layout/line_v.png) no-repeat right; }
#col2 { width: 365px; background: url(/images/layout/line_v.png) no-repeat right; padding: 0 20px; }*/
#col1 { width: 225px; ; }
#col2 { width: 365px; height: 100%; overflow: hidden; padding: 0 20px; }
#col3 { width: 305px; clear: right; padding-left: 15px; overflow: visible; }
#banner { margin: 25px 0; }
#tagcloud { width: 950px; margin-top: 10px; }
#tagcloud p { text-align: justify; font-size: 0.85em; }
#tagcloud a { text-decoration: none; color: #555; }
#tagcloud a:hover { text-decoration: none; color: #F00; }

/* Layout 3 colonnes des pages standard */
#sidebar_left	{ width: 200px; height: 400px; float: left;  margin: 0 20px 0 0; padding-top: 27px; }
#content 	{ float: left; }
/*#content p	{ text-align: justify; }*/
#sidebar_right 	{ width: 210px; height: 400px; float: right; padding-top: 50px; }

/* Footer "interne (hack pour que le wrapper entoure jusqu'en bas de la page) */
#infooter 		{ clear: both; }

/* Pied de page */
#footer 		{ background: url(/images/layout/footer_bg.png) repeat-x; width: 100%; height: 150px; margin-top: 50px; padding: 10px 0; float: left; }
#footer_content 	{ margin: 0 auto; width: 950px; }
#footer_partners 	{ float: right; }

/*============================== BARRE RECHERCHE =============================*/

#topbar_info form      { margin: 0; padding: 0; }
#topbar_info span      { margin: 0; padding: 0; }
#topbar_info input#fld	 { background: #677783; border: 2px solid #3c4348; color: #FFF; margin-left: 30px; padding: 2px 4px; width: 65px; font-size: 1em }
#topbar_info input#fld2 { background: #677783; border: 2px solid #3c4348; color: #FFF; margin-left: 1px; padding: 2px 4px; width: 100px; font-size: 1em; }
#topbar_info input#btn	{ width: 30px; }

/*================================ NAVIGATION ================================*/
#tabmenu ul 		{ margin: 0; padding: 0 0 0 20px; list-style: none; float: left; }
#tabmenu li 		{ float: left; margin:  0; padding: 0; height: 28px; }
#tabmenu li#current 	{ background: url(/images/layout/tabmenu_bg_r.png) no-repeat top right; }
#tabmenu li a 		{ color: #CCC; display: block; float: left; height: 20px; padding: 10px 20px 0 20px; text-decoration: none; text-trasform: uppercase; }
#tabmenu li#current a 	{ background: url(/images/layout/tabmenu_bg_l.png) no-repeat top left; color: #666 }
#tabmenu li a:hover 	{ height: 19px; padding-top: 11px; color: #FFF; }

#submenu ul 		{ margin: 0; padding: 0 0 0 20px; list-style: none; float: left; }
#submenu li 		{ float: left; margin:  0; padding: 0; height: 28px; }
#submenu li.current 	{ background: #EEE url(/images/layout/submenu_bg_r.png) no-repeat top right; }
#submenu li a 		{ color: #AAA; display: block; float: left; font-weight: bold;  height: 20px; padding: 12px 30px 0 30px; text-decoration: none; text-trasform: uppercase; }
#submenu li.current a 	{ background: url(/images/layout/submenu_bg_l.png) no-repeat top left; color: #666; }
#submenu li a:hover 	{ color: #08F; }

#footer ul 		{ padding: 0; margin: 0; list-style: none; width: 100%; }
#footer li 		{ display: inline; float: left; margin: 0; padding: 0; }
#footer li a 		{ color: #666; display: block; padding: 0 10px; float: left; font: normal 0.9em Arial,Helvetica,sans-serif; text-decoration: none; }
#footer li a:hover 	{ color: #000; }

#sidebar_left ul 	{ margin: 5px 0 0 0; padding: 0; list-style: none; }
#sidebar_left ul li	{ background: url(/images/layout/line_h.png) no-repeat bottom right; margin: 0; padding: 0; }
#sidebar_left a	      { background: url(/images/layout/arrow_gray.gif) no-repeat left center; color: #666; padding: 10px 0 10px 25px; font: normal 1.15em sans-serif,; text-decoration: none; display: block; }
#sidebar_left a:hover { background: url(/images/layout/arrow_blue.gif) no-repeat left center; color: #08c; }
#sidebar_left span    { background: url(/images/layout/arrow_pink.png) no-repeat left center; color: #F08; padding: 10px 0 10px 25px; font:  1.15em sans-serif; display: block; }

#sidebar_left li ul { list-style: none; margin: -8px 0 0 40px; }
#sidebar_left li li a { background: none; margin: 0 0 ; padding: 5px; }
#sidebar_left li li a:hover { background: none; margin: 0 0 ; padding: 5px; }

#breadcrumbs { background: url(/images/layout/line_h.png) no-repeat bottom left; font-size: 0.8em; padding: 8px 0 5px 0; margin-bottom: 15px; color: #AAA; text-decoration: none; }
#breadcrumbs a { color: #AAA; text-decoration: none; font-size: 1em; }
#breadcrumbs a:hover { color: #08C; }

/*============================================================================*/
.box { background: url(/images/layout/box_bg_b.png) no-repeat bottom left; width: 200px; min-height: 120px; margin: 0 0 20px 0; padding: 0 5px 10px; float: left; }
.box h2 { background: url(/images/layout/box_bg_t.png) no-repeat top left; padding: 8px 10px 5px;; margin: 0 -5px 10px; border-bottom: 1px solid #EEE; }
.box ul { margin: 0 0 0 15px; padding: 0 }
.box li { margin: 0; padding:0; font-size: 1em; liststyle: none; }
.box p { text-align: left; margin: 0 8px 1em; }
.box .cap { background: url(/images/layout/box_bg_t.png) no-repeat top left; height: 10px; width: 210px; margin: 0 -10px; }

div.post 		{ float: left; margin-bottom: 0px; width: 100%; }
div.post p.date 	{ font-size: 0.8em; display: block; text-align: right; width: 100%; background: url(/images/layout/line_h.png) no-repeat 150px bottom; }
div.post h2 		{ margin: 5px 0 0 0; padding: 0; font-weight: bold; font-size: 1.2em; }
div.post p 		{ margin: 5px 0 5px; }
div.post a.next 	{ font-size: 0.9em; text-decoration: none; }
div.post a.next:hover	{ text-decoration: underline; }


div.cell1 { background: url(/images/layout/line_v.png) no-repeat right; float: left; margin: 0 10px 10px 0; padding-right: 10px; }
div.cell2 { float: left; margin: 0 10px 10px 0; }

/*============================================================================*/
form#mailer { width: 460px; background-color: #eee; margin: 20px 0 -20px; padding : 15px 20px 20px; float: left; clear: both; -moz-border-radius: 6px; border-radius: 6px; }
form#mailer label { display: block; width: 130px; clear: left; float: left; margin: 0px 0 0 0; border-bottom: 1px solid #ddd; }
form#mailer input { margin: 0 0 10px 0; border: 1px solid #CCC; width: 280px; padding: 2px 3px; }
form#mailer label.short { display: block; width: 50px; clear: none; float: left; margin-left: 22px; }
form#mailer input.short { width: 100px; float: left }
form#mailer input.mini { width: 20px; float: left }
form#mailer select { margin: 0 0 10px 0; padding: 2px 3px; }
form#mailer textarea { margin: 0 0 10px 0; border: 1px solid #CCC;  height: 100px; width: 280px; padding: 2px 3px; }
form#mailer div.chkbx { float: left; margin-top: 10px; width: 250px; }
form#mailer div.chkbx input { margin: -4px 5px 0 0; }
form#mailer div.chkbx label { width: 125px; margin: 3px 0; border: none; padding: 0; float: right; }
form#mailer input.submit { background: #BBB; border: 1px solid #AAA; color: white; margin: 0 0 10px 132px; width: 287px; }
form#mailer input.fieldError,form#mailer textarea.fieldError { background: #FEE; border: 1px solid red; }
span.mandatory { font: normal 1em sans-serif; color: red }
div#alert   { background: #F79 url('/images/layout/warning.png') no-repeat 6px center; margin: -20px -20px 10px; margin-bottom: 0; padding: 5px 30px; color: white; font-weight: bold; -moz-border-radius: 6px 6px 0 0; border-radius: 6px;}

div#devmode { background: #Faa; vertical-align: middle; height: 16px; padding: 2px ; margin-bottom: -20px; width: 220px; font-weight: bold; text-align: center; color: black; }

div.warning { background-color: #FFD; color: #872; text-align: center; border: 1px dashed #DDA; margin: 0 50px 20px; padding: 10px 20px; }

div.roundbox { background-color: #eee; padding: 10px 20px; margin-top: 10px; clear: both; -moz-border-radius: 6px; border-radius: 6px; }
.blue     { background-color: #EFF7FF; }
.red      { background-color: #FFEFEF; }
.yellow   { background-color: #FFFFDD; }

div.alertbox   { background: #F9B url('/images/layout/warning.png') no-repeat 10px 10px; margin-bottom: -20px; margin-bottom: 0; padding: 6px 10px 6px 40px; font-size: 0.9em; color: black; -moz-border-radius: 6px; border-radius: 6px;}

/*============================================================================*/
.logoref { border: 1px solid #EEE; border-width: 1px 0 0 1px; }
.illus { margin-top: -20px; float: right; }
.illusright { float: right; }
.illusleft { float: left; }

#customers  { position: absolute; overflow: hidden; width: 500px; height: 80px; text-align:center; }
#customers2 { position: absolute; overflow: hidden; width: 500px; height: 80px; text-align:center; margin-top: 80px; }

.entry p { text-align: left; }
.entry p.info { color: #AAA; text-align: right; margin: 30px 0 -20px 0; font-size: 0.9em; font-style: italic; }
.entry h2 { padding-top: 8px; border-top: 1px solid #EEE; }

table#result_table th { text-align: left; font-weight: normal; }
table#result_table td { text-align: left; font-weight: bold; }

ol   { margin: 20px 0 0 25px; padding: 0; }
ol li { margin: 0 0 10px 0; padding: 0; background: url(/images/layout/footer_bg.png) 0 -20px repeat-x; border: 1px solid #ddd; }
ol li:hover {  background: #FDE; }
ol p { margin: 0; padding: 5px; }
ol p.list_title { font-weight: bold; cursor: pointer; color: #456 }
ol p.list_more { display: none; }