/* © Default style CSS- Made by (vds) Victor Dos Santos - http://www.dragon-vds.com for, Fabien Leriche, SARL MaxInfoWeb.com */

body { font: 13px arial, hevetica, sans-serif; color:#000; margin:0; background-color:#336699 }

/* couleurs et liens */
a { color: #0000CC; text-decoration:none }
a:hover { color: #000 }
a.c:hover { color: #000; text-decoration:underline }
a.bold { font-weight:bold; color:#8A5757 }
a.bold:hover { font-weight:bold; color:#000 }
strong { color:#336699 }
.h1 { font-size:20px; text-align:center; color:#336699 }
.h2 { font-size:16px; text-align:center; color:#336699 }
.h3 { font-size:14px; text-align:center; color:#336699 }
h1 { font-size:20px; text-align:center; color:#336699 }
h2 { font-size:16px; text-align:center; color:#336699 }
h3 { font-size:14px; text-align:center; color:#336699 }
/* positionnements et attributs images */
img { border: 0 none }
.float { float:left; margin-right:10px }
.floatr { float:right; margin-left:10px }
.flo { float:left; border:1px solid #000; margin-right:10px }

/* entête */
#entete { height:75px; text-align:center; background-image:url('img/fmiw.gif')  }
#hg { float:left; width:227px; height:75px; background-image:url('img/bhg.gif') }
#hd { float:right; width:227px; height:75px; background-image:url('img/bhd.gif'); text-align:right }
#entete img { padding-top:10px }

/* contenu gauche */
#cg { position: absolute; left:0; padding:0; background:#336699 }

/* contenu droite */
#cd { position: absolute; right:0; padding:0; background:#336699 }

/* contenu centre */
#contenu { margin-top:25px; position:absolute; left:129px; right:130px; background-color:#FFF; text-align:justify }
#contenu .justify, p { padding: 0 3% 0 3% }
#contenu p.centre { padding-top:10px; text-align:center }
#contenu p.c { padding:0; text-align:center }
#contenu p.droite { text-align:right }
#contenu p.gauche { text-align:left }
#contenu p.justifier { text-align:justify }
div.spacer { clear: both }

/* element != made in fabien */
#conteneur { margin-top:25px; position:absolute; left:129px; right:130px; background-color:#FFF; text-align:justify }
p.droite { text-align:right; color:#336699; font-weight:bold }
#news { font-weight:bold }
#news .titre { margin-left:15px; float:left; display:inline }
#news .date { margin-right:25px; float:right; display:inline }
#news .corp { margin-right:25px; margin-left:25px; text-align:justify }
#news .auteur { margin-right:25px; float:right }

#rub {  }
#rub .titre { margin-left:15px; float:left; display:inline }
#rub .photo { margin-right:25px; float:right; display:inline }
#rub .corp { margin-right:25px; margin-left:25px; text-align:justify }
#rub .titre2 { margin-right:25px; float:right; display:inline }
#rub .photo2 { margin-left:25px; float:left; display:inline }

/* coins div central */
.zg { float:left; width:30px; height:30px; background-image:url('img/chg.gif') }
.zd { float:right; width:30px; height:30px; background-image:url('img/chd.gif') }
.bg { float:left; width:30px; height:30px; background-image:url('img/cbg.gif') }
.bd { float:right; width:30px; height:30px; background-image:url('img/cbd.gif') }
#sp { height:30px }

/* pied de page */
#footer { padding:8px 0 5px 0; text-align:center; background:#336699; color:#FFF; font-size:9px }

/* menu horizontal */
#menu { position: absolute }
#navbar1 { text-align:center; height:17px; background-image:url(img/fba.gif) }
a.bt-menu { color: #000; background-image:url(img/fba.gif); text-align:center; padding:0 12px 1px 12px; border-bottom:1px solid #336699; border-right:1px solid #336699 }
a.bt-menu:hover { background-image:url(img/fbb.gif) }

/* menus latéraux */
ul { list-style-type: none; padding-left:0; margin-left:0 } 
li { margin-bottom: 1px }
.menug span { line-height:44px; padding-left:7px; width:117px; height:44px; display:block; text-align:center; font-weight:bold; border-bottom:1px solid #336699; text-decoration:none; color:#FFF }
.menug a { padding-left:5px; margin:0; width:117px; height:19px; display:block; text-align:left; border:1px solid #336699; text-decoration:none; color:#000; background-image: url('img/fm.gif') }
.menug a:hover { background:#FFFFFF }

/* formulaire */
form { color:#C4D0DC; font-size: 9px; margin-top:5px }
form p { margin:0; padding-right:4px }
form p.h { padding-top:2px; margin-bottom:-15px }
input { margin:2px 0 0 0; background-image:url('img/fm.png'); font-size: 9px; border-style:inset; border-width: 1px }
input#login, input#passw { background:#FFF }
input#submit { background-image: url('img/fba.gif') }

/* formulaire contact ------------------------------------ */
#message { border: none; margin: 0; padding: 0; position: absolute; left: 50%; width:480px; margin-left: -240px; font-size: 13px }
#titreForm { height:30px; text-align:center; padding-top:5px; margin-bottom:-5px; color:#FFF; background-image:url(img/formh.gif) }
#piedForm {	text-align: center; background-image:url(img/formb.gif); color:#FFF }
#corpForm {	color:#FFF; margin: 0; padding: 1em; background:#336699 }
#corpForm fieldset { margin: 0; font-style: normal; padding: 0 1em 1em; color:#FFF }
#corpForm legend { font-weight:bold; color:#FFF; text-style:italic }
#corpForm p { padding: .2em 0; margin: 0 0 .2em 0; }
#corpForm fieldset#coordonnees label { float: left; width: 30%;	text-align: right; margin: 0; padding: 0 .5em 0 0; line-height: 1.8; }
#corpForm .legende { font-style: italic; color: #666; margin: 0; padding: 0; }
#corpForm .focus { background:#EAEFF4; color: black; }
#corpForm .normal { background: white; color: black; }
#corpForm input { background:#FFF; margin:0; font-size: 13px; border-width: 2px; width:160px }
.spform { padding-top:450px }