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

html, body {
	background-color:#b4b4b4;
	width: auto !important;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	font-size:12px;
}

div#wrapper {
  background-color:#ffffff;
  height:100%;
  position:relative;
  width:100%;
  overflow:hidden;
}

div#headband{
width:100%;
background-color:#b4b4b4;
height:21px;
position:relative;
}

div#headband  #langues{
width:115px;
height:21px;
color:#ffffff;
font-size:13px;
font-weight:bold;
float:right;
text-align:center;
}

div#headband #langues a{color:#ffffff;text-decoration:none;}


div#header{
	clear:both;
	width:880px;
	margin:0 auto;
	background-color:#ffffff;
	min-height: 120px;
	position:relative;
}

div#logo{
float:left;
width:167px;
height:75px;
}

div#service{
float:right;
min-width:57px;
height:24px;
font-size:30px;
font-weight:bolder;
margin-top:40px;
font-family: futura, helvetica, arial, sans-serif;
}

/************************ menu ******************************************************/

div#menu{
position:relative;
clear:both;
margin:0 auto;
background-image:url(../images_flexos/menu.png);
background-position:bottom center;
background-repeat:no-repeat;
height:20px;
color:#626262;
font-size:12px;
text-align:center;
padding-top:20px;
text-transform:uppercase;
font-family: futura, helvetica, arial, sans-serif;
}

div#menu ul{
list-style-type : none;
}

div#menu ul li{
float: left;
padding-left:7px;
padding-right:7px;
line-height:9px;
border-right:solid 1px #dfdfdf;
}

div#menu ul li.contact{
border-right:solid 0px #dfdfdf;
float: left;
}

div#menu ul li a{display:inline;text-decoration:none;color:#626262;}


div#menu ul li ul.the_menu {
	display:none;
	z-index:15;
	position:absolute;
	top:40px;
	color:#FFFFFF;
	font-weight:bold;
}

div#menu ul li ul.the_menu li {
	float: none;
	text-align:left;
}

div#menu ul li ul.the_menu li:hover, div#menu ul li ul.the_menu active, div#menu ul li ul.the_menu li.selected {
	background-color: #626262;
}

div#menu ul li ul.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

div#menu ul li ul.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	color: #ffffff;
}

/******************************banner***********************************************/
div#banner{
width:100%;
background-color:#ededed;
min-height:139px;
position:relative;
padding:10px 0 0 0;
}

/**********************banner ict**********************************************/
div#banner #txt{
position:absolute;
z-index:5;
color:#727272;
left:20px;
top:30px;
width:270px;
}

.slides_container {
width:880px;
overflow:hidden;
position:relative;
display:none;
margin:0 auto;
}

.slides_container div.slide {
width:880px;
height:117px;
display:block;
}

/*
	Pagination
*/

.pagination {
	margin:2px auto 0;
	width:100px;
}

/*********si sur images
.pagination {
	margin:-24px auto 0;
	width:100px;
	position:absolute;
	z-index:50;
	left:50%;
}
**************/

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


/****************************** contenu ************************************/
div#content{
width:100%;
background-color:#ffffff;
position:relative;
clear:both;
overflow:hidden;
min-height:350px;
}

div#contenu{
width:880px;
margin:10px auto 10px;
position:relative;
clear:both;
padding:20px 0 20px 0;
color:#727272;
overflow:hidden;
line-height:17px;
min-height:350px;
}

div#global{
overflow:hidden;
padding-left:15px;
}
/******************************************************les différentes mesures div************************************/
.left_image{
width:30%;
float:left;
padding-right:20px;
}

.right_contenu{
width:67%;
float:left;
}

.left_contenu{
width:67%;
float:left;
}

.right_image{
width:30%;
float:left;
padding-left:20px;
}

.half{
width:45%;
padding:0 20px;
float:left;
}

.icone{
width:5%;
padding:0 20px;
float:left;
}

.retrait{
width:80%;
padding:0 20px;
float:left;
}

