html, body {font-family:Arial, Verdana, Helvetica, sans-serif;font-size:0.8em;margin:0;padding:0;}

body {background-color:#e6752f;/*82291c; ff9933; f5f5f5*/}

#conteneur {margin:0;width:100%;min-height:731px;}
* html #conteneur {height:731px;} *+html #conteneur {height:731px;}

#metaBandeau {margin-top:0px;width:100%;height:195px;
background:#f5f5f5 url(img/bg-metaBandeau.gif) left -15px repeat-x;}
#bandeau {margin:0px auto;background:transparent url(img/bandeau2.jpg) left top no-repeat;width:986px;
height:172px;}
a#accueil {display:block;width:480px;height:100px;float:left;
margin:45px 0 0 60px;} * html a#accueil {margin:45px 0 0 30px;}
#Without {margin:25px 0 0 25px;width:512px;height:147px;float:left;} * html #Without {margin:25px 0 0 12px;}
#bandeau h1 {margin:93px 0 0 10px;float:left;font-size:2em;letter-spacing:-0.01em;color:#ec7322;
font-weight:lighter;}
p#lang {float:left;width:250px;margin:10px 0 0 183px;}
a.access {float:left;margin-right:5px;border-right:1px solid #7a929f;padding-right:5px;}
a#fr, a#en, a.access {color:#7a929f;text-decoration: underline;font-weight:bold;float:left;}
a#fr:hover, a#en:hover, a.access:hover {color:#5e7a89;text-decoration: none;}
a#fr {padding-left:21px;background: transparent url(img/francais.gif) left top no-repeat;}
a#en {padding-left:21px;background: transparent url(img/english.gif) left top no-repeat;margin-left:5px;}

#navig {margin:0px auto;width:940px;height:23px;padding-left:5px;}

#mdr {background:#c0c0c0 url(img/bg-mdr.gif) left top repeat-x;width:157px;height:23px;float:left;
margin:0px;z-index:1;}
#mdr fieldset {border:0;padding:0;margin:0px;}
#mdr p {float:left;margin:0px 1px 0px 0px ;padding:1px 0px 0px 0px;}
#mdr input.text {width:73px;float:left;height:12px;font-size:11px;margin-top:2px;}
#mdr a#ok {background: url(img/ok.jpg) left top no-repeat;display:block;float:left;margin-top:2px;
height:18px;width:23px;}
#mdr a#ok:hover {background-position: -22px 0;}
#mdr a#ok:active {background-position: -44px 0;}

/*#navig ul {float:left;display:block;height:23px;margin:0;padding:0;list-style-type:none;
background:transparent url(img/bg-liOff.gif) left top repeat-x;width:782px;border-right:1px solid #ccc;}
#navig ul li {margin:0;padding:0;list-style-type:none;display:block;float:left;}
#navig ul li a {}*/

#anteMetaCentre {width:100%;background: #f5f5f5 url(img/bg-anteMetaCentrebis.gif) left bottom repeat-x;}
#metaCentre {margin:0px auto;width:986px;background: transparent url(img/bg-MetaCentre2.gif) 26px bottom repeat-y;
clear:both;}

#gauche {background: transparent url(img/bg-menuGauche2.gif) left top no-repeat;float:left;
margin:0px 0px 0px 26px;padding:0px;width:168px;min-height:460px;}
* html #gauche {height:460px;margin:0px 0px 0px 13px;}

#centre {width:771px;margin:0px 0px 0px 194px;padding:0px 0px 10px 0px;min-height:460px;
background-color:#fff;border-right:1px solid #ccc;}
* html #centre {height:460px;width:765px;}

#metaPied {width:100%;background: transparent url(img/bg-metapied2bis.gif) left top repeat-x;height:101px;
clear:left;}
#pied {margin:0px auto;width:980px;height:101px;
background: transparent url(img/bg-pied4bis.gif) 3px top no-repeat;}

/*spécial accueil*/
#centre2 {width:786px;margin:0px 0px 0px 179px;padding:0px 0px 0px 0px;min-height:480px;
background-color:#fff;border-right:1px solid #ccc;}
* html #centre2 {height:456px;width:783px;}
#gauche2 {background: transparent url(img/bg-menuGauche2.gif) left top no-repeat;float:left;
margin:0px 0px 0px 26px;padding:0px;width:153px;min-height:460px;}
* html #gauche2 {height:460px;margin:0px 0px 0px 13px;}
#metaPied2 {width:100%;background: transparent url(img/bg-metapied2bis.gif) left -14px repeat-x;height:101px;
clear:left;}
#pied2 {margin:0px auto;width:980px;height:101px;
background: transparent url(img/bg-pied4bis.gif) 3px -14px no-repeat;}
/*fin spécial accueil*/

