/* Definition des prorietes globales de elements */
body{
	background-color:white;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Verdana,Serif;
	font-size:0.8em;
	overflow-x:auto;
}

#global{
	margin:auto;
}

a{
	position:relative;
	top:0px;
	left:0px;
	margin:auto;
	padding:0px;
	text-decoration:none;
	color:white;
}

a:hover{
	position:relative;
	top:0px;
	left:0px;
	margin:auto;
	padding:0px;
	text-decoration:none;
	color:rgb(154,205,50);
}

img{
	border:none;
}

.link{
	position:relative;
	bottom:90px;
	left:0px;
	text-align:right;
	text-indent:0px;
	text-decoration:none;
	font-weight:normal;
}

.link:hover{
	text-indent:0px;
	text-decoration:underline;
}

.contenu{
	padding-right:50px;
}	

/* Mise en place du preheader */
#globalPreHeader{
	position:relative;
	top:0px;
	left:0px;
	min-width:1280px;
	height:25px;
	margin:auto;
	padding:0px;
	color:white;
	background-color:rgb(0,0,0);
	border-bottom:solid rgb(101,101,101) 1px;
}

#preHeader{
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:20px;
	margin:auto;
	padding:0px;
}

.home{
	position:relative;
	top:0px;
	right:200px;
	width:50px;
	height:25px;
	margin:auto;
	padding:0px;
	overflow:hidden;
}

.preSlogan{
	position:relative;
	bottom:16px;
	left:310px;
	margin:auto;
	padding:0px;
}

#preHeader p{
	position:relative;
	top:3px;
	left:200px;
	padding:0px;
	margin:auto;
	text-align:left;
}

/* Mise en place du header */
#header{
	position:relative;
	top:0px;
	left:0px;
	min-width:1280px;
	height:119px;
	margin:auto;
	padding:0px;
	background-image:url("../images/design/header.jpg");
	background-repeat:repeat-x;
	border-bottom:solid 1px rgb(177,202,131);
}

/* Mise en place du logo et du slogan */
#logoSlogan{
	position:relative;
	bottom:1px;
	right:300px;
	width:350px;
	height:119px;
	margin:auto;
	padding:0px;
	text-align:justify;
	overflow:hidden;
}

#logo{
	position:relative;
	top:1px;
	left:0px;
	width:138px;
	height:117px;
	padding:0px;
	margin:auto;
	overflow:hidden;
}

#slogan{
	position:relative;
	bottom:121px;
	left:80px;
	width:200px;    /* A MODIFIER */
	height:72px;
	margin:auto;
	padding:5px;
	color:white;
	overflow:hidden;
}

.green{
	color:rgb(127,171,73);
	font-weight:bolder;
}

/* Mise en place du menu */
#menu{
	position:relative;
	bottom:100px;
	left:0px;
	width:700px;
	margin:auto;
	padding:0px;
	color:white;
	overflow:hidden;
	z-index:10;
}

#menu table{
	position:relative;
	top:0px;
	left:0px;
	width:600px;
	margin:auto;
	padding:0px;
	overflow:hidden;
	z-index:10;
}

#menu td{
	position:relative;
	top:0px;
	left:0px;
	width:20px;
	margin:auto;
	padding:0px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	z-index:10;
}

#menu ul{
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	padding-top:15px;
	list-style-type:none;
	background-color:black; 
	text-align:left;
	border:solid rgb(131,131,131) 1px;
	z-index:10;
	opacity:0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#menu ul li{
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	z-index:10;
}

#menu ul li:hover{
	padding:0px;
	padding-left:15px;
	padding-right:15px;
	background-color:rgb(131,131,131);
	background-image:url(../images/design/arrowRight.png);
	background-repeat:no-repeat;
	background-position:left center;
	z-index:10;
	opacity:0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	
}

#menu ul a:hover{
	color:white;
	z-index:10;
}

#agence{
	position:relative;
	top:0px;
	left:67px;
	width:103px;
	display:none;
}

#services{
	position:relative;
	top:0px;
	left:157px;
	width:160px;
	display:none;
}

#solutions{
	position:relative;
	top:0px;
	left:259px;
	width:160px;
	display:none;
}

#arrow1{
	background-image:url(../images/design/arrowDown.png);
	background-repeat:no-repeat;
	background-position:69px 4px;
	font-weight:bolder;
}

#arrow2{
	background-image:url(../images/design/arrowDown.png);
	background-repeat:no-repeat;
	background-position:83px 4px;
	font-weight:bolder;
}

#arrow3{
	background-image:url(../images/design/arrowDown.png);
	background-repeat:no-repeat;
	background-position:90px 4px;
	font-weight:bolder;
}

#devis, #contact, #realisation{
	font-weight:bolder;	
}

#devis a{
	margin-left: 10px;
}

/* Mise en place des reseaux sociaux */
#reseauSoc{
	position:relative;
	bottom:25px;
	left:400px;
	width:110px;
	height:60px;
	margin:auto;
	padding:0px;
	text-align:left;
}

