/* CSS Document */
body {
	background-image:url(../images/desines/bkg009.jpg);
	background-repeat:repeat-x;}
#global {
	width:890px;
	height:960px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	border-style:solid;
	border-width:0px;
	border-color:#660099;
	background-color:#FFF;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;}
div.arrondi {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
#head0{
	position:absolute;
	top:105px;
	left:0px;
	width:530px;
	height:150px;
	background-image:url(../images/motto2.jpg);
	background-repeat:repeat-x;
	z-index:3;}
#head{
	position:absolute;
	top:105px;
	left:530px;
	width:270px;
	height:150px;
	background-image:url(../images/head4.jpg);
	z-index:2;}
#swf3{
	position:absolute;
	top:105px;
	left:3px;
	width:525px;
	height:60px;
	z-index:4;}
#logo{
	position:absolute;
	top:2px;
	left:1px;
	width:250px;
	height:70px;
	background-image:url(../images/banners/logo17.jpg);
	color:#000000;
	text-align:center;
	text-transform:uppercase;
	z-index:2;}
#motto{
	position:absolute;
	top:3px;
	left:300px;
	width:400px;
	height:20px;
	color:#999999;
	text-align:center;
	text-transform:uppercase;
	font-weight:lighter;
	z-index:3;}
#motto h1{
	font-size:1.6em;
	letter-spacing:0.1em;}
#addthis{
	position:absolute;
	top:55px;
	left:570px;
	width:250px;
	height:20px;
	z-index:5;}	
#home1{
	position:absolute;
	top:360px;
	left:235px;
	width:310px;
	height:180px;
	color:#000000;
	text-align:left;
	font-size:1em;
	padding:5px 4px 5px 5px;
	background-color:#F5F5F5;
	border:solid 1px #CCCCCC;
	z-index:3;}
#home2{
	position:absolute;
	top:360px;
	left:570px;
	width:310px;
	height:180px;
	color:#000000;
	text-align:left;
	font-size:1em;
	padding:5px 4px 5px 5px;
	background-color:#F5F5F5;
	border:solid 1px #CCCCCC;
	z-index:3;}
#home2 img{
	float:right;
	margin:2em;
	clear:both;}
#home3{
	position:absolute;
	top:565px;
	left:235px;
	width:310px;
	height:180px;
	color:#000000;
	text-align:left;
	font-size:1em;
	padding:5px 4px 5px 5px;
	background-color:#F5F5F5;
	border:solid 1px #CCCCCC;
	z-index:3;}
#home3 img{
	float:right;
	margin:2em;
	clear:both;}
#home4{
	position:absolute;
	top:565px;
	left:570px;
	width:310px;
	height:180px;
	color:#000000;
	text-align:left;
	font-size:1em;
	padding:5px 4px 5px 5px;
	background-color:#F5F5F5;
	border:solid 1px #CCCCCC;
	z-index:3;}
#home4 img{
	float:right;
	margin:1.2em;
	clear:both;}
#home5{
	position:absolute;
	top:780px;
	left:10px;
	width:850px;
	height:95px;
	color:#000000;
	text-align:left;
	font-size:1em;
	padding:12px 15px 5px 15px;
	background-color:#F5F5F5;
	border:solid 1px #CCCCCC;
	z-index:3;}
#affilinet01{
	position:absolute;
	top:820px;
	left:100px;
	width:728px;
	height:90px;
	z-index:3;}
.colonne00 {
	width:300px;
	margin:0 5px 0 0px;
	padding:0;
	float:left;
	border-left:solid #660099 1px;	
	text-indent:1.2em;}
.colonne01 {
	width:148px;
	margin:0 5px 0 0px;
	padding:0;
	float:left;
	border-left:solid #660099 0px;	
	text-indent:1.4em;}
.colonne02 {
	width:250px;
	height:545px;
	background-image:url(../images/b1f.png);
	background-repeat:repeat-y;	
	margin:0 5px 0 0px;
	padding:0px 0px 0px 15px;
	float:left;	
	text-indent:1.4em;}
.colonne03 {
	width:330px;
	margin:0 5px 0 0px;
	padding:0;
	float:left;
	border-left:solid #660099 1px;	
	text-indent:1.1em;}	
#data1{
	position:absolute;
	top:250px;
	left:10px;
	width:140px;
	height:27px;
	text-align:center;
	font-weight:bold;
	font-size:10px;}
