/* CSS Document */
html, body, #global {height: 100%;}

*{
	margin: 0;
	padding: 0;
}

.italic{
  font-style:italic;
  font-size:11px;
  font-weight:normal;
}

body > #global {height: auto; min-height: 100%;}

body{
  background:url(../img/bckgrd.jpg) repeat-x;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:1.6;
  margin-top:0;
  color:#444444;
}

#global{
  /*border:1px solid black;*/
  width:900px;
  height:100%;
  margin:auto;
  padding:1px 0px 10px 0px;  /*haut-droite-bas-gauche*/
}

h2{
  color:#353838;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:bold;
  line-height: 1.6;
  text-align: justify;
  position:relative;
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px 5px;  /*haut-droite-bas-gauche*/
}

#header{
  /*border:1px solid red;*/
  background:url(../img/header.png);
  background-repeat:no-repeat;
  /*width:900px;*/
  height:97px;
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#navlinks{
	position:relative;
	/*float:left;*/
  list-style-type:none;
  /*border-bottom:2px solid #c0c0c0;*/
  background:/*url(../img/bg_menu.png)*/;
  background-repeat:no-repeat;
  width:880px;
  height:70px;
  margin:0px 0px 0px 0px;
  padding:0px 10px 5px 10px;  /*haut-droite-bas-gauche*/
}

#navlinks li{
  float:left;
  display:block;
  /*width:16%;*/
  text-align:center;
  margin:10px 0px 0px 1px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#navlinks li a{
  display:block;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 20px;
	text-decoration:none;
	cursor:pointer;
	height:64px;
	line-height:48px;
	background:url(../img/menu_017_l.jpg) no-repeat left;
}

#navlinks li a span{
					display:block;
					float:left;
					color:#fff;
					padding:0px 20px 0px 0px;
					height:64px;
					background:url(../img/menu_017_r.jpg) no-repeat right;					
				}
					#navlinks li a:hover{
						display:block;
						float:left;					
						background:url(../img/menu_017_a_l.jpg) no-repeat left;
					}
					#navlinks li a:hover span{
						display:block;
						float:left;					
						background:url(../img/menu_017_a_r.jpg) no-repeat right;
						color:#fff;
					}
				#navlinks li a.current{
					display:block;
					float:left;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					background:url(../img/menu_017_a_l.jpg) no-repeat left;
					padding:0 0 0 20px;
					text-decoration:none;
					height:64px;
				}
				#navlinks li a.current span{					
					display:block;
					float:left;
					background:url(../img/menu_017_a_r.jpg) no-repeat right;
					color:#fff;
					padding:0 20px 0 0px;					
					height:64px;
				}

#wrapper{
  /*border:1px solid green;*/
  /*background-color:white;*
  /*border:1px solid #c0c0c0;*/
  background:url(../img/bg-centre.png);
  background-repeat:no-repeat;
  height:100%;
  margin:0px 0px 100px 0px;  /*haut-droite-bas-gauche*/
  padding:13px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix {display: block;}

#main{
  width:900px;
  height:100%;
  /*border:1px solid pink;*/
}

#accueil{
  /*position:relative;*/
  background:url(../img/bg_accueil.png);
  /*background-repeat:repeat-x;
  background-color:#f0f0f0;*/
  float:left;
  width:481px;
  height:252px;
  /*border:1px solid #c0c0c0;*/
  margin:5px 0px 5px 5px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#accueil p{
  text-align:justify;
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px 5px;  /*haut-droite-bas-gauche*/
}

.title{
  color:#d10505;
}

.readmore{
  position:relative;
  float:left;
  color:#d10505;
  font-style:italic;
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

.guide{
  position:relative;
  float:right;
  color:#d10505;
  font-style:italic;
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#accueil a{
  color:red;
  text-decoration:none;
}

#accueil a:hover{
  text-decoration:underline;
}

#slider{
  position:relative;
  float:right;
  width:400px;
  height:252px;
  /*border: 1px solid #c0c0c0;*/
  margin:5px 5px 5px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#slider a img{
  border:none;
}

