body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
h1 {
	font-size: 18px;
}
body,td,th {
	color: #3b5998;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #3b5998;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3b5998;
}
a:hover {
	text-decoration: underline;
	color: #3b5998;
}
a:active {
	text-decoration: none;
	color: #3b5998;
}

#container{
	width: 930px;
	margin: 0 auto;
	background-color: #ffffff;	
	
}

#header {
	height: 135px;
	width: 930px;
	margin-bottom:20px;
	margin-top:10px;
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;	
}

#centre p {
	margin:0;
	padding:0;
}
#centre {
	margin-left:210px;
	background-color: #FFFFFF;
	padding-bottom: 8px;
	padding-left: 16px;
	width: 700px;
}

.hauteur5 {
	margin:0;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#gauche {
	width: 200px;
	float:left;
	margin:0;
	background-color: #FFFFFF;	
  
    float:left;
}
	.boxgauche{
	height:150px;
	width: 200px;
	border: 1px solid #87A3B4;	
	margin-top:25px;
	padding-top:10px;
	background-color:#F2F2F2;

}
	.boxgauche2{
	height:140px;
	width: 185px;
	border: 1px solid #87A3B4;	
	margin-top:15px;
	padding-left:15px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
}
	.boxgauche3{
	height:190px;
	width: 185px;
	border: 1px solid #87A3B4;	
	margin-top:15px;
	padding-left:15px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;

}
.background{
	padding-top:5px;
	height: 20px;
	padding-left:50px;
	margin:auto;
	font-weight: bold;
}
.menu {
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	line-height: 20px;
}

.menu li {
	margin-bottom:7px;
}

.menu a {
	font-weight:bold;
}

.menu img {
	vertical-align:bottom;
	margin-right:5px;
}
#mil{
width: 440px;
float:left;	

}
#mil2{
width: 390px;
float:left;	

}
#mil3{
width: 250px;
float:left;	

}
#mil4{
width: 700px;
margin-top:25px;
}
.contactall{
width: 700px;
border:solid 1px #fff;

}

.milieu{
	height: 230px;
	width: 415px;
	border: 1px solid #87A3B4;
	margin-top:25px;
	float:left;
	text-align: justify;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;

}
.milieu2{
	height: 230px;
	width: 415px;
	border: 1px solid #87A3B4;
	margin-top:25px;
	float:left;
	text-align: justify;
	line-height: 16px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	background-image:url(images/degrad.jpg);
	background-repeat: no-repeat;	
}
.boxdroit{
	height: 500px;
	width: 230px;
	margin-top:25px;
	float:left;
	margin-left:30px;

}
.boxdroit1{
	height: 150px;
	width: 230px;
    border: 1px solid #87A3B4;
	float:left;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
}
.boxdroit2{
	height:515px;
	width: 230px;
    border: 1px solid #87A3B4;
	
	float:left;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
}
.selectionxselect {
	width:730px;
	margin: 0 auto;
	
}
#menuprinc{
width:930px;


}
#milieu1{
	height:610px;
	width: 360px;
	border: 1px solid #87A3B4;
	margin-top:15px;
	float:left;
	text-align: justify;
	line-height: 16px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
}
#bas{
height:320px;
	width: 360px;
	border: 1px solid #87A3B4;
	margin-top:25px;
	float:left;
	text-align: justify;
	line-height: 16px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
}

.titre{
	font-size: 11px;
	font-weight: bold;
	color: #274D7F;
	text-align:center;
	margin-top:5px;
	margin-bottom:15px;
}


#droit{
	height:535px;
	width: 258px;
	border: 1px solid #87A3B4;
	float:left;
	text-align: justify;
	line-height: 16px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top:25px;
	padding-bottom: 15px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	margin-left: 20px;
	
}

#droit2{
	height:395px;
	width: 258px;
	border: 1px solid #87A3B4;
	float:left;
	text-align: justify;
	line-height: 16px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top:15px;
	padding-bottom: 15px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	margin-left: 20px;
}
.solgauche{
	height: 540px;
	width: 250px;
	border: 1px solid #87A3B4;
	margin-top:25px;
	float:left;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 16px;
}
#solgauche2{
	height: 498px;
	width: 250px;
	border: 1px solid #87A3B4;
	margin-top:15px;
	float:left;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 16px;
}
.soldroit1{
	height: 340px;
	width: 370px;
	float:left;
	border: 1px solid #87A3B4;
	margin-top:25px;
    margin-left:45px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 16px;
}

.soldroit2{
	height: 410px;
	width: 370px;
	float:left;
	border: 1px solid #87A3B4;
	margin-top:15px;
    margin-left:45px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 16px;
}

