/*.............................................*/ 
/*   Feuille de styles du site webenberry.com  */
/*        Réalisation : Frank Galey            */
/*           Tous droits réservés.             */
/*.............................................*/

/* Remise à zero de toutes les marges et de tous les padding de tous les éléments avec le sélecteur universel */
*{
	margin:0;
	padding:0;
}

/*.............................*/ 
/*   Déclarations générales    */
/*.............................*/

html
{
width:100%;
height:100%;
font-size:100%;
}

body 
{  
	width:100%;
	height:100%;
	font:0.95em arial, 'Trebuchet MS', hevetica, sans-serif;
	background: #753423 url(img/png/fond-body3.png) top left repeat-x;
	margin:0;
	padding:0;
	color:#000000;
}

img
{
border:none;
}

a:link
{
color:#0F056B;
}

a:visited
{
color:#0F056B;
}

a:hover
{
color:#0F056B /*FF6600*/;
text-decoration:none;
}

a:visited
{
color:#0F056B;
}

acronym
{
cursor:help;
border-bottom: 1px dashed;
}

p
{
padding:6px 25px;
}

p#intro
{
color:#000000;
font-weight:normal;
}


h1
{
  position: absolute;
	margin: 0px;
	padding:0px;
	text-indent: -5000px;
	line-height: 1px;
	font-size: 1px;
}


h2
{
clear:left;
font:1.5em 'Trebuchet MS', hevetica, arial, sans-serif;
color:#722e1c;
padding:35px 30px 10px 20px;
background: url(img/png/fond-titre-pres3.png) top left no-repeat;
}

h3
{
font:1.3em 'Trebuchet MS', hevetica, arial, sans-serif;
color:#722e1c;
padding: 37px 0 15px 30px;
background: url(img/png/fond-titre-pres3-1.png) top left no-repeat;
border-bottom: 1px solid #722e1c;
}

h4
{
font:1.25em 'Trebuchet MS', hevetica, arial, sans-serif;
padding:0;
margin:5px 0 0 0;
}

/*.............................*/ 
/*            Top              */
/*.............................*/

#prelude
{
text-align:right;
}

#prelude li
{
display:inline;
}

#prelude li a
{
color:#D6D7C0;
cursor:pointer;
}

#top
{
background: url(img/jpg/fond-top2-decoupe.jpg) top left no-repeat;
border-top:1px solid transparent;
}

#top p
{
margin:5px 0 0 300px;
padding:40px 0 20px 0;
color:#fcfcfc;
font-size:1.4em;
}

#logo
{
float:left;
width:300px;
height:233px;
margin-left:-30px;
background: url(img/png/fond-logo6.png) top left no-repeat;
}

#logo img
{
margin: 47px 0 0 30px;
}

#logo a
{
color:#ffffff;
}

/*.............................*/ 
/*            Menu             */
/*.............................*/

#menu
{
padding:0 0 0 0;
list-style-type:none;
margin:0 0 0 0;
}

#menu ul
{
list-style-type:none;
font-size:1.2em;
font-weight:700;
margin:0 0 0 0;
padding:8px 0 0 20px;
overflow:hidden;
}
 
#menu li
{
float:left;
width:147px;
text-align:center;
padding:30px 0 3px 0;
background: url(img/png/carte-btn.png) top left no-repeat;
}

#menu li a
{
background:#d6d7c0;
padding:0 0 0 0;
color:#0F056B;
}

#menu li a:hover
{
text-decoration:none;
}

#menu li#on
{
background: url(img/png/carte-btn-actif.png) top left no-repeat;
color:#0F056B;
padding:30px 0 3px 0;
}

#menu li#on span
{
background:#d6d7c0;
}

/*.............................*/ 
/*            Global           */
/*.............................*/

#global
{
position:relative;
width:760px;
height:100%;
margin: 0 auto;
font-size:0.9em;
}

/*.............................*/ 
/*            Centre           */
/*.............................*/

#centre
{
background: url(img/png/haut-centre.png) top left no-repeat;
margin:0 auto;
padding:27px 0 0 0;
}

/*.............................*/ 
/*            Contenu          */
/*.............................*/

#contenu
{
background: #F8F3EA url(img/png/fond-centre.png) top left repeat-y;
padding:0 30px 2px 30px;
line-height:1.4em;
margin:0 0 0 0;
}

