body {background: url("../images/main.gif"); color: black; font: 75% "Luxi Sans", "Geneva CE", Arial, Helvetica, sans-serif; }
a { color: #F05400; }
a:hover { color: #1B8DB4; }

.right { text-align: right; }
.left { text-align: left; }
.ctr{ text-align: center; }

.rights {	float: right;	width: 31%;	margin: 0 0 5px 0;}
.right_articles { background: #ffffff; color: #414141; margin: 0 0 3px 0;}

img.left, img.right { float: left; margin: 0 1em 1em 1em; border: 0px; }
img.right { float: right; margin-right: 0; padding: 3px 3px 3px 3px; border: 0px; }

body { margin: 0; padding: 0; text-align: center; }
.out, #nav-service { position: absolute !important; top: -2000px; left: -2000px; }
#nav-main, #nav-tips, #nav-context, #nav-fast ul, #nav-context ul, #crossroad, #prod-list ul, ul.books { margin: 0; padding: 0; list-style: none; }
.none, hr { display: none; }
#header:after, #nav-tips:after, #content:after, #nav-context:after, #sub-header .contenu:after, #content-grd:after, #system:after, #nav-context p:after, #footer:after, .form p:after, ul.books:after { content: "."; display: block; height: 0; width: 100%; clear: both; visibility: hidden; }
.break { clear: both; height: 1px; font-size: 1px; margin-bottom: -1px; }
.l { float: left; }
.r { float: right; }
.hl { margin-bottom: 1em; padding: 10px 10px; background: #8D9CA9; font-size: 120%; font-weight: bold;  }
.hl a { color: white; text-decoration:none; }

#header .center, #main div.center { width: 860px; margin: 0 auto; text-align: left; position: relative; }
#header { padding-top: 15px; background: #66717B url("../images/header.png") repeat-x 0 0; color: white; }
#header .center { height: 90px; }
#header a { color: white; }
#header a:hover { color: #ddd; }

#nav-tips { margin-right: -1px; float: right; font-size: 92%; position: absolute; bottom: 19px; right: 0; }
#nav-tips li { float: left; margin-right: 1px;}
#nav-tips a, #nav-tips span { padding: 12px; display: block; background: #283239; text-decoration: none; }
#nav-tips span { background: #3D4B58; cursor: default; }

/* Main */
#main { background: url("../images/main.gif"); }
#main.extern #content { padding: 10px; background: white; border-color: #D2D6D9; }
#main.extern #footer { color: #666666; border-color: #E7E9EB; }
#main.extern #footer a { color: #F05400; }
#main.extern div#perex { margin-bottom: 1.6em; }
#main.extern #nav-context { padding-top: 10px; margin-bottom: 50px; }
#main.extern #nav-context li { padding-top: 0.3em; padding-bottom: 0.3em; font-weight: bold; font-size: 92%; border-bottom: 1px solid #DAE2E9; }
#main.extern #nav-context a { text-decoration: none; }
#main.extern #col-ab { background: white url("../images/dot.png") repeat-y 100% 0; }
#main.extern #col-ab .contenu { padding: 0 20px 20px 10px; }
#main.extern #content.home #col-ab { background-image: none; }
#main.extern #content.home #col-ab #col-a .contenu { padding: 0 10px 0 0; border-right: 1px solid #E1E1E1; }
#main.extern #col-c .contenu { padding: 20px 25px; }
#main.extern table { margin-bottom: 2.5em; }

/* Logo */
#logo { width: 220px; height: 55px; margin: 0; float: left; line-height: 50px; }
#logo img { padding: 0; border: none; }
#nav-main { width: 100%; padding-top: 0px; margin-bottom: 17px; float: left;  }
#nav-main li { float: left;  background-color: #ffffff; color: #000000; border: none; margin-right: 1px; }
#nav-main li.last { border: none; background-color: #white; color: #000000; width:140px;  }
#nav-main a, #nav-main span { padding: 14px; display: block; float: left; background-color: #ffffff; color: #000000; text-decoration: none; width:143px; }
#nav-main a:hover { background-color: #CE4800; color: #ffffff;}
#nav-main span { background-color: #CE4800; color: #ffffff;  }
#nav-main.disabled a, #nav-main.disabled a:hover { background: #AEBBC6; }

form { 	margin: 0; }
input.search { 	width: 292px; 	border: 0;	background: #FFF url(../images/input.gif) no-repeat;	padding: 4px; 	color: #E0691A;	font-weight: bold;}

input.search_whois { 	width: 180px; 	border: 0;	background: #FFF url(../images/input2.gif) no-repeat;	padding: 4px; 	color: #E0691A;}
input.submit {	background: #E0691A url(../images/submit.gif) no-repeat;	border: 0;	padding: 4px 0;	width: 65px;	margin: 0 15px 1px 0;	color: #ffffff;	font: bold 1em Arial, Sans-Serif;}

/* Context navigation */
#nav-context p { margin: -3.75em 0 0; padding-top: 12px; padding-left: 15px; height: 2.6em; line-height: 2.6em; background: #C6DCE3; border-bottom: 1px solid #ACCCD7; position: relative; border-top: 1px solid #E3EEF1; }
#nav-context p a, #nav-context p span { margin-right: 1px; padding: 0 7px; height: 100%; display: block; float: left; background: #8AB7C6; color: white; text-decoration: none; text-transform: uppercase; font-size: 92%; }
#nav-context p span { padding-bottom: 1px; margin-bottom: -1px; background: #5493A7; color: white; position: relative; cursor: default; }
#nav-context p a:hover { background: #5493A7; }
#nav-context ul { margin: 15px 15px 3em; }
#content { min-height: 300px; color: black; border: 1px solid #ACCCD7; background: white; }
#content.home #col-a .contenu { height: 30em; }

#col-right, #col-left, .col-a, .col-b { min-height: 31em; }
#col-right { width: 73%; float: right; }
#col-righttop { width: 30%; float: right; background:#EEF0F1;  }
#col-left { width: 27%; float: left; }
#col-ab { width: 68%; float: left; }
#col-a { width: 100%; float: left; }
#col-b { width: 27%; float: right;  }
#col-c { width: 32%; float: right; }
.col-a { width: 58%; float: left; }
.col-b { width: 42%; float: right; background: white; }
.col-b .contenu { padding: 30px 15px; }
.col-b p, .col-b ul { font-size: 92%; }
.col-b .box { padding: 5px 7px; margin-bottom: 1em; }
.col-b a { color: #1B6BBC; }
.col-b a:hover { color: #F05400; }

.basdroit { width: 275px; float:right; }
.basgauche { width: 275px; float:left; }
.headers{ width:490px; font-size: 110%; font-weight: bold; color: #a10711;
}

/* Footer */
#footer { height: 3.3em; margin: 16px 0; padding-top: 0px; clear: both; font-size: 92%; }
#footer p { width: 70%; }
#footer .r { text-align: right; }