/*-----------------------------------------------------------PAGE INDEX------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
}

#global{
	margin:0px auto;
}

body{
	margin:0px auto;
	padding:0px;
	background-color: #d8d8d8;
	font: normal 11px arial, helvetica, sans-serif;
	background-image: url(images/bg_bandeau.jpg);
	background-repeat: repeat-x;
}

#fond{
	background-color:#d7d8d8;
	margin: 0px auto;
}

h3{
	display:block;
}
/*----------------------------------------------------------------bandeau--------------------------------------------------------*/

#bg_bandeau{
	background:url(images/bg_bandeau.jpg) repeat-x;
}

#bandeau{
	height:184px;
	width:955px;
	margin:0px auto;
}

.ban1{
	background:url(images/bandeauindex.jpg) no-repeat;
}

#titre{
	padding:50px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color: #ffe87f;
}

#menu{
	padding:60px 0px 0px 300px;
}

.maj{
	font-size: 126%;
	font-weight: bolder;
	padding:0px 0px 20px 40px;
}

.lili{
	background:url(images/bg_li.jpg) no-repeat top right;
	padding:0px 0px 0px 10px;
	height:30px;
	/*border:#000 solid 1px;*/
}
#bandeau ul {
	height:30px;
	padding:0px 0px 0px 10px;
	display:inline;
	/*border:#000 solid 1px;*/
}
#bandeau ul li{
	height:20px;
	list-style-type:none;
	float:left;
	padding:5px 5px 0px 0px;
	background:url(images/bg_li.jpg) no-repeat 10px 0px;
	/*border:#000 solid 1px;*/
}

#bandeau a{
	height:30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #626469;
	text-decoration: none;
} 

#bandeau a:hover{
	color: #1f78b2;
	text-decoration: none;
}

/*----------------------------------------------------------------Contenu------------------------------------------------------*/

#bg_contenu{
	background:url(images/bg_total.jpg) repeat-x;
}

#contenu{
	width:955px;
	margin:0px auto;
	padding-top: 20px;
}

#contenu p{
	padding:5px 0px;
	display:block;
}

#presentation{
	width:205px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	text-align: justify;
	font-size:11px;
	float:left;
	padding:0px 10px 0px 30px;
	/*border:#000000 solid 1px;*/
}
#presentation p.space{
	padding:0px 0px 10px 0px;
}
#presentation a {
	color:#626469;
	text-decoration:none;
}
#presentation ul {
	padding:5px 0px 0px 0px;
	width:200px;
}
#presentation .partenaires{
	padding:12px 0px 10px 15px;
	width:120px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	background:url(images/flechepage2.gif) no-repeat -160px 8px;
	list-style:none;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	/*border:#000000 solid 1px;*/
}
#presentation .img{
	width:70px;
	margin:0px;
	display:block;
	float:left;
	text-align:right;
}

.presentationfleche{
	background:url(images/flechemenu.gif) no-repeat;
	width:211px;
	height:23px;
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	padding-bottom: 10px;
}
test {
	margin-left: 100px;
}


.presentationfleche2{
	background:url(images/flechemenu.gif) no-repeat 40px 0px;
	width:211px;
	height:23px;
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	padding:0px 0px 10px 40px;
}

#flag{
	width:285px;
	height:308px;
	float:left;
	padding:0px;
	/*border:#000000 solid 1px;*/
	text-align: center;
}
#flag p.ref{
	width:253px;
	text-align:left;
}
#flag img{
	border: none;	
}

.maj2{
	font-size: 110%;
}

#photo1 img{
	float:left;
	margin:0px 10px 30px 0px;
	border:#909090 solid 1px;
}

#photo1 ul li{
	padding:0px 0px 5px 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-image: url(images/flechepuce.gif);
	background-repeat:no-repeat;
	list-style:none;
	display:block;
	width: 180px;
	background-position: 4px 4px;
	float:left;
}

#photo1{
	float:left;
	width:410px;
}

#photo2{
	clear:both;
}

/*-----------------------------------------------------------------pied de page--------------------------------------------------*/

#bg_pieddepage{
	background:url(images/bg_pieddepage.jpg) repeat-x 0px 20px;
	clear: both;
	width: 100%;
}

#pieddepage{
	color:#fff;
	width:955px;
	margin:0px auto;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:48px;	
	padding:20px 0px 0px 0px;
}

.pied li {
	display: inline;
	float: left;
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
	padding:0px 10px 0px 10px;
}

.pied {
	margin-left: 200px;
	padding-top:5px;
}

.pied a{
	text-decoration:none;
	color:#1f78b2;
}

.pied a:hover{
	text-decoration:underline;
}

