body
{	
background: url("image/fond.png") no-repeat #0087ae;
margin:auto;
padding:0px;
overflow:hidden;
}



/*marge totale de gauche*/
#marge 
{
padding-left:5px;
z-index:2;
}

/*partie haute de la marge*/
#margeHaut
{
position:absolute;
z-index:4;
}

/*partie basse de la marge*/
#margeBas
{
bottom:0px;
position:absolute;
z-index:3;
padding-left:6px
}

/*info de la marge basse*/
#footer
{
padding-left:35px;
bottom:15px;
position:absolute;
z-index:3;
}

/*logo firefox en footer*/
#firefox
{
float:right;
padding-left:5px;
margin-top:-5px;
}

#social
{
margin:auto;
text-align:center;
}


/*placement du logo*/
#logo
{
padding-left:25px;
position:absolute;
bottom:160px;
z-index:3;
}

/*placement du brush derriere le logo et la marge*/
#brush
{
position:absolute;
padding-left:50px;
bottom:0px;
z-index:0;
}

/*placement general du menu*/
#menu
 {
position:absolute;
z-index:4;
padding-left:18px;
padding-top:240px;
width:216px;
height:24px;
}


#menu dl
{
height:24px;
margin:0;
padding:0;
display:block;
float:left;
}

#menu dt/*img des menu off(sans passage de la souris)*/
{
width:54px;
display:block;
height:24px;
font-size:14px;
line-height:24px;
text-align:center;
cursor:pointer;
}

#menu dt:hover/*img des menu on (au passage de la souris)*/
{
background:url(image/btn.png);
display:block;
}


#menu dt a /* titres du menu off*/
{
color:#404040;
font-family: myriad pro, Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
height:24px;
line-height:24px;
display:block;
}

#menu dt a:hover /* titres du menu on*/
{
color:black;
}



#conteneur
{
background: url("image/brush fond.png") no-repeat ;
padding-top:50px;
padding-left:260px;
Width:680px;
height:1000px;
position:relative;
/*background:red;*/
}

#bande
{
	position:absolute;
	Width:680px;
	height:3500px;
	top:0px;
}

/*info de la page d'accueil/home*/
#home
{
height:875px;
}

/*placement du texte "qui sommes-nous"*/
#qsn
{
float:left;
Width:300px;
padding-left:5px;
padding-right:5px;
}

/*placement du texte "5 raisons de nous faires confiance"*/
#raison
{
float:right;
width:330px;
padding-left:5px;
padding-right:5px;
}

/*placement du de la partie blog/news dans la page acceuil*/
#blog
{
width:270px;
color:white;
padding:20px;
background:url("image/blog.png") no-repeat scroll 0 0 transparent;
position: absolute;
float:left;
top:270px;
}

#blog .title
{
	margin-left:25px;
	font-size:20px;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;

}
#blog .date
{
color:#CCCCCC;
font-size:13px;
	margin-left:25px;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
}
#blog .abstract
{
	margin-top:15px;
}
/*placement de l'image de la partie blog*/
#iblog
{
position: absolute;
float:left;
padding-left:10px;
padding-top:27px;
top:270px;
}

#sepablog
{


padding-left:20px;
margin:5px;


}

/*page portfolio*/
#portfolio
{
height:875px;
}

/*image du fond de la page portfolio*/
#folio
{
position:absolute;
z-index:0;
}



/*saparation entre partie image+info et des liste des réalisations*/
#sepafolio
{
padding-top:16px;
padding-bottom:10px;
padding-left:26px;
}

/*liste des réalisations*/
#liste
{
position:relative;
padding-left:15px;
}

/*page tarfis*/
#tarifs
{
height:875px;
}

/*page contact*/
#contact
{
height:875px;
}

#infoQ
{
float:left;

}

#infoJ
{
float:right;
padding-right:200px;

}

/*placement des textes de la page contact*/
#infocontact
{
padding-top:20px;
padding-left:15px;

}

#formulaire
{
padding-top:130px;
padding-left:15px;
}


/*mis en page des titres des pages*/
#titre
{
position:relative;
z-index:1;
}

h1
{
	text-align:justify;
	text-decoration: none;
	font-size:17px;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:white;
	margin:0px;
	padding-left:10px;
	padding-top:10px;
}

p
{	text-decoration:none;
	text-align:justify;
	font-size:13px;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:white;
	margin:0px;
}

.input.text input /*forme de email et pseudo*/
{	
	border:0;
	/*background: url("image/box.png") no-repeat;*/
	width:423px;
	height:15px;
	color:grey;
}
.input.text input.form-error
{
	width:200px;
	background-color:#ffcccc;
}
.input textarea.form-error
{
	background-color:#ffcccc;
}
.input.text .error-message
{
	display:inline;
	margin-left:10px;
	color:#990000;
}
.input .error-message
{
	margin-left:200px;
	color:#990000;
}
.input label
{
	display: inline-block;
width:200px;
height:50px;
vertical-align:top;
	text-decoration:none;
	text-align:justify;
	font-size:14px;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:white;
}
.email
{
	text-decoration:none;
	text-align:justify;
	font-size:14px;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:white;
	padding-bottom:15px;
	padding-left:30px
}

.titrefolio
{
	text-decoration:none;
	text-align:justify;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:white;
	padding-left:5px
}

.desfolio
{
	text-decoration:none;
	text-align:justify;
	font-size:13px;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:white;
	padding-left:5px;
	padding-right:5px;
}

.emaills
{
	text-decoration:none;
	text-align:justify;
	font-size:14px;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:white;
	padding-bottom:15px;
	padding-left:30px
}


.lienfolio
{
	text-decoration:none;
	font-size:17px;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:red;
	padding-left:5px;
}


.lienfolio:hover
{
color:white;
}

#lien
{
	text-decoration:none;
	text-align:justify;
	font-size:14px;
	font-style:normal;
	font-family:calibri,arial,helvetica,times new roman,sans-serif;
	color:white;
}

#lien:hover
{
color:#6ecf18;
}




/* GALLERIE  */
.entry-content a span.slide-title {
bottom:0;
color:white !important;
font-size:0.8em;
height:28px;
left:3px;
position:absolute;
text-transform:uppercase;
text-decoration:none;
font-family:calibri,arial,helvetica,times new roman,sans-serif;
width:auto;
z-index:0;

}


.entry-content {
position:relative;
overflow:hidden;
height:70px;
width: 134px;
float:left;
}

a{
	text-decoration:none;
}




.entry-content a{
display:inline-block;
height:60px;
width:125px;
}


.entry-content img {
border:0;
position:absolute;
}
/*images des realisations*/
.head-list-item .image
{
height:230px;
width:640px;
}

/*informations sur les realisations*/
.head-list-item .info
{
position:absolute;
background:black;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
height:230px;
width:200px;
top:0;
right:0;
}
#head-list-slide
{
	
	position:absolute;
}
#head-list
{
	height:230px;
	width:640px;
	overflow:hidden;
	position:relative;
	float:left;
	margin-left:15px;
	margin-top:10px;
}
.head-list-item
{
	float:left;
	position:relative;
}

#flash div{
	margin-top:20px;
text-align:center;
}

#flash {
background:none repeat scroll 0 0 #222222;
border:4px solid #666666;
color:#DDDDDD;
height:100px;
left:300px;
position:fixed;
top:50px;
width:350px;
z-index:10;
}