#categorie{
	margin:0px 0px 0px 5px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#cat1{
  display:block;
	background:url(../img/cat1.png) right top no-repeat;
	width:200px;
  height:252px;
  float:left;
  /*border:1px solid #c0c0c0;*/
  margin:0px 7px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#cat1:hover{
	background:url(../img/cat1.png) left top no-repeat;	
}

#cat2{
	background:url(../img/cat2.png) right top no-repeat;
	width:200px;
  height:252px;
  float:left;
  /*border:1px solid #c0c0c0;*/
  margin:0px 7px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#cat2:hover{
	background:url(../img/cat2.png) left top no-repeat;	
}

#cat3{
	background:url(../img/cat3.png) right top no-repeat;
	width:200px;
  height:252px;
  float:left;
  /*border:1px solid #c0c0c0;*/
  margin:0px 7px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#cat3:hover{
	background:url(../img/cat3.png) left top no-repeat;	
}

#cat4{
	background:url(../img/cat4.png) /*right top*/ no-repeat;
	width:267px;
  height:252px;
  float:left;
  margin:0px 0px 0px 2px;
  padding:25px 0px 0px 0px;  /*haut-droite-bas-gauche*/
  /*border:1px solid pink;*/
}

#cat4:hover{
	background:url(../img/cat4.png) left top no-repeat;	
}

#logotel{
  position:relative;
	float:right;
	background:url(../img/tel.png);
	background-repeat:no-repeat;
  text-align:center;
	/*border:1px solid black;*/
	width:233px;
	height:36px;
	margin:20px 5px 10px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#logosap{
  background:url(../img/logosap.png);
	background-repeat:no-repeat;
	width:436px;
	height:125px;
	margin:10px 0px 10px 220px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

table{
  border-collapse:collapse;
  width:100%;
}

#partner{
	margin:auto;	
}

td{
  /*border-bottom:1px solid #c0c0c0;*/
  margin:0px 0px 0px 0px;
  padding:10px 10px 10px 0px;  /*haut-droite-bas-gauche*/
}

.image2{
  margin:0px 0px 0px 0px;
  padding:0px 20px 0px 20px;  /*haut-droite-bas-gauche*/
  text-align:left;
  border:none;
  width:31%;
}

.image{
  margin:0px 0px 0px 0px;
  padding:0px 20px 0px 20px;  /*haut-droite-bas-gauche*/
  text-align:center;
  border:none;
}

.legend{
  position:relative;
  float:left;
  color:#444444;
  font-size:8px;
  margin:0px 0px 0px 0px;
  padding:5px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

.part{
	border:none;
	/*background-color:red;*/
	text-align:center;
	margin:0px 0px 0px 0px;
  padding:0px 0px 20px 0px;  /*haut-droite-bas-gauche*/
  width:20%;
}

tr{
  /*border:1px solid black;*/
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

.offres{
  background-color:#c0c0c0;
}

#produits{
  width:880px;
  height:100%;
  margin:0px 0px 0px 7px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
  /*background-color: lightblue;*/
}

#produit1{
  border-bottom:1px solid #c0c0c0;
  height:70px;
  margin:15px 0px 10px 5px;
  padding:0px 0px 5px 0px;  /*haut-droite-bas-gauche*/
}

#intitule{
  position:relative;
  float:left;
  width:865px;
  height:15px;
  color:white;
  font-weight:bold;
  font-size:9px;
  background-color:#787676;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 15px;  /*haut-droite-bas-gauche*/
}

#intitule2{
  position:relative;
  float:left;
  width:230px;
  height:20px;
  color:#44444;
  font-weight:bold;
  font-size:12px;
  border-bottom:1px solid #c0c0c0;
  /*background-color:#787676;*/
  margin:20px 0px 20px 10px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#logo_produit{
  position:relative;
  float:left;
  /*border-right:1px solid #c0c0c0;*/
  margin:0px 0px 0px 10px;
  padding:2px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#produits h4{
  /*border:1px solid red;*/
  font-weight:normal;
}

h7{
  /*border:1px solid red;*/
  font-weight:normal;
	font-style:italic;
}