#iconeF, #iconeT{
	position:relative;
	top:0px;
	left:0px;
	width:48px;
	height:48px;
	padding:0px;
	margin:auto;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
	transform: rotate(-30deg);
	/* Safari, Opera, Netscape */
	-webkit-transition-property: all;
	-webkit-transition-duration: 1s;
	/* Firefox */
	-moz-transition-property: all;
	-moz-transition-duration: 1s;
	/* All */
	transition-property: all;
	transition-duration: 1s;	
}

#iconeF:hover, #iconeT:hover{
	position:relative;
	top:-23px;
	left:0px;
	width:48px;
	height:48px;
	padding:0px;
	margin:auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* Mise en place des pubs */
#pub{
	position:relative;
	top:0px;
	left:0px;
	min-width:1280px;
	width:100%;
	height:100px;
	margin:auto;
	padding:0px;
	text-align:center;
	background-image:url("../images/design/pub.jpg");
	background-repeat:repeat-x;
	overflow:hidden;
	border-bottom:solid 1px rgb(177,202,131);
	z-index:3;
}

#CU3ER{
	position:relative;
	bottom:20px;
	left:0px;
	width:540px;
	height:380px;
	margin:auto;
	padding:0px;
	z-index:1;
	visibility:hidden;
}

/* Mise en place du contenu global */
#contenuPrincipal{
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	margin:auto;
	padding:0px;
	color:black;
	text-align:justify;
	overflow:hidden;
}

#contenuPrincipal a, #contenuPrincipal a:hover{
	color:black;
}

/* Mise en place du footer */
#footer{
	position:relative;
	top:0px;
	left:0px;
	min-width:1280px;
	height:170px;
	margin:auto;
	padding:0px;
	color:white;
	overflow:hidden;
	text-align:center;
	background-image:url("../images/design/footer.jpg");
	border-top:solid rgb(101,101,101) 1px;
}

#footer table, #footer tr{
	position:relative;
	top:0px;
	left:0px;
	min-width:1280px;
	text-align:center;
	margin:auto;
	padding:0px;
	overflow:hidden;
}

#footer	td{
	vertical-align:top;
	text-align:left;
}

.siege ul{
	list-style-type:none;
}

/* Mise en place du copyright */
#copyright{
	position:relative;
	top:0px;
	left:0px;
	min-width:1280px;
	margin:auto;
	padding:0px;
	padding-bottom:5px;
	padding-top:2px;
	color:white;
	text-align:center;
	background-color:rgb(0,0,0);
	border-top:solid rgb(101,101,101) 1px;
}

#copyright p{
	position:relative;
	top:0px;
	left:0px;
	margin:auto;
	padding:0px;
}

/* Mise en place du plan du site */
#planSite{
	position:relative;
	top:0px;
	left:0px;
	margin:auto;
	padding:0px;
}
#planSite a{
	position:relative;
	top:0px;
	left:0px;
	margin:auto;
	padding:0px;
	text-decoration:none;
	color:black;
}

#planSite a:hover{
	position:relative;
	top:0px;
	left:0px;
	margin:auto;
	padding:0px;
	text-decoration:underline;
	color:rgb(94,138,59);
}

#planSite .title{
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	font-family:"Myriad Pro",Verdana,Serif;
	font-weight:bolder;
	overflow:hidden;
}

#planSite .title p{
	position:relative;
	top:0px;
	left:0px;
	text-indent:40px;
	text-align:left;
	margin:0px;
	padding:0px;
}

#planSite .titleTop{
	font-size:50px;
	width:600px;
	height:47px;
	padding:0px;
	margin:0px;
	background-image:url("../images/design/ligne.jpg");
	background-repeat:no-repeat;
	background-position:5px 46px;
	overflow:hidden;
}

#planSite .titleBottom{
	position:relative;
	bottom:5px;
	left:80px;
	width:600px;
	height:40px;
	margin:0px;
	padding:0px;
	font-size:25px;
}

/* Mise en place de la presentation dans plan du site */
#planSite #presentation{
	position:relative;
	top:0px;
	left:10px;
	min-height:30px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#planSite img{
	width:38px;
	height:34px;
	margin:0px;
	padding:0px;
}

#gui1{
	position:relative;
	top:34px;
	right:28px;
	display:none;
}

#gui2{
	position:relative;
	bottom:34px;
	left:305px;
	display:none;
}

/* Mise en place des textes */
#presentation #item1, #presentation #item2, #presentation #item3, #presentation #item4, #presentation #item5, #presentation #item6, #presentation #item7, #planSite #presentation #item8, #presentation #item9, #presentation #item10, #presentation #item11, #presentation #item12, #presentation #item13, #presentation #item14, #presentation #item15, #presentation #item16, #presentation #item17, #presentation #item18, #presentation #item19, #presentation #item20, #presentation #item21, #presentation #item22, #presentation #item23, #presentation #item24, #presentation #item25, #presentation #item26{
	position:relative;
	top:0px;
	left:0px;
	width:300px;
	font-style:italic;
	font-size:16px;
	font-weight:bolder;
	text-indent:20px;
	display:none;
}