/* CSS Document */
@font-face { 
    	font-family: 'BRUSHED'; 
    	src: url('../fonts/BRUSHED.TTF'); 
		   }
.floatleft{
float: left;
margin: 10px;}
body{
	background:url(../images/bg.gif) repeat-x 0 0 #2A2A2A; color:#CCC;
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
	
.spacer{
	font-size:0; line-height:0; clear:both;}


/* -- header start -- */
#header{
	width:778px; height:388px; margin:0 auto; position:relative;
	background:url(../images/header_bg.jpg) no-repeat 0 0 #2A2A2A; color:#828282;}
#header a {
    text-decoration:none;
	font:normal 48px BRUSHED,"Palatino Linotype", "Book Antiqua", Palatino, serif ;
	color:#9CA703;
	margin:0 0 0 -50px;}}
#header img.logo{
	margin:10px 0 0 32px; padding:0; border:none;}

#header h2{
	font:normal 18px BRUSHED,"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.8;
	color:#C51570;
	margin:1px -50px -50px 60px; padding:0; border:none;}
#header h3{
	margin-top: 0px;}
#header div.whatText{
	width:214px; height:132px; padding:33px 37px 35px 24px;
	position:absolute; left:20px; top:166px;
	background:url(../images/what_text_bg.jpg) no-repeat 0 0 #6A800C; color:#3B4400;}
#header div.whatText h2{
	background-color:#DEE483; color:#000000; height:22px; padding:0 7px; margin:0 0 8px 0;
	font:bold 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header div.whatText p{
	color:#3B4400; font:bold 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header div.whatText a{
	background:url(../images/more_btn1.jpg) no-repeat 0 0 #C8CF55; color:#000000;
	width:84px; height:14px; line-height:0; font-size:0; display:block; 
	text-decoration:none; text-indent:-2000px; float:right; margin:8px 0 0 0;}
#header div.whatText a:hover{
	background:url(../images/more_btn1_h.jpg) no-repeat 0 0 #C8CF55; color:#000000;}
/* -- header end -- */

/* -- top navigation pannel start -- */
#topNav{
	width:100%; height:100px; margin:0 auto;}
#topNav ul{
	width:90em; margin:0 auto;}
#topNav ul li{
	float:left; text-transform:uppercase; padding:0 2px 0 0;
	background:url(../images/top_btn_divider.gif) no-repeat right center; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li.noDivider{
	background-image:none; color:#FFFFFF;}
#topNav ul li a{
	text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;
	background:url(../images/top_btn_bg.gif) repeat-x 0 1px; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li a:hover{
	background:url(../images/top_btn_bg_h.gif) repeat-x 0 0 #2A2A2A; color:#FFFFFF;}
#topNav ul li a.hover{
	text-transform:uppercase; text-decoration:none; padding:0 16px; display:block;
	background:url(../images/top_btn_bg_h.gif) repeat-x 0 0 #2A2A2A; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* -- top navigation pannel end -- */

/* -- body start -- */
#body{
	position:relative;width:auto; padding:5px 28px 40px;height:640px}
#body div.left{
	width:45%; float:right; margin-right:30%; }
#body div.left a {
	color: #D1DD0D;}
#body div.left ul {
	list-style:inside url(../images/white_bullet.gif);}
#body div.left h1{
	font:bold 32px/48px Georgia, "Times New Roman", Times, serif;
	background-color:#2A2A2A;
	color:#D1DD0D;
	margin-bottom: 8px;
}
#body div.left h1 span{
	background-color:#2A2A2A;
	color:#FFFFFF;
}
#body div.left h2{
	font:bold 28px/44px Georgia, "Times New Roman", Times, serif;
/*	background-color:#2A2A2A; color:#D1DD0D;*/
	margin: 0 0 15px 0; }
#body div.left h2 span{
	background-color:#2A2A2A; color:#FFFFFF;}
#body div.left p{
	font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#body div.left .droite .green a.more{
	background:url(../images/more_btn2.gif) no-repeat 0 0 #2A2A2A; color:#FFFFFF;
	width:84px; height:14px; line-height:0; font-size:0; margin:0 0 12px 120px;
	text-decoration:none; text-indent:200px;
    display:inline-block;}
#body div.left a.more:hover{
	background:url(../images/more_btn2_h.gif) no-repeat 0 0 #2A2A2A; color:#FFFFFF;}