#image{
	position:absolute;
	top:300px;
	left:5px;
	width:150px;
	height:200px;
	background-image:url(../images/hiver1.jpg);}
#image2{
	position:absolute;
	top:2px;
	left:748px;
	width:140px;
	height:70px;
	background-image:url(../images/desines/2012-02.jpg);
	z-index:2;}
#image3{
	position:absolute;
	top:330px;
	left:26px;
	width:150px;
	height:150px;
	background-image:url(../images/construire.jpg);}
#image4{
	position:absolute;
	top:330px;
	left:20px;
	width:150px;
	height:150px;
	background-image:url(../images/lire.jpg);}
#image5{
	position:absolute;
	top:330px;
	left:20px;
	width:150px;
	height:150px;
	background-image:url(../images/poignee.jpg);}
#image6{
	position:absolute;
	top:330px;
	left:20px;
	width:150px;
	height:150px;
	background-image:url(../images/cool.jpg);}
#image7{
	position:absolute;
	top:-165px;
	left:0px;
	width:150px;
	height:150px;
	background-image:url(../images/chien.jpg);
	z-index:7;}
#image8{
	position:absolute;
	top:530px;
	left:600px;
	width:150px;
	height:150px;
	background-image:url(../images/contact-2.jpg);}
#image9{
	position:absolute;
	top:335px;
	left:515px;
	width:265px;
	height:170px;
	z-index:12;}
#image_a{
	position:absolute;
	top:400px;
	left:730px;
	width:140px;
	height:140px;
	border:0px;}
#image_f{
	position:absolute;
	top:570px;
	left:730px;
	width:140px;
	height:80px;
	border:0px;}
#image_f p {
	text-align:center;}	
#navigation_app {
	position:absolute;
	top:880px;
	left:250px;
	width:390px;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	margin:0px;
	text-align:center;
	z-index:5;}
#texte{
	position:absolute;
	top:360px;
	left:220px;
	width:675px;
	height:540px;
	color:#000000;
	background-color:white;
	text-align:left;
	text-indent:2em;}
#texte p{
	margin:1.2em;
	text-align:inherit;}
#texte img{
	float:right;
	margin:2em;
	clear:both;}
#texte1{
	position:absolute;
	top:300px;
	left:170px;
	width:625px;
	height:140px;
	margin:0px;
	color:#000000;
	font-size:0.8em;
	text-align:left;
	text-indent:2em;}
#texte_l{
	position:absolute;
	top:350px;
	left:240px;
	width:620px;
	height:550px;
	color:#000000;
	text-align:center;}
#texte_l td{
	text-align:center;
	width:150px;}
#texte_er{
	position:absolute;
	top:410px;
	left:170px;
	width:360px;
	height:400px;
	margin:0px;
	color:#FF0000;
	font-size:small;
	text-align:center;
	text-indent:1.5em;
	z-index:2;}
#contact1{
	position:absolute;
	top:310px;
	left:190px;
	width:360px;
	height:540px;
	color:#000000;
	background-color:white;
	text-align:left;
	text-indent:2em;}
#contact1 .merci {
	padding:100px 0 0 0;
	text-align:center;
	color:#900;}
#contact2{
	position:absolute;
	top:490px;
	left:5px;
	width:140px;
	height:345px;
	text-align:justify;
	font-size:0.9em;
	padding:1em;
	border:solid 1px #CCCCCC;	
	color:#000000;}
#contact3{
	position:absolute;
	top:310px;
	left:575px;
	width:175px;
	height:175px;
	text-align:center;
	padding:1em;
	border:solid 1px #CCCCCC;	
	color:#000000;}
#contact3 h4{
	font-size:1em;}
#solutions{
	position:absolute;
	top:340px;
	left:235px;
	width:630px;
	height:530px;
	color:#000000;
	text-align:left;
	background-color:#FFFFFF;
	text-indent:0.2em;}
#solutions p{
	margin:0.5em;
	text-align:inherit;}
#solution{
	position:absolute;
	top:350px;
	left:240px;
	width:625px;
	height:530px;
	color:#000000;
	text-align:left;
	background-color:#FFFFFF;
	text-indent:1em;}
#solution p{
	margin:0em;
	text-align:inherit;}
#solution img{
	float:left;
	margin:0.8em;
	clear:both;}
#solution_e{
	position:absolute;
	top:340px;
	left:235px;
	width:655px;
	height:540px;
	color:#000000;
	background-color:white;
	text-align:left;
	text-indent:2em;}
