/* Thème
======================================*/

body {font : 11px/18px Verdana ; background : #fff}
input, select, textarea {font : 11px Verdana}
a {color : #000}

/* Layout
======================================*/

#search input {border : 0 ; background : #66bd21 ; color : #fff ; font : italic bold 13px Arial ; padding : 3px 15px}
#search input:hover {background:#D61C19}

#container {margin : 0 auto ; width : 950px}
#body {margin : 10px 0 ; width : 950px}
#body-right {width : 300px ; padding-left : 20px}

/* Header */
#header {width : 950px}
#header-left img, #header-right img {display : block ; margin : 10px 0}
#header-left {width : 100px}
#header-right {width : 105px}
#header-center {padding-top : 10px}
#header-right img {margin-left : 10px}
#header-left img {margin-right : 10px}

/* Footer */
#footer-menu {background : #E3FAD1 ; color : #55AF0A ; line-height : 2em ; text-align : center ; margin : 0}
#footer-menu a {color : #55AF0A ; padding : 0 10px}
#footer-menu div {width:100px}
#disclaimer {margin : 20px 0 0}
#disclaimer p {text-align : center}
#corporate {border-top : 1px solid #ccc ; margin : 20px 0 ; padding : 4px 0 0}
#corporate p {color : #444 ; font : 1em/1.4em Arial ; text-align : center}
#corporate a {color : #888}

/* OAS */
#oas_top {text-align : center ; margin : auto ; vertical-align : middle}
#oas_right {width : 300px ; text-align : center ; margin-top : 15px}
#oas_middle {width : 300px ; text-align : center ; margin-bottom : 15px}
#oas_right img, #oas_top img {display : inline}

/* Boutons de simulation */
#bouton_simulation {text-align : center ; margin : 14px 0}
#bouton_simulation img {display : inline ; vertical-align : bottom}

/* Menu
======================================*/ 
#en-tete-menu { position:relative; width: 950px; height: 27px; margin: 0 0 30px 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, FreeSans, sans-serif ; background: #5bb12d url(/images/bg/main-menu-green.png) repeat-x 0 0; text-transform: uppercase ; font-weight: bold ; }
#en-tete-menu a { border: 0px; outline: 0; }
#en-tete-menu .select, #en-tete-menu .current { margin: 0; padding: 0; list-style: none; }
#en-tete-menu li { display: inline; margin: 0; padding: 0; height: auto; }
#en-tete-menu .select a, #en-tete-menu .current a { display: block; float: left; height: 24px; background: url(/images/bg/sp-2.gif) 100% 0 no-repeat; padding: 0 18px; text-decoration: none; line-height: 24px; white-space: nowrap; color: #fff; }
* html #en-tete-menu .select a, * html #en-tete-menu .current a { width: 1px; height: 24px; }
#en-tete-menu .select a:hover, #en-tete-menu .select li:hover a { cursor: pointer; color: #fff; background-color: #FF981F; }
#en-tete-menu .sub { display: none; }
/* for IE5.5 and IE6 only */
#en-tete-menu table { position: absolute; border-collapse: collapse; left: 0; top: 0; }
#en-tete-menu .current a { color: #fff; background: #DF0D3D url(/images/bg/main-menu-pink.png) repeat-x 0 0 ; }
#en-tete-menu .sub li a:hover, #en-tete-menu .select a:hover .sub li a:hover, #en-tete-menu .select li:hover .sub li a:hover { color: #DF0D3D; }
#en-tete-menu .sub_active .current_sub a, #en-tete-menu .sub_active a:hover { color: #DF0D3D;}
#en-tete-menu .select li a:hover .sub, #en-tete-menu .select li:hover .sub { display: block ; position: absolute ; top: 24px ; left: 0 ; width: 920px ; background: #e3fad1 ; margin-top: 0 ; padding: 0 ; z-index: 100 ; color: #222 ; }
#en-tete-menu .sub, #en-tete-menu .sub_active { margin: 0px; list-style: none; border-bottom: 1px solid #ccc; text-transform: none}
#en-tete-menu .sub_active {font-weight : bold ; display: block; position: absolute; width: 950px; top: 24px; left: 0; background: #e3fad1 ; margin-top: 0; padding: 0 ; z-index: 10; border-top: 1px solid #ccc ; }
* html #en-tete-menu .sub_active, * html #en-tete-menu .select a:hover .sub { z-index: -1; margin-top: 0; }
#en-tete-menu .sub_active a { display: block; float: left; height: 24px; line-height: 25px; white-space: nowrap; background: #e3fad1 ; padding: 0px 14px 0px 14px; margin: 0; white-space: nowrap; border: 0; text-decoration: none; color: #555; }
#en-tete-menu .select a:hover .sub li a, #en-tete-menu .select li:hover .sub li a { display: block; background: #e3fad1 ; padding: 0px 15px ; margin: 0; white-space: nowrap; border: 0; color: #555;  }

/* Tableaux
======================================*/

table.data {margin : 10px auto}
table.data th {text-transform : uppercase ; font-weight : bold}
table.data td, table.data th {vertical-align : middle}
table.data thead th {border : 1px solid #c1dad7 ; padding : 3px 12px ; color : #206272 ; background : #d1eaee url(/images/bg/degrade-bleu-gris.gif) 0 0 repeat}
table.data tbody th {border : 1px solid #c1dad7 ; padding : 3px 12px 3px 16px}
table.data tbody td {border : 1px solid #c1dad7 ; padding : 3px 12px}
table.data .impair {color : #4f6b72 ; background-color : #ffffff}
table.data .impair th {background-image : url(/images/bg/tr-impair.gif) ; background-position : 2px 2px ; background-repeat : no-repeat}
table.data .pair {color : #797268 ; background-color : #f5fafa}
table.data .pair th {background-image : url(/images/bg/tr-pair.gif) ; background-position : 2px 2px ; background-repeat : no-repeat}
table.data caption {font : bold 1.2em Trebuchet MS ; color : #777 ; text-align : center ; padding : 10px 0 0}

/* Togglers
======================================*/
.toggler{cursor:pointer}