#pied2{
	width:800px;
	text-align:center;
	clear:both;
	padding-top:20px;
	display:block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center;
}

#pied2 li {
	display: inline;
	float: left;
	list-style-type: none;
}

#pied2 a {
	margin:0px 30px;
	text-decoration: none;
	color: #1f78b2;
}

#pied2 a:hover{
	color:#000;
}

/*------------------------------------------------------------logo tt------------------------------------------------------------*/

#toptechnology{
	width:955px;
	margin:0px auto;
}

#tt{
	text-align:center;
	margin-top:20px;
}
 
#tt a{
	font-size:10px;
	color:#8b8b8b;
	text-decoration: none;
}
 
#tt a:hover{
	color:#000;
}

/*-------------------------------------------------PAGE PRESTATION ET SERVICES----------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------*/

.bandeau2{
	background:url(images/bandeau2.jpg) no-repeat;
}

#bandeau2 ul li{
	list-style-type:none;
	display:inline;
	padding:0px 0px 0px 50px;
}

#bandeau2 a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #626469;
	text-decoration: none;
} 

#bandeau2 a:hover{
	color: #1f78b2;
	text-decoration: none;
}

#presentation2{
	width:955px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#626469;
	text-align: justify;
	font-size:12px;
	float:left;
	padding:0px 50px 0px 50px;
}

#presentationfleche2{
	background:url(images/flechepage2.gif) no-repeat;
	width:271px;
	height:23px;
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	padding:0px 0px 20px 10px;
}
.tof1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display:block;
}
.tof2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: none;
}

#presentation2 p{
	line-height: 50%;
}

#presentation2 ul li{
	padding:0px 0px 0px 0px;
	list-style-image: url(images/flechepuce.gif);
}

#presentation2 img{
	margin:5px 0px 0px 5px;
	cursor: pointer;
	border:1px solid #227ab3;
	padding:1px
}
#commentaire{
	background: url(images/cadretext.jpg) bottom;
	width: 553px;
	float: left;
	padding: 5px 0px 0px 10px;
	height: 35px;
}

#tente{
	float:left;
	padding:0px;
	margin-top:5px;
	border:#969696 solid 1px;
	background-color:#ece8e7;
	width: 563px;
}

#miniature{
	float:left;
	width:350px;
	padding-top:20px;
}
#miniature h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding:5px 0px 5px 50px;
	display:block;
}
.logo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	background:url(images/pucelogo.jpg) no-repeat;
}
#miniature img{
	margin: 2px;
	cursor: pointer;
}
.bandeau3{
	background:url(images/bandeaucontact.jpg) no-repeat;
}

#bandeau3 ul li{
	list-style-type:none;
	display:inline;
	padding:0px 0px 0px 50px;
}

#bandeau3 a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #626469;
	text-decoration: none;
} 

#bandeau3 a:hover{
	color: #1f78b2;
	text-decoration: none;
}
#contenu2{
	width:955px;
	margin:0px auto;
	padding-top: 20px;
}
/*------------------formulaire-------------*/

#form{
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

label{
	display:block;
	float:left;
	width:70px;
}

.input{
	width:280px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #626469;
	height: 20px;
}

textarea{
	width:280px;
	padding:0px 0px 0px 3px;
	margin:0px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #626469;
	height: 100px;
}

#bouton{
	width:146px;
	height:22px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 190px;
	background:url(images/envoyer.gif) no-repeat;
	border:none;
}

#plan{
	border:solid 1px #1f78b2;
	width: 492px;
}

#coordonnee{
	display:block;
	float:left;
	width:520px;
	padding:20px 0px 20px 70px;
}

#coordonnee p{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6c6d6d;
	font-weight: bold;
	padding:30px 0px 0px 30px;
}

#adresse{
	width:238px;
	height:108px;
	background:url(images/adresse.gif) no-repeat;
	float:left;
	margin:20px 0px 0px 0px;
}

#telephone{
	width:233px;
	height:108px;
	background:url(images/telephone.gif) no-repeat;
	float:left;
	margin:20px 0px 0px 25px;
}
.left {
	float:left;
}
.right {
	float:right;
	margin-top:5px;
}

.bas {
	margin-left: 150px;
}
/*----------------------------------------------------------------Références------------------------------------------------------*/
#ref1{
	width:430px;
	height:auto;
	float:left;
	padding:0px;
	text-align:left;
	/*border:#909090 solid 1px;
	background-color:#fff;*/
}
#ref1 p.decal {
	padding-left:30px;
}
#ref1 img{
	margin:10px;
	border:#909090 solid 1px;
}
#ref2{
	width:440px;
	height:auto;
	float:left;
	padding:10px 10px 10px 50px;
}
#ref2 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	font-weight:normal;
}