.green{ 
	padding-top: 20px;
	 background-color:#626801;
	 -moz-border-radius: 10px;-webkit-border-radius: 10px;
	    border: 1px solid #fff; 
	    -moz-box-shadow: 2px 8px 12px #080808;  
    -webkit-box-shadow: 2px 8px 12px #080808;  
    box-shadow: 2px 8px 12px #080808;
	margin-bottom:20px}

#body div.droite div.green h2{
	font:bold 18px/22px Georgia, "Times New Roman", Times, serif; color:#D1DD0D;
	 padding:0 10px 10px;
	text-decoration: underline;}
#body div.droite div.green h3{
	font:bold 13px/22px Arial, Helvetica, sans-serif; color:#FFFFFF;
	padding:0 10px;}
#body div.droite div.green p{
	font:normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#B1B756;
    padding:0 10px 10px;}
#body div.droite div.green ul{
	margin:1px 1px; padding:1px; background-color:#4F5401; color:#DBE446;}
#body div.droite div.green ul li{
	background:url(../images/white_bullet.gif) no-repeat 0 10px #4F5401; color:#DBE446;
	font:normal 13px/22px Arial, Helvetica, sans-serif; padding:0 0 0 1px;}
#body div.droite div.green ul li a{
	background-color:#4F5401; color:#DBE446; text-decoration:underline;
	font:normal 13px/22px Arial, Helvetica, sans-serif; padding:0;}
#body div.droite div.green ul li a:hover{
	text-decoration:none;}
#body div.droite div.green img{
	margin:0 1px; border:none;}
.pink{
	left:74%;
	top:650px;
	width:223px;
	padding-top: 20px;
	margin-bottom:20px;
	background:#A10053; color:#FFC9E5;
	 -moz-border-radius: 10px;-webkit-border-radius: 10px;
	    border: 1px solid #fff; 
	    -moz-box-shadow: 2px 8px 12px #080808;  
    -webkit-box-shadow: 2px 8px 12px #080808;  
    box-shadow: 2px 8px 12px #080808;}
#body div.droite div.pink span{
	width:223px; height:1px; line-height:0; font-size:0; padding:0; margin:0 0 1px 0; display:block;
	background:repeat-x top left #A10053; color:#B1B756;}
#body div.droite div.pink h2{
	font:bold 18px/22px Georgia, "Times New Roman", Times, serif; color:#FFCEE7;
	background-color:#A10053; padding:0 10px; text-decoration: underline;}
#body div.droite div.pink p{
	font:normal 13px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#B1B756;
	background-color:#A10053; padding:0 1px;}
#body div.droite div.pink ul {
	margin:5px 10px; padding:0 0 2px 0; list-style:none;}
#body div.left div.pink ul li{
	background-color:#A10053; color:#FFC9E5; padding:1px 0;
	font:normal 13px/17px Arial, Helvetica, sans-serif;}
#body div.droite div.pink ul li a{
	background-color:#A10053; color:#FFC9E5; text-decoration:none; display:block;
	font:normal 13px/17px Arial, Helvetica, sans-serif; padding:8px;}
#body div.droite div.pink ul li a:hover{
	background-color:#C2156E; color:#FFC9E5;}
#body div.droite div.pink ul li a.hover{
	background-color:#C2156E; color:#FFC9E5; text-decoration:none; display:block;
	font:normal 13px/17px Arial, Helvetica, sans-serif; padding:8px;}
#body div.droite{
	position:absolute;
	width:223px;
	top:30px;
	left:74%;
	height: 620px;}
#body div.right{
	width:20%; padding:0 1% 1% 0;
	 margin:0 0 0 1%;
	 background:url() repeat-x bottom left #121212; color:#F00;
	  -moz-border-radius: 10px;-webkit-border-radius: 10px;
	    border: 1px solid #fff; 
	     -moz-box-shadow: 2px 8px 12px #080808;  
    -webkit-box-shadow: 2px 8px 12px #080808;  
    box-shadow: 2px 8px 12px #080808;}
#body div.right span{
	width:210px; height:6px; display:block; line-height:0; font-size:0; display:block;
	margin:0 0 0 40px;}

