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

* {
margin:0;
padding:0;
}

img, a.img {
border:0;
}

body {
background:url(../img/bg.jpg) repeat-x #fff;
color: #000;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-stretch:extra-expanded;
line-height:22px;
}

#bg{
background: url(../img/bg-header.png) no-repeat;
margin: 0 auto;
width: 1245px;
}

#header {
padding-top:152px;
}

#header h1, #header h2 {
display:none;
}

#conteneur {
margin: 0 auto;
width: 900px;
}

#contenu {
background: #FFF;
padding:0 25px 50px 25px;
position:relative;
z-index:2;
text-align:justify;
}
#contenu:before, #contenu:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
#contenu:after { clear: both; }
#contenu { zoom: 1; }

/* ------------------------------- LIENS ------------------------------- */

a {
	color:#000;
	text-decoration: underline;
}
a:hover {
	color: #66CCCC;
	text-decoration: underline;
}

.link-accueil a{
	color:#400000;
	text-decoration: none;
}
.link-accueil a:hover{
	color:#66CCCC;
	text-decoration: underline;
}
/*---------------------------- TEXTE --------------------------- */
.bold{
font-weight:bold;
}

.centrer{
	text-align:center;
}
.italic{
	font-style:italic;
}

h3 {
color:#40100b;
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:15px;
}

h4 {
color:#66CCCC;
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:30px;
padding-top:20px;
}

h5 {
color:#371f0d;
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-bottom:10px;
}

h6 {
color:#66CCCC;
font: 20px Verdana, Arial, Helvetica, sans-serif;
text-align:right;	
line-height:30px;
padding: 0 30px 30px;
}

h7 {
color:#66CCCC;
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:0;
padding-bottom:10px;
}


.h8 {
color:#66CCCC;
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:40px;
padding-top:20px;
}

.h9 {
color:#d771a3;
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;	
font-weight:bold;
padding-left:40px;
}

hr{
	border:1px dotted #66CCCC;
}

p{
padding:8px 0;
}

.marge-gauche{
	padding-left:25px;
}

.border-left{
	border-left:2px dotted #A6D7D3;
	padding-left:20px;
}


/*---------------------------- MENU --------------------------- */

#menu {
height:214px;
}

#menu li {
list-style-type:none;
float:left;
}

#menu li a {
background-position:top left;
background-repeat:no-repeat;
display:block;
height:214px;
width:180px;
}

#menu li.current a, #menu li a:hover {
background-position:bottom left;
}

#menu li a span {
display:none;
}

#menu li .accueil {
background-image:url(../img/accueil.jpg);
}

#menu li .services {
background-image:url(../img/prestations.jpg);
}

#menu li .realisations {
background-image:url(../img/realisations.jpg);
}

#menu li .a-propos {
background-image:url(../img/a-propos.jpg);
}

#menu li .contact {
background-image:url(../img/contact.jpg);
}


/* ------------------------------- PAGE general ------------------------------- */

.respect{
	color:grey;
	border-top:1px solid grey;
	font-size : 11px;
	line-height:14px;
	text-align: center;
	margin: 0 auto;
	padding-top:10px;
	width:700px;
}

.sources{
	color:grey;
	font-size : 10px;
	line-height:14px;
	text-align: center;
	margin: 0 auto;
	padding-top:10px;
	width:700px;
}

.legende{
	font-size:8px;
	text-align:center;
}

.bouton-top{
width:40px;
height:40px;
position:absolute;

/*margin-left:1100px*/
}

#btn_up{
position:fixed;
cursor: pointer;
bottom:20%;
right:auto;
display:none;
z-index:3;
}
/* ------------------------------- PAGE ACCUEIL ------------------------------- */


#intro{
border-right:1px dotted #00a99b;
float:left;
margin-top:15px;
padding:0 25px 0 0;
width:400px;
text-align:justify;
}

#intro2{
float:right;
margin-top:15px;
width:400px;
text-align:justify;
}


.txt-intro2{
	font-style:italic;
	font-size:11px;	
	text-align:center;
}
/* ------------------------------- PAGE MENTIONS ------------------------------- */

#sitemap{
	margin-left:240px;
	padding:0 50px;
	border-left:1px dotted #66CCCC;
	border-right:1px dotted #66CCCC;
	width:280px;
}

#sitemap a{
	color:#66CCCC;
	text-decoration:none;
}
#sitemap a:hover{
	text-decoration:underline;
	}

/* ------------------------------- PAGE CONTACT ------------------------------- */

#formulaire {
/*border-left:1px dotted #A6D7D3;
border-roght:1px dotted #A6D7D3;
padding-left:20px;
padding-right:20px;*/
width:400px;
margin-left:230px;
/*float:right;*/
}

#doc{
width:400px;
float:left;
border:1 px solid red;
}

input{
	border:solid 1px #A6D7D3;
	/*width:350px;*/
}
textarea{
	border:solid 1px #A6D7D3;
	width:400px;
	height: 200px;
}
input[type=submit]{
	background:#A6D7D3;
	cursor:pointer;
	text-decoration:none; 
	/*border:1px solid #63185B; */
	width:100px; 
	height:29px; 
	font-size:12px;
}
input[type=submit]:hover{
	background:#fff;
}
.error-message{
	color:#dd95b9;
}

/*.submit { 
cursor:pointer; 
text-decoration:none; 
border:1px solid #63185B; 
width:100px; 
height:29px; 
font-size:12px;
}

#img-contact{
float:left;
height:400px;
margin-top:20px;

width:360px;
}*/

/*.img-contact{
float:right;
}*/



/* ------------------------------- FOOTER ------------------------------- */
#footer {
background:url(../img/bg-footer.png) no-repeat;
height:380px;
margin-top:-230px;
position:relative;
z-index:1;
}


#mentions{
font-size:11px;
margin-top:-70px;
text-align:center;
position:relative;
z-index:2;

}