#solution_e ol {
	font-size:0.9em;
	padding:0px 0px 0px 10px;}
#desc{
	position:absolute;
	top:400px;
	left:235px;
	width:455px;
	border:solid 1px #CCCCCC;
	color:#000000;
	background-color:#FFFFFF;
	padding:5px 4px 5px 10px;
	text-align:left;
	text-indent:1.2em;}
#spec{
	position:absolute;
	top:400px;
	left:235px;
	width:480px;
	height:550px;
	color:#000000;
	text-align:left;
	text-indent:1.2em;}
#divers{
	position:absolute;
	top:400px;
	left:235px;
	width:480px;
	height:550px;
	color:#000000;
	text-align:left;
	text-indent:1.2em;}
#liste_app{
	display:block;
	position:absolute;
	top:365px;
	left:235px;
	width:600px;
	height:530px;
	background-color:#FFFFFF;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	margin:0px;
	text-align:left;}
.image_liste{
	top:10px;
	left:600px;
	width:75px;
	height:75px;
	float:right;
	border-style:solid;
	border-width:0px;
	border-color:#999999;}
.liste_app {
	top:0px;
	left:0px;
	width:460px;
	height:80px;
	margin:0px 5px 12px 0px;
	padding:2px 4px 5px 5px;
	background-color:#F5F5F5;
	border:solid 1px #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
#ex_login {
	width:264px;
	height:25px;
	position:absolute;
	left:525px;
	top:87px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#6600CC;
	z-index:5;}
#acces1 {
	position:absolute;
	left:25px;
	top:500px;
	width:150px;
	height:170px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#6600CC;
	padding:0 0px 0px 0px;
	margin:0px;
	background-color:#F5F5F5;
	border:solid 1px #CCCCCC;
	z-index:4;}
.font5{
	font-size:1.2em;
	padding-top:3px;
	color:#CC3300;}
.font6{
	font-size:1.2em;
	font-weight:bold;
	padding-top:3px;
	color:#CC3300;}
.font9{
	font-size:1.4em;
	font-weight:bold;
	color:#009;}
.carre li{
	color:#000099;
	list-style-image:url(../images/carre2.jpg);}
p {margin:0;}

/* -- Menu Main Settings -- */
#TopMenu {
	position:absolute;
	top:300px;
	left:0px;
	width:870px;
	height:25px;
	background-image:url(../images/menu1bg.jpg);
	background-repeat:repeat-x;
	padding:5px 5px 0 20px;
	font-weight:bold; 
	z-index:8;}
#TopMenu ul, 
#TopMenu ul li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	cursor:pointer; 
	text-align: center; 
	position: relative; 
	float: left; 
	margin-right: 0px; 
	padding-right: 0px; }
#TopMenu ul a {
	display: block; 
	text-decoration: none; 
	padding: 5px 10px 2px 10px; 
	height:20px; 
	width: auto; 
	color:#6666FF;
	text-transform:uppercase; 
	float: left; }
#TopMenu ul li:hover a {
	color:#FF6600; }
#TopMenu ul ul {
	display: none; 
	position: absolute; 
	top: 23px; 
	left: 0px; }
#TopMenu ul ul ul {
	top: 0; 
	left: 95px;}
#TopMenu ul ul li {
	float: none; 
	display: block !important; }
#TopMenu ul li:hover li a, 
#TopMenu ul li:hover li:hover li a,  
#TopMenu ul li:hover li:hover li:hover li a{
	padding: 2px 3px 2px 2px; 
	height: auto !important; 
	height: 1%; 
	font: bold 11px Tahoma; 
	background-color:#F5F5F5; 
	color:#3333CC; 
	border: 1px solid #fff; 
	width: 90px; 
	float: left !important; 
	float: none; 
	margin-bottom: -1px; 
	text-align: center; }
#TopMenu ul li li {
	padding-bottom: 0; 
	margin-bottom: -1px; }
#TopMenu ul li:hover li a:hover, 
#TopMenu ul li:hover li:hover a, 
#TopMenu ul li:hover li:hover li a:hover, 
#TopMenu ul li:hover li:hover li:hover a, 
#TopMenu ul li:hover li:hover li:hover li a:hover{
	background-color:#FFFFFF; 
	color: #FF6600; }
#TopMenu ul li:hover ul ul, 
#TopMenu ul li:hover ul ul ul{
	display: none;}
#TopMenu ul li:hover ul, 
#TopMenu ul ul li:hover ul, 
#TopMenu ul ul ul li:hover ul{
	display: block;}
