* 
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body { background:#518dba url(img/body-bg.jpg) no-repeat ; }

.clearer { clear:both; }

.header {
	height:116px;
	position:relative;
	width:990px;
}

.headertitre {
	display:block;
	position:absolute;
	right:0;
	bottom:30px;
	font-size:18px;
	color:#155585
}

.logo {
	background:url(img/logo-codefluent.png) no-repeat center center!important;
	background:url(img/logo-codefluent.gif) no-repeat center center;
	width:316px;
	height:114px;
	float:left;
}

.logo a 
{
	display:block;
	width:100%;
	height:100%;
}

.logo a span 
{ 
	display:none; 
}

.footer 
{
	background:url(img/footer-bg.png) no-repeat 100% top!important;
	background:url(img/footer-bg.jpg) no-repeat 100% top;
	height:26px;
	padding:3px 0 0 20px;
	color:#fff;
	font-size:10px;
	margin:10px 0px;
	clear:both;
	width:1100px;
}

.footer a 
{
	font-size:11px;
	color:#fff;
	font-weight:bold;
}

.flag 
{
	display:block;
	position:absolute;
	bottom:0;
	right:0px;
	width:63px;
	padding:0;
	margin:0;
}

.flag a.fr-FR
{
	float:left;
	padding:0;
	margin:0;
	background:url(img/flag-fr-fr.gif) no-repeat;
	width:30px;
	height:21px;
}

.flag a.en-GB 
{
	float:left;
	margin:0 0 0 2px;
	background:url(img/flag-en-gb.gif) no-repeat;
	width:30px;
	height:21px;
}

.footer a:hover 
{ 
	text-decoration:none; 
}

.bigtable 
{
	margin: 0px 0px 20px 10px;
}

.bigtable th 
{
	font-size:16px;
	color:#fff;
	font-weight:bold;
}

.titretable 
{
	height:24px;
	background-image:url(img/content-header-bg.gif);
	margin:0;
	padding:0;
	width:98%;
}

.titretable span
{
	float:left;
	color:#fff;
	font-size:14px!important;
	font-weight:bold!important;
}

.contcornertl
{
	background:url(img/contenu-corner-top-left.gif) no-repeat;
	width:1%;
	height:24px;
	margin:0;
	padding:0px 0px 0px 0px;
}

.contcornertr
{
	background:url(img/contenu-corner-top-right.gif) no-repeat top right;
	width:1%;
	height:24px;
	margin:0;
	padding:0px 0px 0px 0px;
}

.contcornerbl
{
	background:url(img/contenu-corner-bottom-left.gif) no-repeat;
	width:1%;
	height:30px;
	margin:0;
	padding:5px;
}

.contcornerbr
{
	background:url(img/contenu-corner-bottom-right.gif) no-repeat top right;
	width:1%;
	height:30px;
	margin:0;
	padding:5px;
}

td.multipages 
{
	background-image: url(img/content-bottom-bg.gif);
	background-color:#F8FCFE;
	text-align:center;
	padding:5px;
	height:20px;
	display:block!important;
}

.tailleFixe 
{
	background:url(img/content-bg.gif) repeat-x bottom center #fff;
	background-color:#F8FCFE;
	padding:2px 6px 0px 6px;
}

a.rss
{
	float:left;
	display: block;
	background-image: url(img/rss_icon.png)!important;
	background-image: url(img/rss_icon.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 14px;
	margin-left:8px;
	margin-top:2px;
}

.forms
{
	border: none;
	margin: 0;
	padding: 0;
	width: 600px;
}

.forms .element
{
	padding: .2em 0;
	margin: 0 0 .2em 0;

}

.forms .element .left
{
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.2;	/*** ... et centrés verticalement. ***/

}

.forms .element .right
{
}

.required
{
	color:Red;
}

.basicBox
{
	margin: 0px 0px 20px 10px;
	position:relative;
	z-index:1;
	padding:0 0 10px 0;
}

.basicBox li 
{
	list-style-type:none;
	margin:0 !important;
	height:100%;
}

.basicBox ul 
{
	width:100%;
	display:inline-block;
	padding:0;
	margin:0;
	background:url(img/colonne-bg.gif) repeat-x #EF985F bottom center;
}

.basicBox h1 
{
	background: url(img/colonne-corner-top-left.gif) no-repeat #EF985F;
	min-height:22px;
	font-size:14px !important;
	font-weight:bold !important;
	color:#FFFFFF;
	padding:2px 15px 0 10px;
}

.basicBox a 
{
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:2px 10px;
	margin:1px 0;
}

.basicBox ul ul{
	background:transparent;
}


.basicBox a:hover, .basicBox a.selected 
{
	font-size:12px;
	font-weight:bold;
	color:#692e09;
	text-decoration:none;
	display:block;
	padding:2px 10px;
	background-color:#f3ceb5;
	margin:1px 0;
}

.basicBox .colgcornertr 
{
	background: url(img/colonne-corner-top-right.gif) no-repeat;
	height:18px;
	width:13px;
	position:absolute;
	right:0;
	top:0;
	margin:0
}

.basicBox .colgcornerbl 
{
	background: url(img/colonne-corner-bottom-left.gif) no-repeat top left;
	height:8px;
	width:10%;
	display:block;
	float:left;
}

.basicBox .colgcornerbr 
{
	background: url(img/colonne-corner-bottom-right.gif) no-repeat top right;
	height:8px;
	width:90%;
    display:block;
    float:left;
}

.soustable {
	background:url(img/content-bg.gif) repeat-x bottom center #fff;
	width:100%;
}

.soustable th {
	white-space:nowrap;
	background:url(img/soustable-th-bg-off.gif) repeat-x #CDDAE0;
	height:20px;
	padding:0 15px 0 5px;
	color:#000;
	text-decoration:none;
	font-size:11px;
	text-align:left
}

.soustable th a {
	color:#000;
	text-decoration:none;
	float:left;
	display:block;
	font-size:11px;
}

.soustable th a:hover {
	color:#000;
	text-decoration:underline;
}

.soustable th.triup {
	white-space:nowrap;
	background:url(img/tri.gif) right top no-repeat #98A6AC;
	color:#fff;
	text-decoration:none
}

.soustable th.tridown {
	white-space:nowrap;
	background:url(img/tri.gif) right -20px no-repeat #98A6AC;
	color:#fff;
	text-decoration:none
}

.soustable th.tridown a, .soustable th.triup a {
	color:#fff;
	text-decoration:none;
}

.soustable th.tridown a:hover, .soustable th.triup a:hover {
	color:#fff;
	text-decoration:underline;
}

.soustable tr.alternate { background-color:#fff; }

.soustable tr:hover, .soustable tr.edition { background-color:#fdeacb; }

.soustable td {
	border-bottom: 1px #d3dadd solid;
	height:25px;
	padding:0 15px 0 5px;
	white-space:nowrap;
	vertical-align:middle;
}

.soustable input {
	height:15px;
	border:1px #87b0d3 solid;
	margin:3px 0 0 0;
	background-color: #fff;
	float:left;
	padding:0 5px 0 5px;
}