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


body
{
margin:10px 0px;
padding:0px;
font: 0.8em "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
background:url(../images/fond4.jpg) no-repeat;
}


#conteneur 
{
width:760px;
margin:auto;
height:700px;
border:2px solid #F7F0F3;
border-top:inherit;
background:#FFFFFF;
}
   

#header 
{
width:100%;
height:220px;
border-bottom:5px solid #F7F0F3;
background: url(../images/fond2.jpg) white no-repeat center center fixed;
margin:0px auto 0px;
}


#headerLogo
{
text-align:center;
text-indent: inherit;
padding-right: inherit;
font: inherit;
margin-top:0px;
padding-top:20px;
}


#headerTitre 
{ 
text-align:center;
text-indent: inherit;
padding-right: inherit;
color:#0A1C5C;
}


#corps
{
margin-left: 180px;
margin-bottom: 20px;
padding: 20px 10px;
color:#000000;
height:600px;
overflow:auto;
background:#FFFFFF;
}


#footer 
{
line-height:30px;
margin-top:10px;
padding:5px;
border-top:1px solid #ccc;
text-align:center;
color:#999999;
font-size:smaller;
}


#footer2 
{
width:760px;
margin:10px auto;
text-align:center;
color:#999999;
font-size:smaller;
}


ul#menuhorizontal 
{
height:25px;
list-style-type: none;
width: 760px;
padding-left:450px;
text-align: center;
margin:13px auto 0px;
}

ul#menuhorizontal li 
{ 
display:inline;
}

ul#menuhorizontal li a
{ 
padding: 2px 6px 4px 6px;
width:120px;
font-size: 1.2em;
font-weight: 590;
color: #0A1C5C;
float: left;
text-decoration:none;
background: url(../images/fond-menuhaut.png) no-repeat;
}


ul#menuhorizontal li a:hover {
background: url(../images/fond-menuhaut2.png) no-repeat;
color:#FFFFFF;
}


ul#menuhorizontal li a:active 
{
background: url(../images/fond-menuhaut2.png) no-repeat;
color:#FFFFFF;
}



ul#menu  
{
width:170px;
margin:0px;
padding:0px;
list-style-type:none;
float:left;
background:url(../images/fondmenu3.jpg) repeat-y;
}


ul#menu li 
{
list-style-type: none;
position:relative;
margin:0px;
font-size:1.4em;
border-bottom: groove #0A1C5C 1px;
text-align:center;
line-height: 40px;
text-decoration:none;

}

ul#menu li.realisations 
{
background-color:#0A1C5C;
color:#FFFFFF;
}

ul#menu li a 
{
font-size: 0.9em;
color: #0A1C5C;
font-weight:590;
display:block;
text-decoration:none;
}

ul#menu li a:hover 
{
color: #ffffff;
}


ul#menu li a:active , a:focus , a:visited
{
color:#0A1C5C;
}


ul#menu li.cuisine a{
line-height: 30px;
padding-bottom:70px;
background:url(../images/cuisines.png) no-repeat center 90%;
}

ul#menu li.cuisine a:hover{
background:url(../images/cuisines2.png) no-repeat center 90%;
}

ul#menu li.sdb a{
line-height: 30px;
padding-bottom:70px;
background: url(../images/salle-de-bain.png)  no-repeat center 90%;
}

ul#menu li.sdb a:hover{
background:url(../images/salle-de-bain2.png) no-repeat center 90%;
}

ul#menu li.chambre a{
line-height: 30px;
padding-bottom:70px;
background: url(../images/chambres.png)  no-repeat center 90%;
}

ul#menu li.chambre a:hover{
background:url(../images/chambres2.png) no-repeat center 90%;
}

ul#menu li.salon a{
line-height: 30px;
padding-bottom:70px;
background: url(../images/salon.png)  no-repeat center 90%;
}

ul#menu li.salon a:hover{
background:url(../images/salon2.png) no-repeat center 90%;
}