#menu1{
	position:absolute;
	top:935px;
	left:0px;
	width:890px;
	height:17px;
	color:#999999;
	font-size:0.8em;
	text-align:left;
	border-style:solid;	
	border-width:0px 0px 0px 0px;
	border-color:#999;
	background-image:url(../images/desines/menu1bg01.jpg);
	padding:2px 0px 0px 5px;
	z-index:3;}
#menu1 ul{
	top:2px;
	left:420px;
	width:340px;
	height:20px;
	position:absolute;
	padding-top:1px;
	font-size:0.9em;
	margin: 0;}
#menu1 ul li{
	float:left;
	list-style-type:none;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;	}
#menu1 ul li a{
	display:block;
	color:#000000;
	float:left;
	padding:0 5px 0 5px;
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC 1px solid;}
#menu1 ul li.gauche a{
	display:block;
	color:#000000;
	float:left;
	padding:0 5px 0 5px;
	border-right:#999999 solid 1px;
	border-left:#999999 0px solid;}
#menu1 ul li.droit a{
	display:block;
	color:#000000;
	float:left;
	padding:0 5px 0 5px;
	border-right:#999999 solid 0px;
	border-left:#999999 1px solid;}
#menu1 ul li a:hover{
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	color:#6600CC;}
#menu1 ul li.home{
	display:block;
	color:#FF0000;
	float:left;
	padding:0 5px 0 5px;
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC 1px solid;}
#menu2{
	position:absolute;
	top:490px;
	left:5px;
	width:150px;
	height:325px;
	text-align:left;
	font-variant:small-caps;
	font-size:0.8em;
	color:#0000CC;}
#menu2 ul li{
	color:#CC0000;
	list-style-image:url(../images/triangle_mouseover.gif);}
#menu2 ul li a{
	color:#CC3300;
	list-style-image:url(../images/triangle_selected.gif);}
#menu2 ul li a:hover{
	color:#000099;
	list-style-image:url(../images/triangle_mouseover.gif);}
#menu3{
	position:absolute;
	top:370px;
	left:230px;
	width:420px;
	height:20px;
	color:#000000;
	font-size:0.9em;
	font-weight:600;
	text-align:center;
	z-index:3;}
#menu3 ul{
	position:absolute;
	top:2px;
	left:0px;
	width:420px;
	height:18px;
	margin: 0;}
#menu3 ul li{
	float:left;
	list-style-type:none;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	margin:0;}
#menu3 ul li a{
	display:block;
	color:#000000;
	float:left;
	padding:2px 5px 0 5px;
	border-right:#CCCCCC solid 0px;
	border-left:#CCCCCC solid 0px;}
#menu3 ul li a:hover{
	border-left:#CCCCCC solid 0px;
	border-right:#CCCCCC solid 0px;
	color:#0033FF;}
#menu3 ul li.home{
	display:block;
	color:#FF0000;
	float:left;
	padding:2px 5px 0 5px;
	border-right:#CCCCCC solid 0px;
	border-left:#CCCCCC solid 0px;}	
#MenuTop{
	position:absolute;
	top:55px;
	left:275px;
	width:250px;
	height:20px;
	color:#3333CC; 
	font-size:0.9em;
	z-index:3;}
#MenuTop ul{
	width:248px;
	height:18px;
	position:absolute;
	left:1px;
	top:2px;
	padding:0 0 0 5px;
	margin: 0;}
#MenuTop ul li{
	float:left;
	list-style-type:none;
	text-align:center;
	text-transform:capitalize;
	text-decoration:none;	}
#MenuTop ul li a{
	display:block;
	color:#3333CC; 
	float:left;
	padding:0 5px 0 5px;
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC 1px solid;}
#MenuTop ul li.gauche a{
	display:block;
	color:#3333CC; 
	float:left;
	padding:0 5px 0 5px;
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC 0px solid;}
#MenuTop ul li.droit a{
	display:block;
	color:#3333CC; 
	float:left;
	padding:0 5px 0 5px;
	border-right:#CCCCCC solid 0px;
	border-left:#CCCCCC 1px solid;}
#MenuTop ul li a:hover{
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	color:#0033FF;}
#MenuTop ul li.home{
	display:block;
	color:#FF0000;
	float:left;
	padding:0 5px 0 5px;
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC 1px solid;}