#produit1 p{
  /*height:100%;*/
  /*border-bottom:1px solid #c0c0c0;*/
  margin:0px 0px 0px 0px;
  padding:5px 0px 0px 120px;  /*haut-droite-bas-gauche*/
}

#produits img{
  text-decoration:none;
  border:0;
}

#page_centre{
  position:relative;
  float:left;
  height:100%;
  width:880px;
  text-align:justify;
  /*background:url(../img/bg_aboutdr.png);
  background-repeat:no-repeat;*/
  margin:0px 0px 0px 10px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
  /*border:1px solid red;*/
}

#page_top{
  /*position:relative;*/
  /*float:left;*/
  width:880px;
  height:15px;
  background:url(../img/bg_page_top.png);
  background-repeat:no-repeat;
  color:white;
  font-weight:bold;
  font-size:9px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 15px;  /*haut-droite-bas-gauche*/
}

#centre_g{
  position:relative;
  float:left;
  /*background-color:lightblue;*/
  width:878px;
  border-left:1px solid #c0c0c0;
  border-right:1px solid #c0c0c0;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#centre_g img{
  border:0;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
  /*margin-left:114px;*/
}

#centre_g p{
  margin:10px 10px 10px 10px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

ul{
  margin:0px 10px 10px 10px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#centre_g h5{
  font-size:11px;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#centre_g h6{
  font-size:11px;
  border-bottom: 1px solid #c0c0c0;
  width:300px;
  margin:20px 0px 0px 10px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#centre_g li{
  margin-left:15px;
}

#centre_g a{
  color:red;
  text-decoration: none;
}

#centre_d{
  position:relative;
  float:left;
  background-color:pink;
  margin:30px 10px 0px 0px;
  padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#pancarte{
  height:190px;
  width:640px;
  background:url(../img/pancarte.png);
  background-repeat:no-repeat;
  margin:20px 0px 20px 110px;  /*haut-droite-bas-gauche*/
	padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#schema_org{
  height:350px;
  width:594px;
  background:url(../img/organisation.png);
  background-repeat:no-repeat;
  margin:20px 0px 20px 140px;  /*haut-droite-bas-gauche*/
	padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#central{
  position:relative;
  float:right;
  height:150px;
  width:150px;
  background:url(../img/central.jpg);
  background-repeat:no-repeat;
  margin:10px 10px 10px 10px;  /*haut-droite-bas-gauche*/
	padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#carte_intervenants{
  height:580px;
  width:650px;
  background:url(../img/carte_intervenants.jpg);
  background-repeat:no-repeat;
  margin:10px 0px 10px 115px;  /*haut-droite-bas-gauche*/
	padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#logo_sap{
  position:relative;
  float:left;
  height:127px;
  width:150px;
  background:url(../img/sap.jpg);
  background-repeat:no-repeat;
  margin:10px 10px 10px 10px;  /*haut-droite-bas-gauche*/
	padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#carte_postale{
  position:relative;
  float:left;
  height:330px;
  width:528px;
  background:url(../img/carte_postale.png);
  background-repeat:no-repeat;
  margin:10px 10px 10px 170px;  /*haut-droite-bas-gauche*/
	padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#carte_var{
	/*border:1px solid blue;*/
	/*position:relative;*/
	height:581px;
	width:650px;
	background:url(../img/carte_var.jpg);
	background-repeat:no-repeat;
	margin:50px 0px 0px 125px;  /*haut-droite-bas-gauche*/
	padding:0px 0px 0px 0px;  /*haut-droite-bas-gauche*/
}

#tpm{
	position:absolute;
	top:485px;
	right:450px;
	font-size:15px;
	font-weight:bold;
}

#tpm a{
	text-decoration:none;
	color:white;	
}

#pv{
	position:absolute;
	top:310px;
	right:525px;
	font-size:15px;
	font-weight:bold;
}

#pv a{
	text-decoration:none;
	color:white;	
}

#hvv{
	position:absolute;
	top:160px;
	right:470px;
	font-size:15px;
	font-weight:bold;
}

#hvv a{
	text-decoration:none;
	color:white;	
}