#soldroit3{
	height: 270px;
	width: 370px;
	float:left;
	border: 1px solid #87A3B4;
	margin-top:15px;
    margin-left:45px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 16px;
}
#solgrande{
   height: 320px;
	width: 665px;
	border: 1px solid #87A3B4;
	margin-top:5px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 16px;
	text-align:justify;

}

.portfolio{
    height: 100px;
	width: 685px;
	border: 1px solid #87A3B4;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 16px;
	margin-bottom:15px;

}

.description{
	height: 100px;
	width: 400px;

	float:left;
	margin-right: 10px;
	margin-left: 10px;
}

.image{
    height: 100px;
	width: 258px;
	float:left;
	border: solid 1px #87A3B4;
}
.site{
    height: 20px;
	width:80px;
	float:right;
	margin-top:10px;
}

.port{
	height: 155px;
	width: 300px;
	margin-top:25px;
	float:left;
	border: 1px solid #87A3B4;
	padding-left:40px;

}
.port_1{
	height: 155px;
	width: 340px;
	margin-top:25px;
	float:left;
	border: 1px solid #87A3B4;
	background-image:url(images/commerce.jpg);
	background-repeat:no-repeat;

}
.port_2{
	height: 155px;
	width: 340px;
	margin-top:25px;
	float:left;
	border: 1px solid #87A3B4;

	background-image:url(images/flash.jpg);
	background-repeat:no-repeat;

}
.port2{
	height: 155px;
	width: 300px;
	margin-top:25px;
	float:left;
	margin-left:16px;
	border: 1px solid #87A3B4;
	padding-left:40px;
	background-image:url(images/dynamiques.jpg);
	background-repeat:no-repeat;

}
.port3{
	height: 155px;
	width: 340px;
	margin-top:25px;
	float:left;
	margin-left:16px;
	border: 1px solid #87A3B4;
	background-image:url(images/web.jpg);
	background-repeat:no-repeat;


}
.port4{
	height: 155px;
	width: 340px;
	margin-top:25px;
	float:left;
	margin-left:16px;
	border: 1px solid #87A3B4;
	background-image:url(images/prestige.jpg);
	background-repeat:no-repeat;


}
#footer{
	height:160px;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;

	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
	border: 1px solid #87A3B4;
	background-color:#F2F2F2;

	}
	
#pied{
    height:200px;
	width: 920px; 
    margin-left:50px;
	padding-top:10px;	
	
}
#footermenu
{
	font-size: 11px;
	color: #3B5998;
	width:930px;
	
	
}

#footermenu ul
{
	display:inline;
	list-style-type: none ;
}

#footermenu li
{
    display:inline;
	text-decoration:none;
	font-size:11px;
	color:#184177;
	
}	
#footermenu li a 
{
display:inline;
text-decoration:none; 
color: #184177;
font-size:11px;
}

#footermenu li a:hover
{
	display:inline;
	text-decoration:underline;
	font-size:11px;
	    
}
	
#footermenu li a.active
{
    display:inline;
	text-decoration:underline;
	font-size:11px;
   
}


.porttitre{
	height: 30x;
	width: 120px;
	float:right;
	font-size: 16px;
	font-weight: bold;
	padding-top: 60px;
}
.porttitre1{
	height: 100x;
	width: 200px;
	float:left;
	font-size: 30px;
	font-weight: bold;
	padding-top: 10px;
	margin-top:40px;
	margin-left:70px;
}
.porttitre1  a:link {
	
	text-decoration: none;
	
}
.porttitre1  a:visited {
	text-decoration: none;
	
}
.porttitre1  a:hover {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F84819;
}
.porttitre1  a:active {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F84819;
}
.porttitre  a:link {
	
	text-decoration: none;
	
}
.porttitre  a:visited {
	text-decoration: none;
	
}
.porttitre  a:hover {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F84819;
}
.porttitre  a:active {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F84819;
}

.porttitre2{
	height: 30x;
	width: 120px;
	float:right;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
}
.porttitre2  a:link {
	
	text-decoration: none;
	
}
.porttitre2  a:visited {
	text-decoration: none;
	
}
.porttitre2  a:hover {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F84819;
}
.porttitre2  a:active {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F84819;
}
.border{
	height: 518px;
	width: 685px;
	border: 1px solid #87A3B4;
	margin-top:25px;
	padding-left:15px;
	background-image: url(images/couleur-css-1_11.gif);
	background-repeat: repeat-x;
}.espaceligne {
	line-height: 30px;
}
.confiance{
	margin-left: 10px;
	margin-top: 20px;
	width: 200px;
	line-height: 20px;
	font-weight: bold;	
	}
	#titregd{
	height:55px;
	width: 450px;
	float:right;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	padding-top:45px;
	
	}
	.portfoliotitre{
	height: 120px;
	width: 685px;
	border: 1px solid #87A3B4;
	padding-left: 15px;
	line-height: 16px;
	margin-bottom:15px;
	
	
}