ul#menu li.autres a{
line-height: 30px;
padding-bottom:70px;
background: url(../images/autres.png)  no-repeat center 90%;
}

ul#menu li.autres a:hover{
background:url(../images/autres2.png) no-repeat center 90%;
}


ul#menu li.temoignages a
{
color: #0A1C5C;
font: 18px "Segoe print", "adobe poetica", cursive, serif;
line-height:40px;
}


ul#menu li.temoignages a:hover
{
color:#ffffff;
}


ul#menu li.projet a
{
color:#0A1C5C;
font-size:19px;
}

ul#menu li.projet a:hover
{
color:#ffffff;
}



p
{
font-size: 1.2em;
text-align:justify;
text-indent: 20px;
padding-right: 10px;
}


h1
{
   font: 1.6em "Segoe print", "adobe poetica", cursive, serif;
   font-weight: bold;
   color: #0A1C5C;
   background: url("../images/bandeau_titre.gif") no-repeat;
   text-indent: 20px;
   text-align:left;
}


h2
{
font-size: 1.4em;
font-weight:500;
text-align:center;
} 


h4
{
font: 1.4em;
font-weight: bold;
color: #AA3365;
} 



.gras_rouge
{
   color: #AA3365;
   font-weight: bold;
   font-size: 1.2em;
   font-variant:small-caps;
}


.gras_rouge_center
{
   color: #AA3365;
   font-weight: bold;
   font-size: 1.2em;
   font-variant:small-caps;
   text-align:center;
}

.gras_noir_center
{
   font-size: 1.2em;
   font-variant:small-caps;
   text-align:center;
}


.rouge_aligng
{
   color: #AA3365;
   font-size: 1.1em;
   font-weight: bold;
   margin-left:12px;	
}

.bleu_alignc
{
   color: #0A1C5C;
   font-weight: bold;
   font-size: 1.2em;
	text-align:inherit;	
	margin-left : 90px;
}

.rouge_alignd
{
   color: #AA3365;
   font-size: 1.1em;
   font-weight: bold;	
	margin-left : 95px;
}

.italic
{
   font-style: italic;
}


.gras
{
   font-weight: bold;
}


.center
{
   text-align:center;
text-indent: inherit;
padding-right: inherit;
}


.fond_rouge
{
background-color:#AA3365;
border:thin;
margin-left:5px;
}

.fond_bleu
{
background-color:#0A1C5C;
border:thin;
margin-left:5px;
}



.conteneurFormulaire {
width : 100%;
position:relative;
margin-right:20px;
}


.conteneurFormulaire2 {
width : 100%;
height : 220px;
position:relative;
left:12%;
right:25%;
}


.conteneurLibelle{
width : 30%;
position:relative;
float:left;
}


.libelle {
height:40px;
white-space:pre;
}


.libelle2 {
height:20px;
white-space:pre;
}


.conteneurChamp {
width : 70%;
position:relative;
float:right;
}


.libelleChamp {
height:40px;
white-space:pre;
}


.libelleChamp2 {
height:20px;
white-space:pre;
margin-top:1px;
}



.cellule1
{
width:180px;
}


.cellule2
{
width:120px;
}


.cellule3
{
width:450px;
}


a.lien_ext:after 
{ 
content: " (lien externe)"; 
}


.rougeital
{
color: #AA3365;
font-style:italic;
}

.a1
{
text-decoration:underline;
color: #0A1C5C;
font-weight: bold;
font-size: 1em;
font-variant:small-caps;
}

div.arrondi
{
background-color: #EAEAEA;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.text-arrondi
{
font-size:1em;
text-indent:inherit;
padding:10px;
}

.temoignage
{
border:1px solid #0A1C5C;
background-color:#EAEAEA;
padding-left: 5px;
}

.bleu_align
{
   color: #0A1C5C;
   font-weight: bold;
   font-size: 1em;
	text-align:inherit;
}

.rouge_align
{
   color: #AA3365;
   font-size: 1em;
   font-weight: bold;
}