#ad{
	position:absolute;
	top:185px;
	right:300px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#ad a{
	text-decoration:none;
	color:white;	
}

#f{
	position:absolute;
	top:160px;
	right:200px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#f a{
	text-decoration:none;
	color:white;	
}

#ve{
	position:absolute;
	top:260px;
	right:155px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#ve a{
	text-decoration:none;
	color:white;	
}

#gst{
	position:absolute;
	top:380px;
	right:240px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#gst a{
	text-decoration:none;
	color:white;	
}

#cdv{
	position:absolute;
	top:360px;
	right:375px;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

#cdv a{
	text-decoration:none;
	color:white;	
}

#page_bottom{
  /*position:relative;*/
  float:left;
  width:880px;
  height:15px;
  background:url(../img/bg_page_bottom.png);
  background-repeat:no-repeat;
}

#contact{
  position:relative;
  float:left;
  width: 375px;
  color: #353838;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  line-height: 1.6;
  margin : 5px 0px 0px 10px;     /*haut-droite-bas-gauche*/
  padding : 0px 0px 0px 0px;     /*haut-droite-bas-gauche*/
}

#contact p{
  background-color:white;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c0c0c0;
  margin : 5px 0px 15px 0px;     /*haut-droite-bas-gauche*/
  padding : 5px 5px 5px 0px;     /*haut-droite-bas-gauche*/
}

#contact a{
  color: #d10505;
  text-decoration: none;
}

#map{
  position:relative;
  float:right;
  margin : 10px 10px 0px 46px;     /*haut-droite-bas-gauche*/
  padding : 0px 0px 0px 0px;     /*haut-droite-bas-gauche*/
}

#voitures{
  position:relative;
  float:right;
  background:url(../img/voitures.png);
  background-repeat:no-repeat;
  width:425px;
  height:114px;
  margin : 40px 10px 0px 0px;     /*haut-droite-bas-gauche*/
  padding : 0px 0px 0px 0px;     /*haut-droite-bas-gauche*/
}

iframe{
  border: 1px solid #c0c0c0;
  margin : 0px 0px 0px 0px;     /*haut-droite-bas-gauche*/
  padding : 0px 0px 0px 0px;     /*haut-droite-bas-gauche*/
}

small{
  position: relative;
  float:left;
  color: #d10505;
  margin : 10px 0px 10px 0px;     /*haut-droite-bas-gauche*/
  padding : 0px 0px 0px 0px;     /*haut-droite-bas-gauche*/
}

small a{
  color: #d10505;
  text-decoration: none;
  font-style: italic;
  font-size: 12px;
  font-family: Calibri, Verdana, sans-serif;
}

small a:hover{
  text-decoration: underline;
}

fieldset{
  margin : 10px 0px 0px 0px;     /*haut-droite-bas-gauche*/
  padding : 0px 0px 0px 0px;     /*haut-droite-bas-gauche*/
  border:0;
}

label{
  width:250px; display:block;
}

#form_errors{
  color:#f00; display:none;
}

#form_thanks{
  color:#000; display:none;
}

.txt_input{
  width:375px; display:block;
}

textarea{
  height:80px;
  width:375px;
  background-color:#efefef;
  border:1px solid #c0c0c0;
}

input{
  display:block;
  background-color:#efefef;
  border:1px solid #c0c0c0;
}

input.submit{
	float:right;
  height: 28px;
  width: 183px;
  background: url(../img/envoyez.gif) no-repeat scroll 0 -28px;
  border:0 none;
  cursor:pointer;
  font-size:1em;
  margin : 10px 0px 10px 0px;     /*haut-droite-bas-gauche*/
  overflow:hidden;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  text-indent:-2000px;
}

.req{
  color:#d10505;
  font-size:90%;
}

#footer{
  color:white;
  text-align:center;
  /*border:1px solid blue;*/
  border-top:1px solid #d10505;
  background:#444444;
  position:relative;
  margin-top:-100px;
  padding-top:10px;
  height:104px;
  clear:both;
}

#footer p{
	margin : 0px 0px 10px 0px;     /*haut-droite-bas-gauche*/	
}
