@charset "utf-8";
/* CSS Document */


body
{
    margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	border-top-color: currentColor;
	border-bottom-color: currentColor;
	border-right-color: currentColor;
	border-left-color: currentColor;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color:white;
	height:100%;
	width:100%
}

#corps
{
    background-color:none;
	width:950px;
	height:150px;
	margin:auto;
	margin-top: 50px;
}

#logo
{
	margin-left:5px;
}


#navcontainer
 {
 margin: 0;
 padding-left: 0px;
 height:auto;
 font:12px Verdana, sans-serif;
 width:950px;
 border-bottom: 1px solid #bbb;
 list-style-type: none;
 background: #fff;
 position:absolute;
 }

 #navlist li
 {
 float: right;
 margin:20;
 padding: 0;
 display: block;
 position:relative;
left:0px;
text-align:right;
 }

 #navlist li a, #navlist li a:link
 {
 background: #fff;
 color: black;
 text-decoration: none;
 padding: 3px 10px 3px 10px;
 display: block;
 }

 #navlist li a:hover
 {
 color: #626262;
 border-bottom: 3px solid #bbb;
 cursor: pointer;
 background: white;
 }

 #navlist li a#current, #navlist li a#current:link
 {
 color: #000;
 cursor: default;
 font-weight: bold;
 border-bottom: 3px solid #999;
 text-align:right;
 }

 #navlist li a#current:hover
 {
 border-bottom: 3px solid black;
 background: white;
 }
 

#contenu
{
    background-color:white;
	width:950px;
	height:525px;
	margin:auto;
	top:0px;
}

#navdesignlist
{
 margin-top:0px;
 padding-left:0px;
 height:auto;
 width:950px;
 font:12px Verdana, sans-serif;
 list-style-type: none;
 background: #fff;
 position:absolute;
 display:block;
 margin:auto;
 top:208px;
 }

 #navdesignlist li
 {
 float: left;
 margin-top:0px;
 margin-left:0px;
 padding: 0;
 position:relative;
 left:-8px;
 list-style-type: none;
 }

 #navdesignlist li a, #navdesignlist li a:link
 {
 background: #fff;
 color: black;
 text-decoration: none;
 padding: 3px 10px 3px 10px;
 display: block;
 text-align:right;
 }

 #navdesignlist li a:hover
 {
 color: #626262;
 cursor: pointer;
 background: white;
 
 }
 
 #texteinfo
{
	width:505px;
	height:525px;
	margin:auto;
	top:230px;
	position:absolute;
    display:block;
}

p
{
     text-align:justify;
	 font-size:12px;
	 font-family: 'Verdana', Arial, sans-serif;
	 text-decoration: none;
     color: grey;
	 background-color: none;
}
.titregras
{
     text-align:justify;
	 font-size:12px;
	 font-family: 'Verdana', Arial, sans-serif;
	 text-decoration: none;
	 font-weight: bold;
     color:black;
	 background-color: none;
}
 
 h1
 {
	 
	 text-align:center;
	 font-size:15px;
	 font-family: 'Trebuchet MS', Arial, sans-serif;
	 text-decoration: none;
     color: black;
	 background-color: none;
	 
 }
 #textpres
 {
	
	 position: absolute;
	 top:255px;
	 width:195px;
	 text-align:justify;
	 margin-left: 660px;
	
}
 .tittle
 {
	 font-weight:bold;
	 text-align:center;
	 font-size:15px;
	 font-family: 'Verdana', Arial, sans-serif;
	 text-decoration:none;
	 text-transform:none;
     color:#8C0C09;
	 background-color:white;
	 border-left:1px solid #8C0C09;
	 border-bottom:1px solid #8C0C09;

}

.creer 

 {
	 
	 text-align: justify;
	 font-size:11px;
	 font-family: 'Verdana', Arial, sans-serif;
	 text-decoration:none;
	 text-transform:none;
     color:grey;
}

.com

 {
	 
	 text-align: justify;
	 font-size:11px;
	 font-family: 'Verdana', Arial, sans-serif;
	 text-decoration:none;
	 text-transform:none;
     color:grey;
}
.dev 

 {
	
	
	 text-align: justify;
	 font-size:11px;
	 font-family: 'Verdana', Arial, sans-serif;
	 text-decoration:none;
	 text-transform:none;
     color:grey;
}

 
 h2
 {
	 text-align:right;
	 font:11px Verdana, sans-serif;
	 text-decoration: none;
	 text-transform:none;
     color:#9C9C9C;
	 background-color: none;
   
}
strong
 {
	 text-align:right;
	 font:11px Verdana, sans-serif;
	 text-decoration: none;
	 text-transform:none;
     color:#9C9C9C;
	 background-color: none;
   
}
#copyright
 {
	float: right;
	width:950px;
	top:660px;
	position:absolute;
}

#image1
{
   position:absolute;
   top:250px;
  
   width:auto;
   margin:auto;
   padding:0px;
}

#produit1
{
   width:50%;
   border: 1px solid black;
}


 

#footer
{
    background-color:none;
	width:950px;
	height:100px;
	margin-top:0px;
}







 
 #navcontainer2
{
 margin-top:0px;
 padding-left:0px;
 height:auto;
 width:950px;
 font:12px Verdana, sans-serif;
 border-top: 1px solid #bbb;
 list-style-type: none;
 background: #fff;
 
 }

 #navlist2 li
 {
 float: right;
 margin-top:0px;
 margin-left:0px;
 padding: 0;
 position:relative;
 right:-8px;
 list-style-type: none;
 }

 #navlist2 li a, #navlist2 li a:link
 {
 background: #fff;
 color: black;
 text-decoration: none;
 padding: 3px 10px 3px 10px;
 display: block;
 text-align:right;
 }

 #navlist2 li a:hover
 {
 color: #626262;
 cursor: pointer;
 background: white;
 
 }
 
 #logofacebook
{
	
	border:solid;
	border-color: #bbb;
	border-width:1px;
	margin-top:0px;


	padding-top:0px;
 
 }

 #logotwitter
{
	
	border:solid;
	border-color: #bbb;
	border-width:1px;
	left:8px;
	margin-top:0px;
	padding-top:0px;
 
 }
 
#logos
 {  width:auto;
    height:auto;
	background-color: none;
	top:0px;
	margin-top:0px;
}