div#contenu h1{font-size:32px;margin-bottom:20px;text-shadow:#DDDDDD 0 1px 0;}
div#contenu h2{font-size:22px; margin-bottom:15px; padding-left:25px;text-transform:uppercase;text-shadow:#DDDDDD 0 1px 0;}
div#contenu h3{font-size:20px; font-weight:normal; line-height:1.3em; margin-bottom:5px; margin-left:0; margin-right:0; margin-top:10px; text-shadow:#DDDDDD 0 1px 0;}
div#contenu h4{font-size:13px; color:#383838; margin:0;padding:0;}
div#contenu h5{color:#7e7e7e;margin:10px 0 5px 0;padding:0;font-size:15px;padding-left:15px;}
div#contenu strong{font-weight:bolder;}
div#contenu a:hover{color:#585858;}
div#contenu ul,div#contenu ol{padding:10px 0 10px 40px;}
div#contenu ul li{padding:2px 0 2px 0;}
div#contenu  #tabs ul li{padding:0;}
div#contenu  #tabs ul{padding:0;}
/*****************************************footer ******************************************************/

div#footer{
width:880px;
margin:0 auto;
position:relative;
clear:both;
padding:20px 0 0px 0;
color:#ffffff;
overflow:hidden;
font-size:11px;
}

.section{
width:18%;
padding:0 10px 0 0px;
float:left;
}

.ict{
width:22%;
float:left;
}

.section a{color:#ffffff; text-decoration:none;}
.section a:hover{color:#383838;}
.section ul{margin:0; padding:0;list-style-type : none;}
.section ul li{margin:0; padding:0;}

.section h1{font-size:16px;font-weight:bolder;}

.clear{
clear:both;
}
/***************************************** social ******************************************************/
div#social{
width:100%;
min-height:30px;
position:relative;
margin-bottom:10px;
clear:both;
text-align:right;
}

.structure{
width:880px;
margin:0 auto;
position:relative;
}
.structure li{display:inline;list-style-type: none;float:right;margin-right:5px;}
li.tweet {margin-right:0px;}
.structure a{color:#535353;text-transform:uppercase;font-weight:bolder;}

div#copyright{
width:100%;
height:24px;
background-image:url(../images_flexos/bg_social.png);	
background-position:0 0;
background-repeat:repeat-x;
position:relative;
margin-bottom:20px;
color:#535353;
font-size:11px;
padding-top:5px;
text-align:right;
}

/*****************************************************form***********************************/
fieldset {
	padding:10px;
	margin:10px 0 10px 0;
	clear:both;
	border:1px solid #a1a1a1;
}

legend {
	color:#a1a1a1;font-weight:bold;font-size:15px;
	clear:both;
}

input {

	padding:2px;
	margin:0px;
	width:200px;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

textarea{
padding:2px;
border:1px solid #ddd;
background:#fafafa;
-moz-border-radius:0.4em;
-khtml-border-radius:0.4em;
}

select {
	width:170px;
	}

input:hover, input:focus {
	border-color:#949494;
	background:#f6f6f6;
	clear:both;
} 

.contact{
margin:5px 0 5px 0;
clear:both;
}

h1.intro{background: url(../images_flexos/menu_intro.png) no-repeat 0 0;padding-left:35px;}

label{color:#a1a1a1;font-weight:bold;clear:both;}

.champ{width:420px;clear:both;}

.submit{float:left;clear:both;}

.textarea{width:500px;clear:both;}

.user{float:left;}

label.long{width: 220px;}

label {
 display:inline;
 float: left;
 width: 130px;
 }
 
 div#banner #txt2{
position:absolute;
z-index:5;
color:#727272;
left:20px;
top:30px;
width:270px;
}

p {
  margin-bottom:20px;
  line-height:15px;
}

.ico{float:left; margin:15px 10px 35px 0;}

#global ul{padding:10px 0 10px 25px;}

#tabs ul{padding:0;}
#tabs{margin-top:10px;}

img{border:solid 0px #000000;}