/* ______________________[ 00 | META declarations ]________________________ */
*{margin:0;padding:0;}
body{margin:0 0 1em 0;padding:0;text-align:center;background:#b3c9e4 url(img/bg_body.gif) 0 0 repeat-y;}
img{border:none;}
acronym, abbr, dfn{cursor:help;font-style:normal;border-bottom:1px dotted #dedede;}
hr{display:none;clear:both;}
a{text-decoration:none;}
a:focus, a:hover, a:active {text-decoration:underline;}
p, form, input, h1, h2, h3, h4, h5, h6, ul{margin:0;padding:0;font-size:100%}
label{cursor:pointer;}
table {font-size:100%;}
.horschamp{position:absolute;top:-7777px;left:-7777px;}

#page{display:inline-block;max-width:984px;min-width:760px;margin:16px auto 0 auto;text-align:left;background:url(img/bg_header_g.gif) #fff no-repeat 0 0;}
#page:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #page {height:1%;} #page {display:block;} /* */

/* ______________________[ 01 | Haut de page : logo, recherche, etc. ]________________________ */

/* NAVIGATION INTERNE A LA PAGE */
#NavigationInterne {position:absolute;top:-7777px;left:-7777px;}

#EnTete {font-size:.95em;color:#000;padding:0;margin:0;text-align:center;}
#NavigationAnnexe {font-size:.95em;color:#000;text-align:right;color:#000;margin:0 0 0 130px;background:url(img/bg_containercols.gif) repeat-x 0 100%;padding:0 0 5px 0;}
.contenu {float:right;background:url(img/bg_header_d.gif) transparent no-repeat 100% 0;white-space:nowrap;display:block;padding: 0 17px 0 0}
.contenu p {padding:10px 0 0 0 !important;}
#NavigationAnnexe a {color:#000;}
#NavigationAnnexe p {float:left;display:block;padding:12px 6px 30px 10px;margin:0 0 3px 0;}
#NavigationAnnexe .drapeau {padding:9px 0 0 0;float:left;width:auto;}
#NavigationAnnexe .drapeau a {margin:0 0 0 5px;}
#NavigationAnnexe .pipe {position:absolute;margin:0;padding:0;}

/* SAFARI CSS Hacks */
html[xmlns*=""] body:last-child #NavigationAnnexe .contenu {float:right;width:854px;}
html[xmlns*=""] body:last-child #NavigationAnnexe .contenu p {width:728px;text-align:right;}
html[xmlns*=""] body:last-child #NavigationAnnexe .drapeau .pipe{position:absolute;top:-999em;left:-999em;}

#Logo{width:76px;height:79px;display:block;float:left;margin:-20px 0 0 15px;display:inline;}

#BaseLine{margin:0 0 0 130px;padding:3px 10px;background:url(img/bg_containercols.gif) #D3E4F8 repeat-x 0 100%;color:#0B3263;font-weight:bold;text-align:left;display:block;line-height:1.6em;font:bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;}

#Banniere{margin:0 auto;padding:7px 0;display:block;background:url(img/bg_header.jpg) #2f5380 0 0 no-repeat;}

#Search {margin: 0 536px 0 0; padding: 0 20px 0 0;}
#Search fieldset {margin: 2px 0 0 0; padding: 0; border: 0}
#Search legend {display:block;background-color:#fff;color:#000;font-weight:bold;padding:0;margin: 0; text-align: left;}

/* JAVASCRIPT DESACTIVE, CHECKBOX */
#SearchOng.wcheck {padding: 0}
.wcheck .checkOnglet {display: inline; margin: 0; font-size: .8em; font-weight: bold; color: #2F5380; padding: 2px 0; position: relative;}
.wcheck .checkOnglet label {display: inline; font-weight: bold; text-decoration: none !important;}

/* js */
#Search .wong .checkOnglet input {position: absolute; margin: 0 0 0 -13px;}
#Search .wong .checkOnglet {font-size: .8em; font-weight: bold; display: inline; float: left; border: 1px solid #2F5380;background-color: #FFF; color: #000; color: #2F5380; padding: 2px 7px; margin: 0 1px 1px 0; position: relative;}
#Search .wong .checkOnglet.coche {background-color: #2F5380; color: #FFF; padding: 0; border-width: 1px 1px 0 1px; margin: 0 1px -1px 0}
.#Search .wong .checkOnglet label {display: block; font-weight: bold; text-decoration: none !important; margin: 0; }
#Search .wong .checkOnglet.coche label {display: block; padding: 2px 7px 3px 7px; color: #FFF; margin:  0; border: 1px solid #fff}

#Search .searchbox {clear: both; border: 1px solid #2F5380; padding: 3px 8px; overflow: hidden}
/* \*/ * html #Search .searchbox {height:1%;} #Search .searchbox {display:block;} /* */
#Search .searchbox label {font-size: .8em; font-weight: bold;}
#Search .searchbox label.nolabel {position: absolute; top: -7777px; left: -7777px}
#Search .searchbox input {border:1px solid #7F9DB9;font-size:.8em;padding:0;}
#Search .searchbox input#q {font:.8em arial, sans-serif;padding: 1px 0}/**/
#Search .searchbox input.button2{width:3em;background:url(img/bg_button.gif) #FFF 2px center no-repeat;text-align:left;color:#2F5380;font-weight:bold;margin:0 0 0 3px !important;padding:0 4px 0 13px !important;font-size:.9em; font-family: Arial, Helvetica, sans-serif; height: 1.55em; }
#Search .searchbox .tag img {margin: 0 0 0 3px; display: block;float: right}
.boxGlob {margin-right: -60px; float: left;width: 100%}
.boxGlobA {margin-right: 60px; overflow: hidden;}
.boxGlobA input {width: 85% !important;}
.boxGlobA input.nolabel {width: 98% !important;}
.boxGlobB {width: 55px; float: right; margin: -1.4em 0 0 0;}
.boxGlobB input {float: left;}
/* suite dans les CSS IE */

.ongForm .checkOnglet.coche {background-color: #BA3E01 !important; border-color: #BA3E01 !important;}
.ongForm .searchbox {border-color: #BA3E01 !important;}

/* SAFARI CSS Hacks */
html[xmlns*=""] body:last-child .boxGlobA input {width:98% !important;}
html[xmlns*=""] body:last-child .boxGlobB {margin: -1.35em 0 0 0;}

/* ______________________[ 02 | Navigation principale ]________________________ */
.NavSearch {overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif;}
/* \*/ * html .NavSearch {height:1%;} .NavSearch {display:block;} /* */
.NavSearch .inner {margin-right: -536px}
#NavigationPrincipale{list-style:none; float:left; display: inline; background:url(img/bg_nav.gif) transparent no-repeat 100% 0; text-align: center; width: 536px; margin: 2.8em 20px 0 8px;}
#NavigationPrincipale li{margin:0 2px 0 0;display:block;padding:0;display:inline-block; float: left; background-color: #FFF; background-image: none}
#NavigationPrincipale li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #NavigationPrincipale li {height:1%;} #NavigationPrincipale li {display:block;} /* */
#NavigationPrincipale li#NavItem7 {margin: 0 !important;}
#NavigationPrincipale li a{padding:2px 0;font:bold 1em Arial, sans-serif;display:block;float:left;margin:0 auto;color:#fff;text-align:center;border-width:1px;border-style:solid;border-top-width:4px;display:block;white-space:nowrap;min-width:70px;}
#NavigationPrincipale li strong{font:bold 1em Arial, sans-serif;display:block;float:left;background-color:#6c99d5;text-align:center;color:#fff;border-width:1px;border-style:solid;text-align:center;min-width:70px;}
/* \*/ * html #NavigationPrincipale li a, * html #NavigationPrincipale li strong{width:70px;} /* */

#NavItem1 a, #NavItem1 strong{color:#962608 !important;border-color:#e05e3b !important;}
#NavItem2 a, #NavItem2 strong{color:#7e4309 !important;border-color:#c29a71 !important;}
#NavItem3 a, #NavItem3 strong{color:#475c06 !important;border-color:#a9c44d !important;}
#NavItem4 a, #NavItem4 strong{color:#ba3e01 !important;border-color:#df7c09 !important;}
#NavItem5 a, #NavItem6 a, #NavItem7 a, #NavItem5 strong, #NavItem6 strong, #NavItem7 strong{color:#0b3263 !important;border-color:#2f5380 !important;}

#NavigationPrincipale li a:focus, #NavigationPrincipale li a:hover, #NavigationPrincipale li a:active, #NavigationPrincipale li strong{text-decoration:none;background-color:#fff !important;color:#6c99d5;border-top-width:4px;margin-top:-4px;padding:6px 0 3px 0;border-bottom:none;}


#AfpaRegion #HeaderRegion {width: 544px;background: url(img/layout/bg_header_region.gif) repeat-y 0 0; position: absolute; margin: 1px 0 0 0}
#AfpaRegion #HeaderRegion span {display: block; font-size: 1.6em; color: #FFF; font-family: Verdana, arial, sans-serif; padding: 4px 0 3px 8px}


/* ______________________[ 03 | Contenu principal : presentation en 3 colonnes ]____________________*/

#ContainerCols{margin:0;padding:0 0 1px 0;display:block;background:#fff url(img/bg_containercols.gif) 0 bottom repeat-x;clear:both;}

/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
.clearfix{display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html .clearfix{height:1%;} .clearfix{display:block;} /* */


/* ______________________[ 04 | Bas de page : copyright, liens vers informations generales ]________________________ */

#PiedDePage {font-size:.9em;text-align:center;color:#000;background:url(img/bg_footer_g.gif) transparent no-repeat 0 100%;padding:0 0 0 20px;margin:0;}
#PiedDePage p {background:url(img/bg_footer_d.gif) #fff no-repeat 100% 100%;margin:0;padding:4px 0 6px 0;}
#PiedDePage a {color:#000;}