#pied ul, #pied2 ul {display:block;margin:0px auto;list-style-type:none;font-size:110%;
width:275px;}
#pied ul {padding:13px 0 0 0px;}
#pied2 ul {padding:0px 0 0 0px;}
#pied ul li, #pied2 ul li {float:left;display:block;margin:5px 10px 0 0;border-right:1px solid #888;}
#pied ul li.fin, #pied2 ul li.fin {border:none;}
#pied ul li a, #pied2 ul li a {text-decoration:none;color:#888;display:block;margin:0 10px 0 0;}
#pied ul li a:hover, #pied2 ul li a:hover {text-decoration:underline;color:#d9772d;}
#pied p#credit, #pied2 p#credit {margin:0px 0px 0px 25px;padding:0px 0px 0 0 ;width:65px;}
#pied p a, #pied2 p a {text-decoration:none;color:#555;}
#pied p a:hover, #pied2 p a:hover {text-decoration:underline;color:#777;}
#pied p.mention, #pied2 p.mention {text-align:center;margin:10px 0;clear:both;}
#pied p.mention img, #pied2 p.mention img {max-height:70px;border:none;}

/*MENU HORIZONTAL*/
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {background: url(img/menu2/blank_over.gif);}
.preload2 {background: url(img/menu2/blank_overa.gif);}