/* -- body end -- */
/* --Formulaire -- */
#body div.text-form{
	width:185px; padding:20px;margin-bottom: 20px;
	/*position:absolute;*/
	left:74%;
	top:10%;
	background-color:#C2156E; color:#FFC9E5;text-indent:3px; display:block; -moz-border-radius: 10px;-webkit-border-radius: 10px;
	    border: 1px solid #fff; 
    -moz-box-shadow: 2px 8px 12px #080808;  
    -webkit-box-shadow: 2px 8px 12px #080808;  
    box-shadow: 2px 8px 12px #080808;  
    }
/* -- Fofmulaire end -- */
/*-- nuage -- */
    #list{
        margin:0 auto;
        height:500px;
        width:auto;
        overflow:hidden;
        position:relative;
        background-color: #121212;
    }
    #list ul,
    #list li{
        list-style:none;
        margin:0;
        padding:0;
    }
    #list a{
        position:absolute;
        text-decoration: none;
        color:#666;
    }
    #list a:hover{
        color:#ccc;
    }
/*-- Fin du nuage -- */

/* footer start -- */
#footer{
	background-color:#121212; color:#FFFFFF;
	border-top: 1px solid #3c3f3f;}
.footer{
	width:490px; height:100px; margin:15px auto 0 auto; padding:10px 10px 10px 10px;}
.footer a {
	color: #D1DD0D;}
.footer ul{
	width:610px; margin:10px 10px;}
.footer ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FAFAFA; background-color:#121212; float:left;}
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#919191; background-color:#121212; padding:0 8px;}
.footer ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#919191; background-color:#1D1D1D; padding:0 8px;}
.footer p {
	margin:0 0 0 22%; width:370px; color:#D1DD0D; background-color:#121212;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.footer p.valid{
	margin:5px auto; width:135px;}
.footer p.valid a.xhtml{
	background:url(../images/xhtml_btn.gif) no-repeat 0 0 #121212; color:#FFFFFF; margin:5px 0 4px 0px;
	text-decoration:none; text-indent:-2000px; width:65px; height:12px; display:block; float:left;}
.footer p.valid a.xhtml:hover{
	background:url(../images/xhtml_btn_h.gif) no-repeat 0 0 #121212; color:#FFFFFF;}
.footer p.valid a.css{
	background:url(../images/css_btn.gif) no-repeat 0 0 #121212; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:65px; height:12px; display:block; float:left;}
.footer p.valid a.css:hover{
	background:url(../images/css_btn_h.gif) no-repeat 0 0 #121212; color:#FFFFFF;}
.footer p.tworld{
	margin:0 auto; width:270px; height:17px; padding:0 3px; margin-top: 12px;
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#8C0048; text-align:center;}
.footer p.tworld a{
	font:bold 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;
	background-color:#8C0048; text-align:center; text-decoration:none;}
.footer p.tworld a:hover{
	color:#FFC9E5; background-color:#8C0048;}
/* footer end -- */
/* formulaire Contact */
form {clear:both;}

input[type="text"], input[type="password"], textarea { 
	border-top:1px solid #abadb3;
	border-left:1px solid #abadb3;
	border-bottom:1px solid #ced0d4;
	border-right:1px solid #ced0d4;
	padding:3px;
	background:#fff;
}
textarea { 
	overflow:auto;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input[type="text"]{ 
	width:150px;
}

/* styles pour les champs obligatoires et valides */
input[type="password"] {
	background:#fff url(../img/formulaires/pass.png) bottom right no-repeat;
	width:137px;
	padding-right:15px;}

/* fin du formulaire */

.forminfo {
	float:right;
	margin:1px 45px;
	width:100px;
	height:24px;
	padding:1px 0 0 5px;
	border-top:1px solid #a9aab1;
	background-color:#f5f5f5;
}

.envoyer {
	float:right;
	width:193px;
	height:29px;
	margin-top:20px;
	padding:3px 15px 0 0;
	text-align:right;
	background-color:#f5f5f5;
	border-top:1px solid #a9aab1;
}
.indo_h_line {
	width: 470px;
	height: 28px;
	background: url(../images/img/iw_h_line.png) no-repeat;
	margin: 0 0 0 7%;
	clear: both;}
	
.glossary {
		font:normal 18px BRUSHED,"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.8;
	color:#C51570;
	margin:1px -50px -50px 60px; padding:0; border:none;}