/* Fonction générales - Toutes */
html,body{margin:0;padding:0}
body{font: 85% Georgia,Arial,serif;
    text-align: center;padding-bottom:0px; background: #111; color:#222}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% Georgia,Arial,serif}
h2{font-size:140%}
h3{font-size:120%}
p{font-size:90%}
a {text-decoration:underline; color:#009966}
span {color:#009966}

a img{ border:none}

div.container{margin-top:0;background:#222; width:100%; }
div.contenu{text-align:center; margin:0 auto 0 auto;width:800px;overflow:hidden;}
div#main{margin-top:0;background:#FFF; width:100%; background-image:url(../img/background.jpg); background-repeat:repeat-x}

/* Gestion du logo - Toutes */
div#logo {float:left; padding: 2px 0 2px; width: 45px;}
div#slogan {float:left; width: 200px; color:#CCC}
div#slogan h3{padding-top:15px; margin-top:0px}

/* Gestion du menu - Toutes */
div#menu{padding-top:13px;width:450px; color:#CCCCCC; float: right; margin:0;text-align:right; overflow:hidden;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;}
ul#nav li{float:left;margin-left: 25px;text-align: center}
ul#nav a{float:left;padding: 5px 0;text-decoration:none;color: #CCC}
ul#nav a:hover, ul#nav li.activelink a:hover{color:#009966}
ul#nav li.activelink a {font-weight: bold ;}

/* Page d'accueil */
div#citation {margin: 95px 0 35px 0; padding-bottom:10px; float:left; width:460px; text-align:justify; font-size:130% }


/* Gestion des photos - societe.php */
img.photodroite {float: right; margin: 0.5em 0 0 0.5em;}
img.photogauche {float: left; margin: 0.5em 0.5em 0 0;}

/* Gestion des prestations - services.php */
div.partie {padding-bottom:20px ; margin-bottom:20px}
div.service img.photogauche {float: left; margin: 0 0.5em 0 0;}
div.service {margin-bottom:50px}
div.service table {font-size:70%; margin-bottom:30px}

/* Gestion des miniatures - index.php */
div.miniature{text-align:center; width:250px;float:left;}
div.miniature .icone{margin-bottom:5px; overflow:hidden;}
div.miniature h3 {text-align:left; color:#000; margin: 5px 0 5px }
div.miniature p {text-align:justify; margin-bottom:10px }

/* Gestion de la partie gauche - Toutes */
div#left {margin-right:20px; margin-top:10px; line-height:1.2em; float:left; width: 530px; text-align:justify;}
div#left h2{line-height:1.5em;}


/* Gestion de la sidebar - Toutes */
div#right{width: 250px; float: right; line-height:1.2em ; margin-top:10px; text-align:justify;}
div.case{padding-bottom:20px; margin:0; border-bottom: 1px solid #222;}
div.lastcase{padding-bottom:20px; margin:0;}
div#right p {margin-bottom:10px; color:#666666 }
div#right h4, div#right h5 {margin-bottom:5px;}



/* Gestion du pied de page - Toutes */
div#bottom {text-align:center; margin:0px; width:100%; overflow:hidden; border-top: 1px solid #333; background:#111; font-size: 85%;}
div#bottom a {text-decoration:none}
div#bottom a:hover {text-decoration:underline}
div#coordonnees{padding-top: 5px; float:left; width: 470px;  text-align:left; color:#666}
div#credits{padding-top: 5px; float:right; width: 320px; text-align:right; color:#666}
div#coordonnees p, div#coordonnees a, div#coordonnees a:hover, div#credits p, div#credits a, div#credits a:hover{color:#666}


/* Gestion des photos - Page references.php */
.thumbnail {display:inline; margin-right:10px; width:110px; height:110px}
.thumbnail img{padding:5px 5px 15px 5px; margin-bottom:10px; background:#333; text-align:center}