#nav {padding:0; margin:0px 0px 0px 157px; list-style:none; height:22px; position:relative;
background: url(img/bg-nav.gif) right top repeat-x;width:783px;} * html #nav {width:778px;}
#nav li.top {display:block; float:left;} 
#nav li a.top_link {display:block; float:left; height:22px; line-height:21px; color:#000;
text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;
background: url(img/menu2/blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 27px 0 15px; height:22px;
background: url(img/menu2/blank.gif) right top;}
* html #nav li a.top_link span {padding:0 25px 0 14px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 27px 0 15px; height:22px;
background:url(img/menu2/blanka.gif) no-repeat right top;}
* html #nav li a.top_link span.down {padding:0 25px 0 14px;}
#nav li a.top_link:hover {color:#fff; background: url(img/menu2/blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(img/menu2/blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(img/menu2/blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#fff; background: url(img/menu2/blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(img/menu2/blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(img/menu2/blank_overa.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:22px; background: #fff; padding:0px; border:1px solid #5e7a89/*82291c #3a93d2*/;
white-space:nowrap;width:170px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; width:170px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:167px; line-height:20px; color:#000;
text-decoration:none;padding-left:3px;}
#nav li ul.sub li a.fly
{background:#fff url(img/menu2/arrow.gif) 165px 7px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#5e7a89/*82291c 3a93d2*/; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#5e7a89/*82291c 3a93d2*/ url(img/menu2/arrow_over.gif) 165px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#5e7a89/*82291c 3a93d2*/ url(img/menu2/arrow_over.gif) 165px 7px no-repeat;
color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {left:170px; top:-4px; background: #fff;
padding:3px; border:1px solid #5e7a89/*82291c #3a93d2*/; white-space:nowrap;width:170px; z-index:400;
height:auto;}

/*MENU VERTICAL*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; padding:0; margin:0; width:156px; border:1px solid #fff;border-left:1px solid #ccc;
border-width:0px 1px 0px 1px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; position:relative; border-top:1px solid #fff;}

#menu li.subGauche {background:transparent url(img/bg-itemGaucheTop.gif) left bottom no-repeat;
font-weight:bold;color:#000;}

#menu li, #menu li a {display:block;width:156px;font-size:11px;line-height:20px;text-decoration:none;
cursor:pointer;text-indent:5px;}

#menu li.subGauche ul li a {font-weight:normal;color:#fff;}

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none;}

#menu li.hover {color:#fff; z-index:500;
background:transparent url(img/bg-itemGaucheTop.gif) left top no-repeat;}
#menu li.click {color:#fff;background:transparent url(img/bg-itemGaucheTop.gif) left top no-repeat;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; position:absolute;
left:155px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

#menu li.subGauche a {color:#5e7a89;}
#menu li.click a:hover, #menu li.click a {color:#fff;}
#menu li.hover a:hover {color:#fff;}

#menu li.click ul li.flyGauche {background:#ea6a00 url(img/menu/frog_arrow.gif) no-repeat top right;
font-weight:normal;width:156px;color:#fff;}
#menu li.click ul li {background:#5e7a89;}
#menu li.click ul li.hover {background:#7a929f;}

#menu li.click ul li.hover ul li {background:#c60;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.flyGauche {background:#c60 url(img/menu/frog_arrow.gif) no-repeat top right;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#aa0;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}
/*FIN MENUS*/

/*MISE EN FORME CONTENUS*/

/*ACCUEIL*/
div.type1 {width:540px;height:240px;background:transparent url(img/bg-accueil1.gif) left 20px no-repeat;
float:left;}
div.type2 {width:240px;height:240px;background:transparent url(img/bg-accueil2.gif) left 20px no-repeat;
float:left;margin-left:6px;} * html div.type2 {margin-left:1px;}

div.type1 h2, div.type2 h2 {margin:2px 0 2px 0px;height:18px;background:transparent url(img/sub-H2accueil.gif) left top repeat-y;
color:#fff;font-size:15px;padding-left:2px;width:90%;}
div.type1 h3, div.type2 h3 {color:#e17626;font-size:12px;margin:5px 0 0px 15px;width:90%;}
div.type1 p, div.type2 p {width:96%;margin:2px 2%;text-indent:10px;
background: transparent url(img/bg-h2.gif) left 5px no-repeat;font-size:1.2em;}
div.type2 h3 span {text-align:right;color:#fff;background-color:#e17626;font-size:11px;}
div.type1 p {width:96%;}
div.type2 p {width:93%;margin:1px 5% 0px 5%;}
div.type2 p.legend {margin:0px;font-size:9px;color:#e17626;background:none;text-indent:15px;
line-height:11px;}
div.type2 p a {font-size:9px;}
div.type2 img {margin:0px 15px 0 15px;}
div.type2 a img {border:none;}
p.left img {float:left;margin:3px;}
p.right img {float:right;margin:2px;}
div.type2 ul {list-style-image: url(img/bg-h2.gif)}
div.type2 ul li a, div.type2 a, div.type1 a {color:#7a929f;text-decoration:underline;}
div.type2 ul li a:hover, div.type2 a:hover, div.type1 a:hover {color:#d9772d;text-decoration: none;}

/*Fil d'ariane*/
#ariane {width:771px;margin:0px 2px 0px 194px;padding:0px;border-right:1px solid #ccc;
background: #fff url(img/bg-ariane.gif) left top repeat-x;}
* html #ariane {width:768px;margin-left:0px;}
#ariane p {margin:0px;padding:2px;text-align:right;font-size:11px;font-weight:bold;color:#7a929f;}
#ariane p a {color:#7a929f;text-decoration:none;}
#ariane p a:hover {color:#5e7a89;text-decoration: underline;}

p.virtualPages {margin:5px 5px 10px 0px;padding:3px;width:99%;background-color:#e6e6e6;color:#888;}
p.virtualPages a {font-weight:bold;font-size:11px;}

#metaCentre hr {clear:both;display:block;visibility :hidden;margin:0; _margin: -7px 0;}
*+html #metaCentre hr {clear:both;margin: -0.5em 0px;padding:0;}

#contenu {min-height:400px;} * html {height:400px;}
#contenu h1 {background-color:#ec7322;color:#fff;padding:1px 0 0 2px;}
#contenu h1 {font-size:170%;margin: 10px 5%;font-variant:small-caps;}
#contenu h2 {font-size:140%;margin: 10px 5%; padding-left:9px;
background: transparent url(img/bg-h2.gif) left 5px no-repeat;}
#contenu h3 {font-size:120%;margin: 10px 7%; padding-left:9px;
background: transparent url(img/bg-h3.gif) left 5px no-repeat;}
#contenu p, #contenu ul, #contenu ol, #contenu dl {width:75%;margin: 10px auto;font-size:110%;}

#contenu ul, #contenu li {}

#contenu dt {margin: 15px 0px;font-size:12px;padding-left:9px;
background: transparent url(img/bg-h2.gif) left 5px no-repeat;}
#contenu dd.level2 {font-size:11px;margin: 5px 20px;padding-left:9px;
background: transparent url(img/bg-h3.gif) left 5px no-repeat;}
#contenu dd.level3 {font-size:10px;margin: 2px 32px;}

#centre a, #contenu a {color:#7a929f;text-decoration: underline;font-weight:bold;}
#centre a:hover, #contenu a:hover {color:#d9772d;text-decoration: none;}
#contenu a img {border-color:#7a929f;margin:3px;}
#contenu a:hover img {border-color:#d9772d;}

#contenu blockquote {display:block;padding:5px 0 0 30px;min-height:33px;margin: 2px auto;
background: #f3f3f3 url(img/bg-blo.gif) left top no-repeat;width:65%;font-style:italic;}
* html #contenu blockquote {height:33px;}
#contenu blockquote p {margin:0;width:100%;}

#contenu code {display:block;text-align:center;margin: 2px auto;background-color: #f3f3f3;
font-family:Arial, Verdana, Helvetica, sans-serif;font-size:1.5em;}
#contenu code p {margin:0;width:100%;}

#contenu pre {display:block;padding:5px 0 0 30px;margin: 2px auto;width:65%;}

#contenu cite {display:block;padding:2px 2px 2px 10px;min-height:11px;
background: transparent url(img/bg-cit.gif) left top no-repeat;}
* html #contenu cite {height:11px;}

div.footnotes {border-top:2px solid #eee;}
div.footnotes h4 {margin:0px;color:#333;}
div.footnotes p {color:#333;}

.rappelRech {padding:5px; border: 1px solid #ccc;}

#contenu table {margin: 5px auto;border: medium none ; border-collapse: collapse;
text-align: center;font-size:12px;border-color:#999;}
#contenu table th {background-color:#ccc;height: 22.4pt;padding:0cm 5.4pt;}
#contenu table td {background:#eee;height: 23px;padding:2px;border: 1pt solid white;}
#contenu table td a {display:block;background:#eee;text-decoration:none;text-align:center;
height:20px;padding-top:3px;}
#contenu table td a:hover {background:#647b99;color:#fff;}

dl a.result, dt a.result, dd a.result {display:block;padding-left:8px;
background: transparent url(img/sub-result.gif) left 5px no-repeat;}

/*Formulaire de contact*/
#contenu form {width:75%;margin:0 auto;}
#contenu form fieldset {background:#f9f9f9;}
#contenu form legend {color:#5e7a89;}
#contenu form p {width:100%;clear:both;height:24px;background-color:#f5f5f5;margin:1px 0 0 0px;}
#contenu form p.radio {padding-left:25%;width:75%;}
#contenu form input.radioButton {float:left;}
#contenu form label.radio {float:left;display:block;width:50px;padding-top:4px;}
#contenu form label.normal {float:left;display:block;width:197px;padding:3px 0px 0px 3px;}
#contenu form input.text {height:14px;font-size:11px;}
#contenu form p.msg {float:left;width:200px;}
#contenu form textarea {float:left;}
#contenu form a#valid {background: url(img/sub-valider.gif) left top no-repeat;}
#contenu form a#valid2 {background: url(img/sub-valider2.gif) left top no-repeat;}
#contenu form a#valid, #contenu form a#valid2 {display:block;clear:both;margin:10px 45%;height:20px;width:120px;}
#contenu form a#valid:hover, #contenu form a#valid2:hover {background-position: 0px -20px;}
#contenu form a#valid:active, #contenu form a#valid2:active {background-position: 0px -40px;}
#contenu form p.red label.normal {color:red;}
#contenu form p.warning {text-align:center;font-weight:bolder;}
#contenu form ul {list-style-type:none;color:red;}

#contenu div {width:50%;margin:10px auto;border: 1px solid #eee;}
#contenu div h3 {text-align:center;background:none;}
#contenu div a img {width:82px;margin: 0px 150px;}

/*téléchargements*/
#contenu .dl img {border:none;margin:auto;}
#contenu .dl img { vertical-align: middle; display: inline-block;}
#contenu .dl span { vertical-align: middle; display: inline-block; padding-left: 2px;}
#contenu .dl a {display:block;padding:2px;text-decoration:none;}
#contenu .dl span.titredl {font-size:100%;letter-spacing:normal;}

/*couleurs
#647b99 : bleu crème
#5e7a89 : bleu cadre
#7a929f : bleu cadre2
#d9772d : orange profond
#dd8442 : orange crème
#d9772d : orange crème2
*/