#contenu ul
{
margin: 5px 0 0 60px;
}

/*.............................*/ 
/*         services            */
/*.............................*/
.services
{
margin:0 0 0 0;
padding:0 0 25px 0;
}

.services ul
{
padding-left:25px;
}

.services li, .realisation li, #contact li
{
list-style-image: url(img/gif/puce3.gif)
}


.services h3, #contact h3 
{
background:none;
margin:10px 20px;
padding:0;
}

.services h4, #contact h4
{
color:#722e1c;
margin:10px 30px;
padding:0;
}

.services p
{
padding-left:30px;
padding-right:30px;
}


/*.............................*/ 
/*          presentation       */
/*.............................*/

.presentation
{
padding:0 0 25px 0;
background: url(img/png/fond-presentation2.png) bottom left no-repeat;
}


.presentation2
{
width:700px;
margin:0 auto;
}

.presentation3
{
float:left;
width:350px;
padding:0 0 30px 0;
background: url(img/png/fond-presentation3.png) bottom left no-repeat;
}

.presentation p
{
padding-left:30px;
padding-right:30px;
}

.presentation2 h3
{
background: url(img/png/fond-titre-pres4.png) top left no-repeat;
border:none;
}

.presentation h3
{
border:none;
}

/*.............................*/ 
/*        realisation          */
/*.............................*/

.realisation
{
margin:15px 15px 0 15px;
padding:10px 15px;
border-top: 1px dashed #0F056B;
border-bottom: 1px dashed #0F056B;
background:#F1ECE3;
}

.realisation h3
{
margin:0;
padding:0 0 10px 0;
background:none;
border:none;
}

.realisation h4
{
font-size:1.25em;
}

.realisation h3 span
{
background:none;
margin:0 0 0 0;
}

.realisation img
{
float:left;
width:250px;
margin: 0 25px 15px 0;
border:7px solid #CFBD9C;
}

.realisation img.design_tuto
{
float:none;
display:block;
margin:0 auto 15px auto;
}


.realisation p
{
text-align:center;
padding:0 0 15px 0;
margin: 0 0 0 0;
}

div.realisation ul
{
padding:0 0 0 260px;
margin:0 0 0 0;
}


/*.............................*/ 
/*        Contact              */
/*.............................*/

#contact
{
margin:0 0 0 0;
padding:0 0 25px 0;
}


/*.............................*/ 
/*        Formulaires          */
/*.............................*/


label
{
display:block;
}

form
{
margin-top:30px;
margin-left:20px
}

form p
{
padding:8px 0 0 6px;
}

p.mess-form-contact
{
margin: 20px 0 0 0;
background:yellow;
}

fieldset
{
width:450px;
padding:10px 10px 10px 5px;
border: 1px solid #753423;
}

legend
{
background:#D6D7BF;
padding:7px;
border: 1px solid #753423;
margin:0;
}

input
{
margin-bottom:5px;
}


/*.............................*/ 
/*           Footer            */
/*.............................*/

#footer
{
width:772px;
height:92px;
font-size:0.8em;
background: #753423 url(img/png/footer2.png) bottom left no-repeat;
clear:both;
}

#footer p
{
margin: 0 35px 0 20px;
padding-top: 35px;
text-align:center;
}

#footer p span
{
background:#CFBC9B;
}

/*.............................*/ 
/*            bloc-notes       */
/*.............................*/

/*
#bloc-notes
{
float:right;
width:237px;
height:120px;
margin-top:-70px;
margin-right:-20px;
padding-bottom:75px;
background: url(img/png/bloc-notes5.png) top left no-repeat;
color:#000000;
}

#bloc-notes p
{
margin: 0 19px 0 25px;
background:#D6D7C0;
}


#bloc-notes ul
{
margin:5px 35px 0 25px;
padding:0;
font-size:0.9em;
list-style-type:none;
}


#bloc-notes h2
{
font-size:1.3em;
padding: 50px 0 0 22px;
color:#722e1c;
font-weight:bold;
}

#bloc-notes li
{
padding:0;
margin:0;
}

#bloc-notes a
{
color:#793A29;
text-decoration:none;
}

#bloc-notes a:hover
{
text-decoration:underline;
}

*/