@charset "utf-8";
/* D-FORM - CSS DOCUMENT - 2009 

	DEFINITIONS:	All CSS PRESENTATION
	AUTHOR:			TOW
	VERSION:		18.08.2009 | Revisited: 28.08.2009
*/

/* MAIN */


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #13100e url(../images/bg.jpg);
	margin: 0; 
	padding: 0;
	color: #333;
}

#container{
min-height: 832px;
width: 688px;
background:#fff ;
margin-top: 10px;
margin-left:  auto;
margin-right:  auto;
font-family: Verdana, Calibri, "Trebuchet MS", Arial, Helvetica, Verdana, Geneva, sans-serif;
color:#333;	
}

#header{
height: 150px;	
width: 688px;
background: #333 url(../images/header.jpg);
	
}

.logo{
margin-left: 15px;
margin-top: 15px;
float: left;
}
/* Navigation system START */
#navigation{
float: right;
width: 545px;
height: 50px;
margin-top: 35px;
margin-left: 20px;
}

#navigation ul {
        width: 675px; 
        height: 30px; 
        position: absolute;
        list-style: none;
        margin: 0; padding: 0;
}
#navigation li {
        display: inline;
}
#navigation li a:link, #navigation li a:visited {
        border: none;
        width: 80px; 
        height: 30px; 
        display: block; 
        position: absolute; 
        top: 0; 
        text-indent: -70000px;
        outline: none;
}
#navigation li.acceuil a:link, #navigation li.accueil a:visited { 
width: 96px;
height: 33px;
background:url(../images/menu-accueil.png);
}

#navigation li.accueil a:hover {
        background: url(../images/menu-accueil-h.png); 
}

#navigation li.presentation a:link, #navigation li.presentation a:visited { 
width: 96px;
height: 33px;
margin-left: 104px;
background:url(../images/menu-presentation.png);
}


#navigation li.presentation a:hover {
        background: url(../images/menu-presentation-h.png); 
}


#navigation li.services a:link, #navigation li.services a:visited { 
width: 96px;
height: 33px;
margin-left: 208px;
background:url(../images/menu-nos-services.png);
}


#navigation li.services a:hover {
        background: url(../images/menu-nos-services-h.png); 
}


#navigation li.realisations a:link, #navigation li.realisations a:visited { 
width: 96px;
height: 33px;
margin-left: 312px;
background:url(../images/menu-quelques-realisations.png);
}


#navigation li.realisations a:hover {
        background: url(../images/menu-quelques-realisations-h.png); 
}


#navigation li.contact a:link, #navigation li.contact a:visited { 
width: 96px;
height: 33px;
margin-left: 416px;
background:url(../images/menu-nos-coordonnees.png);
}


#navigation li.contact a:hover {
        background: url(../images/menu-nos-coordonnees-h.png); 
}

/* Navigation system END */

#banner{
height: 234px;
width: 688px;
}

#content{

width: 688px;
background:url(../images/container_bg.jpg) bottom repeat-x;
}


.welcome{
margin-left: 20px;
margin-top: 5px;
}

#contenttext{

	width: 90%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;

}

#contenttextsite{

	width: 68%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-top: 15px;
	overflow: auto;
	float:right;
	border-left: solid medium #d0d0d0;
	color: #000;
	font: 11px Verdana, Geneva, sans-serif;
	margin-bottom: 5px;

}

#contenttextsite iframe {
	border: 1px solid #1d2f1f;
}

#contentfulltextsite{

	width: 540px;
	height: 480px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin: 15px auto;
	overflow: auto;
	color: #000;
	font: 11px Verdana, Geneva, sans-serif;
	margin-bottom: 5px;

}

#contentblocks{
width: 688px;
clear:both;
}


#contenttextsite li{
	list-style:circle;
	list-style-position:inside;
	padding-left: 50px;
}


#contentpics{
	width: 23%;
	height: 340px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-top: 15px;
	margin-left: 10px;
	overflow: hidden;
	float:left;
	border-left: solid medium #d0d0d0;
}

#contentpics address {
	font-size: 11px;
}

#contentpics address b {
	color: #1b341e;
}

#block1{
width: 214px;
min-height: 194px;
margin-left: 12px;
margin-top: 4px;
margin-bottom: 5px;
float: left;
background: url(../images/nos-competences-bloc.png) no-repeat;
font: small Verdana, Geneva, sans-serif;
color:#FFF;
}

#block1 li{
	list-style-image:url(../images/li.png);
}

#block1 ul{
	margin-left: 75px;
	font-size: 10px;
}


.bi {margin-left: 50px;}


#block2{
width: 214px;
min-height: 194px;
margin-left: 12px;
margin-top: 4px;
margin-bottom: 5px;
float: left;
background: transparent url(../images/quelques-realisations-bloc.png) no-repeat;
font-family:  Verdana, Geneva, sans-serif;
color:#FFF;
}
#block2 p{
width: 150px;
margin-left: 60px;
font-size: 10px;
}

#block3{
width: 214px;
min-height: 194px;
margin-left: 12px;
margin-top: 4px;
margin-bottom: 5px;
float: left;
background: transparent url(../images/contactez-nous-bloc.png) no-repeat;
font: small Verdana, Geneva, sans-serif;
color:#FFF;
}



#block3 p{
width: 145px;
font-size: 10px;
margin-left: 60px;
margin-top: 20px;
}

.am {
margin-left: 35px;
margin-top: 10px;
}
#footer{
height: 80px;
width: 688px;
padding-top: 18px;
background: #272526 url(../images/footer.jpg);
position: relative;
clear:both;
}
#footer p {
text-align:center;
margin-left: auto;
margin-right: auto;
font: 9px "Franklin Gothic Book", Verdana, Arial, sans-serif;
color:#FFF;
}
#footer p a{
color:#FFF;
text-decoration: none;
font-weight:normal;
}

#footer p a:hover{
color:#FFF;
text-decoration: underline;
font-weight:normal;
}

#footer strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#fff;}

img { border: 0 none; }

a{
	color:#00a400; 
	font-weight:normal; 
	text-decoration:none; 
	}
a:hover{
	color:#0acc0a; 
	text-decoration:none; 
	}


/* -------------------------------------------------------------- 
-----------------------------------------------------------------

	DEFINITIONS:	Reset

	CONTENTS:
		
	1				Global reset
	2				Global reset-RESET
	3				Handles

-----------------------------------------------------------------
-------------------------------------------------------------- */
/* 1	Global reset (based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui) */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold;  }
q:before, q:after { content:''}
a {font:normal;}

/* 2	Global reset-RESET (restores some sensible defaults) */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a:active { outline:none }

/* 3	Handles */
div, ul, li, form { position:relative }
.fix:after { content:" "; visibility:hidden; display:block; height:0; clear:both }
* html .fix { height:1% }
.hide { display:none } /* Handy for development */

br.clearfix { clear:both; display:block; height:1px; margin:-1px 0 0 0 }