@charset "UTF-8";
* {margin:0; padding:0}
html {height:100%}
body {height:100%; text-align:center; background: #FFF url(images/fond.gif) repeat-y center}
body, table, td, p, a, li {font-family:Verdana, Arial, Helvetica; color:#373737}
#global {position:relative; height:100%; min-height:100%; width:1024px; background:#FFF; margin:0 auto; text-align:left}
body > #global {height: auto; min-height: 100%}

#bandeau {margin:0; padding:1px; background:url(images/bandeau.gif) no-repeat center; min-height:171px}
#bandeau h1 {font-size:1.73em; margin:0; padding:5px 5px 0 145px; color:#00308f; font-weight:bold}
#bandeau p {font-size:0.7em; margin:0; padding:0 0 0 145px; color:#00308f; width:855px}

#menu {width:206px; float:left; background:url(images/fond_menu.gif) no-repeat; height:1011px}
#menu ul {margin:25px 1px 0 7px; padding:0}
#menu ul li {list-style:none; padding:9px 0 0 0}
#menu ul li a {font-size:0.81em; text-decoration:none; color:#FFF; display:block; padding:3px 1px 3px 5px; background:#00308f}
#menu ul li a:hover, #menu ul li a#select:hover, #menu ul li a#deselect:hover {color:#00308f; background:url(images/menu_ov.gif) repeat}
#menu ul li a#select {color:#FFF; background:#f15b00 url(images/menu_select.gif) repeat}
#menu ul li a#deselect {color:#FFF; background:#1a4ead url(images/menu_deselect.gif) repeat}
#menu ul#sousmenu {margin:0; padding:0}
#menu ul#sousmenu li {padding:0}
#menu ul#sousmenu li a {font-size:0.7em; color:#FFF; padding:2px 1px 2px 9px; background:#3886da url(images/sous-menu.gif) repeat}
#menu ul#sousmenu li a#smselect {color:#FFF; background:#f15b00 url(images/menu_select.gif) repeat}
#menu ul#sousmenu li a:hover, #menu ul#sousmenu li a#smselect:hover {color:#00308f; background:url(images/menu_ov.gif) repeat}
#gie-convergence {text-align:center; background:#FFF; position:absolute; top:650px; width:200px; height:50px}
#fondNews {margin:51px 1px 0 7px; background:#FFF}
#News {margin:1px 0 0 0; padding:0}

#contenu {width:793px; margin:5px 10px 0 211px; background:#FFF}
#contenu h2 {display:block; background:url(images/souligne_orange.gif) no-repeat bottom left; color:#f15b00; font-size:1.37em; height:1.36em; margin:0 0 0.51em}
/* ff6e02 */
#contenu h3 {display:block; background:url(images/souligne_bleu.gif) no-repeat bottom left; color:#003c7c; font-weight:normal; font-size:1.15em; height:1.41em; margin:1.13em 0 0.51em}
#contenu h4 {color:#003c7c; font-weight:normal; font-size:1em; margin:1.13em 0 0.17em}
#contenu h4 .normal {color:#373737; font-size:0.91em}
#contenu h5 {color:#003c7c; font-weight:bold; font-size:0.81em; margin:1.1em 0 0.17em}
#contenu p {margin:0 0 0.77em; font-size:0.73em; text-align:justify}
#contenu ul, #contenu ol {padding:0 0 0 1.3em; margin:0 0 1em 0}
#contenu li {text-align:left; margin:0 0 0.37em; font-size:0.73em}
#contenu li li {text-align:left; margin:0 0 0.37em; font-size:1em}
#contenu table.choisi  {background:#FFF}
#contenu .choisi td {text-align:left; padding:0.37em 0.2em; font-size:0.73em; background:#c1daf5}
#contenu .choisi td.impair {background:#cedded}
#contenu .choisi td.blanc {background:#FFF}
#contenu .choisi th {text-align:center; padding:0.51em 0; font-size:0.73em; font-weight:bold; background:#003c7c; color:#FFF}
#contenu .sanspoint {list-style:none}
.partenaires td {vertical-align:top}
.partenaires img {border:none; margin:10px 25px 10px 0; float:right}
table.organigramme {background:#FFF}
.organigramme td {vertical-align:top; padding:15px 2px 5px 2px}
#contenu td p.organigramme {text-align:center; font-size:0.76em; color:#000}
#localisation {height:459px; width:100%}
.commissions {background:#cedded; padding:0 0.7em}
.image {margin:5px 10px 5px 0; float:left}
.contact {margin:5px 229px 7px 10px; padding:10px 10px 7px 10px; background:#c1daf5}
.contactdroite {margin:5px 10px 7px 340px; padding:7px; background:#c1daf5}
#photo {width:209px; margin:0 0 0 10px; float:right}
.imgalignrigth {margin:0 0 0 10px; float:right}
#photo h4 {display:block; background:url(images/sous-titre_orange.gif) no-repeat bottom left; color:#ff6e02; font-size:1.17em; height:1.4em}
#photo p {font-size:0.73em; font-style:italic; color:#777; text-align:center; margin:0 0 15px 0}
.afaire {color:#F00; font-weight:bold}
.important, b {font-weight:bold; color:#003c7c; font-size:1.05em}
.importantitalic, i {font-weight:bold; color:#003c7c; font-size:1.05em; font-style:italic}

/* tarif et horaire */
table.tarif {background:#FFF; border:0; border-spacing:1px;}
table.tarif th {font-size:0.87em; color:#003c7c; text-align:center; background:#c1daf5; padding:3px; font-weight:normal}
table.tarif td {font-size:0.77em; text-align:center; background:#c1daf5; padding:3px}
table.tarif td.paire, table.tarif th.paire {background:#cedded}

.PDF {border:0; padding:0 10px 0 0; vertical-align:middle}
.sanspoint {list-style:none}
#contenu ul.conseil {padding:0 0 0 388px; margin:0}
span {margin:3px 0 15px 0; padding:3px 0 15px 0}
.legende {font-size:0.73em; font-style:italic; color:#777; text-align:center; margin:0 0 15px 0; padding:3px 0 15px 0}