/* CSS Document */

html {padding:0;margin:0}

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#bebebe;color:#333; background-image:url(../images/fond_body.gif);background-repeat:repeat-x }

#bandeau{width:956px; margin-left:auto; margin-right:auto;text-align:right;position:relative}

#centre { background-image:url(../images/fond_centre.gif); background-position:top center;background-repeat:repeat-y}

#page {position:relative;width:956px;margin-left:auto;margin-right:auto;z-index:2}

#bas { clear:both;border-top:solid 1px #8f8f8f; }

#fonctionnelles { width:956px;margin-left:auto;margin-right:auto;text-align:right; }

#fil_ariane {padding-top:20px;color:#666;padding-bottom:15px}

#personnage {position:absolute;bottom:-1px;right:0px;}

/* ACCUEIL */

#intro{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#BEBEBE;z-index:999}

#haut_home { height:348px; position:relative;background-color:#000;position:relative;z-index:3 }

#haut_home #bandeau {height:320px;}

#personnage_home {position:absolute;bottom:-1px;right:294px;}

#bloc_vert{background-image:url(../images/bloc_vert.gif);width:283px;height:340px;float:left;background-color:#D3E800;background-repeat:no-repeat}

#bloc_edito{color:#101010;font-size:11px;width:261px;line-height:17px}

#bloc_gris{background-image:url(../images/bloc_gris.jpg);width:302px;height:340px;float:left;background-color:#BABABA;background-repeat:no-repeat}

#bloc_actu{padding-top:22px;padding-left:25px;padding-right:30px}

#bloc_realisation{float:left;width:296px;margin-left:75px;padding-top:22px}

#cadre_realisation{background-image:url(../images/fond_realisations.jpg);width:287px;height:191px;padding-left:9px;padding-top:8px}

/* PAGES */

#haut { height:248px; position:relative;background-color:#000;position:relative;z-index:3}

#contenu {float:left;width:695px;background-image:url(../images/ombre_contenu.jpg);background-repeat:repeat-y;padding-left:26px;padding-right:30px;padding-bottom:20px;min-height:350px;}

#personnage_int {position:absolute;bottom:-1px;right:0;}

#map_canvas{width:500px;height:300px;border:solid 5px #e86201}

#menu_gauche {width:205px;float:left;background-repeat:no-repeat;}

#menu_gauche #titre_menu{background-image:url(../images/fond_menu.jpg);height:52px;padding-top:22px;font-size:21px;color:#030303;text-align:center;}

#menu_gauche ul {padding:0;margin:0;padding-left:35px;}

#menu_gauche ul li{list-style:none;padding:5px}

#partenaire {clear:both;padding-bottom:20px;}

/* DIVERS */

.clear{clear:both}

.float_right{float:right}

.align_middle {vertical-align:middle}

.img_actu {border:solid 3px #000}

.table_bord_noir { border-collapse:collapse; }

.table_bord_noir td { border:solid 1px #333333; }

td.sans_bordure { border:none; }

.realisation {float:left;margin:4px;width:120px;border:solid 2px #373636}

.navigation_off{ color:#000; background-color:#b2b2b2; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none;padding:1px;padding-left:5px;padding-right:5px;margin-left:1px }

.navigation_on{ color:#FFFFFF; border:solid 1px #b2b2b2; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none;padding:0px;padding-left:4px;padding-right:4px;margin-left:1px }

.bold{font-weight:bold}

/* BALISES */

h1 { padding:0; margin:0; padding-bottom:10px; color:#000000; font-size:24px; }

h1.ariane{ display:inline;color:#666; font-size:11px;margin:0;padding:0}

h2{color:#ff6633;font-size:16px;font-weight:bold;margin:0;padding-top:0px;padding-bottom:4px;text-transform:none;}

/*h2.orange{color:#ff6633;font-size:16px;font-weight:bold;margin:0;padding-top:0px;padding-bottom:4px;text-transform:none;}*/

h2.noir{color:#101010;font-size:16px;font-weight:bold;margin:0;padding-top:0px;padding-bottom:4px;text-transform:none;margin-top:10px}

p { margin:0; padding:0; padding-top:5px; padding-bottom:2px; }

form { margin:0; padding:0; }

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

/* POLICES */

.date_actu{font-size:11px;color:#101010}

.titre_actu {font-size:11px;color:#101010;font-weight:bold;text-transform:uppercase}

.fond_vert{color:#000;background-color:#d3e800}

/* LIENS */

a { color:#000; font-size:11px; text-decoration:none; }

a:hover { color:#ff6633; text-decoration:none; }

a.noir_13 { color:#000; font-size:13px; text-decoration:none; }

a.noir_13:hover { color:#ff6633; text-decoration:none; }

a.orange { color:#ff6633; font-size:11px; text-decoration:none; }

a.orange:hover { color:#000; text-decoration:none; }

a.fonctionnel { color:#FFF;background-color:#000; font-size:11px; }

a.fonctionnel:hover { background:none;color:#000; }

a.ariane { color:#666666; font-size:11px; text-decoration:none; }

a.ariane:hover { color:#ff6633; text-decoration:none; }

a.gris_11 {color:#101010;font-size:11px;}

a.gris_11:hover {color:#ff6633;}

a.menu_gauche{ background:none;color:#000;font-size:12px;font-weight:bold }

a.menu_gauche:hover, a.menu_gauche_on { color:#FFF;background-color:#000; font-size:12px;font-weight:bold }

a.noir_11{color:#000; font-size:11px; text-decoration:underline;}

a.noir_11:hover { color:#ff6633; }