#menu_app {
	position:absolute;
	top:335px;
	left:240px;
	width:600px;
	height:30px;
	font-size:0.8em;
	font-weight:normal;
	text-transform:uppercase;
	color:#6600CC;
	float:right;}
#langue{
	position:absolute;
	top:3px;
	left:255px;
	text-transform:uppercase;
	font-size:0.9em;
	color:#FFFFFF;
	width:160px;
	height:15px;
	z-index:5;}
#validxhtml{
	position:absolute;
	top:965px;
	left:15px;
	width:80px;
	height:15px;
	background-image:url(../images/logo_xhtml.png);
	background-position:left;
	z-index:5;}
#validcss{
	position:absolute;
	top:965px;
	left:100px;
	width:80px;
	height:15px;
	background-image:url(../images/logo_css.png);
	background-position:left;
	z-index:5;}
#alexa{
	position:absolute;
	top:495px;
	left:20px;
	width:120px;
	height:65px;
	z-index:5;}
#plan{
	position:absolute;
	top:280px;
	left:170px;
	width:460px;
	height:670px;
	margin:0px;
	color:#000000;
	text-align:left;
	text-transform:uppercase;
	text-indent:1.2em;}
dt:nth-of-type(1) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-weight:bold; }
dd:nth-of-type(1) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-size:0.9em;}
dt:nth-of-type(2) { background-color:#F5F5F5;
margin:0px;
padding:0 0 0 10px;
font-weight:bold; }
dd:nth-of-type(2) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-size:0.9em; }
dt:nth-of-type(3) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-weight:bold; }
dd:nth-of-type(3) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-size:0.9em; }
dt:nth-of-type(4) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-weight:bold; }
dd:nth-of-type(4) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-size:0.9em; }
dt:nth-of-type(5) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-weight:bold; }
dd:nth-of-type(5) { background-color:#F5F5F5; 
margin:0px;
padding:0 0 0 10px;
font-size:0.9em; }
dt:nth-of-type(6) { background-color:#F5F5F5;
margin:0px;
padding:0 0 0 10px;
font-weight:bold; }
dd:nth-of-type(6) { background-color:#F5F5F5;
margin:0px;
padding:0 0 0 10px;
font-size:0.9em; }

#menuj{
	position:absolute;
	top:485px;
	left:15px;
	width:150px;
	height:350px;
	overflow:hidden; 
	text-align:left;
	font-size:1.2em;
	color:#003399;}
#menuj p { text-align: center; 
	font-size:1.2em;
	font-weight:bold; 
	padding: 0px 0;}
#menuj ul {
	font-variant:small-caps;
	margin:0;
	text-align:left;
	padding:0 0 0 5px;}
#menuj ul li{
	color:#CC3300;
	list-style:none;}
#menuj ul li a{
	color:#003399;
	padding:0 0 0 0px;
	list-style:none;}
#menuj ul li a:hover{
	color:#000066;
	list-style:none;}
.info-col { float: left; 
	width: 150px; 
	height: 100%; 
	padding: 0px 0 0 0;
	margin:0px; }
dl {left:3px;
	padding: 5px 0 5px 0;
	margin:0px 5px 0px 5px;
	width: 140px;	
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-top:1px solid red;}
dt { padding: 5px;
	text-align:left;
	color: CC3300; 
	border-bottom: 1px solid white; 
	border-right: 0px solid white;
	font-weight:bold; 
	font-size:0.8em;}
dd { position: absolute;
	padding: 0px;
	margin:0 0 0 5px;
	border:0px;
	color:#CC3300; }	

a:link {
	text-decoration: none;
	border-color:#FF0000;
	border-width:0px;}
a:visited {
	text-decoration: none;
	border-color:#FF0000;
	border-width:1px;}
a:hover {
	text-decoration: none;}
a:active {
	text-decoration: none;
	border-color:#FF0000;
	border-width:0px;}
a img{ 
	border:none;}
#ligne {
	position:absolute;
	top:345px;
	left:200px;
	width:1px;
	height:570px;
	background-image:url(../images/b1f.png);
	background-repeat:repeat-y;}	
#ligne1 {
	position:absolute;
	top:340px;
	left:200px;
	width:1px;
	height:560px;
	background-image:url(../images/b1f.png);
	background-repeat:repeat-y;}
#ligne2 {
	position:absolute;
	top:340px;
	left:200px;
	width:1px;
	height:460px;
	background-image:url(../images/b1f.png);
	background-repeat:repeat-y;}
td {font-weight: bold; text-align: right;}
td.liste{text-align: left;}