body {background : #fff; text-align : center; margin : 0; padding : 0}

div, span, p, a, img, form, h1, h2, h3, h4, h5, h6, ul, li, table, th, td, address, fieldset, label, blockquote, caption, small {margin : 0; padding : 0}
ol {margin-bottom : 0; padding-bottom : 0; margin-top : 0; padding-top : 0}
table, th, td {font-size : 1em}

img {display : block; border : none}
form {display : inline}
fieldset {border : none}

body, div, span, p, h1, h2, h3, h4, h5, h6, ul, li, input, select, textarea, label, pre, td, th, address {font-family : georgia,arial,verdana,sans-serif}
body {font-size : 72%}

/* \*/
* html ul li {height : 1%}
/* */

hr {display : none}

#page {padding-top : 14px; background : #fff}

/* Header
---------------- */
h1 {width : 770px; margin : 0 auto; text-align : left}
h1 a {display : block; width : 429px; height : 127px; background : url(i/logo.png) 0 0 no-repeat; overflow : hidden; text-decoration : none; text-indent : -999em; letter-spacing : -1000em; margin-left : 170px}

/* Content
---------------- */
#content {position : relative; width : 600px; margin : 6em auto 0 auto; text-align : left; font-size : 1em; color : #333; min-height : 330px; height : 330px}
/* \*/
html>body #content {height : auto}
/* */

.main {width : 370px; float : left}
.related {float : right}
.revertSplit .main {width : 210px;}
.revertSplit .related {width : 380px}

.split:after, .revertSplit:after {content : "."; display : block; height : 0; clear : both; visibility: hidden}
/* \*/
* html .split, * html .revertSplit {height : 1%}
/* */

#content h2 {font-size : 1.5em; color : #f28e00; margin-bottom : 1em; padding-bottom : 0.1em; }
#content h3 {font-size : 1.3em; color : #68676B; margin-bottom : 0.5em;  padding-bottom : 0.1em}
#content h4 {font-size : 1.1em; color : #68676B; margin-bottom : 0.3em;  padding-bottom : 0em}

#content p {margin-bottom : 0.8em; font-size : 1.1em}

#content ul {margin-bottom : 0.8em; list-style : none; font-size : 1.1em}

#content ol {font-size : 1.1em}
#content ol li {margin-bottom : 0.5em}

#content strong {color : #68676b}

#content a {color : #F28E00; text-decoration : none; border-bottom : solid 1px #ccc}
#content a:hover {border-bottom : solid 1px #666}

#content img {border : solid 1px #68676b}
#content .noBorder {border : none}
#content .center {text-align : center}
#content .padded {padding-top : 1.5em}
#content .center img {display : inline}
#content .lower {margin-top : 2em}
.menu ul {display : none}

#content {background : url(i/carotte_caviar.jpg) 50% 0 no-repeat}

#content label {display : block; margin-bottom : 0.3em; vertical-align : middle; font-size : 1.1em}
#content label em {display : block; float : left; width : 8em; font-style : normal}
#content fieldset input {border : solid 1px #68676B; width : 16em; font-size : 1em; color : #333; padding : 1px 3px}
#content fieldset textarea {border : solid 1px #68676B; font-size : 1em; color : #333; padding : 3px; width : 22em}

#submitBtn {border : solid 1px #ccc; background : transparent; color : #333; cursor : pointer; font-weight : bold; margin : 1em 0 0 24.5em; width : 9em}

#content label:after {content : "."; display : block; height : 0; clear : both; visibility: hidden}
/* \*/
* html #content label {height : 1%}
/* */
#content .imgBlock {margin-bottom : 1em}
#content .imgBlock img {display : inline}
#content .imgBlock img.stuck {margin : 0 20px}
#content .imgBlock a, #content .imgBlock a:hover {border-bottom : none}

#content ul.links li {margin-bottom : 0.7em; padding-left : 33px; background : url(i/markers/toque.png) 0 0 no-repeat; height : 35px; min-height : 35px}
html>body #content ul.links li {height : auto}

#content ul.swoosh li {margin-bottom : 0.5em; padding-left : 18px; background : url(i/markers/swoosh.png) 0 0 no-repeat; height : 17px; min-height : 17px; font-weight : bold}
html>body #content ul.swoosh li {height : auto}

.error {font-weight : bold; color : red}

/* Menus
---------------- */
#current-menus dt {margin-bottom : 0.3em; padding-left : 33px; background : url(i/markers/toque.png) 0 0 no-repeat; height : 15px; min-height : 15px; padding-top: 20px;}
html>body #current-menus dt {height : auto}
#current-menus dd.open {display: block; margin-top: -0.3em;}

/* Nav
---------------- */
#navWrapper {position : absolute; left : 0; top : 157px; width : 100%; background : #F28E00; color : #fff; padding : 0.2em 0 0.2em 0; border-top : solid 1px #68676B; border-bottom : solid 1px #68676B}
#nav {width : 770px; margin : 0 auto;  text-align : center}
#nav ul {list-style : none; text-align : left; display : inline}
#nav li {position : relative; display : inline;  padding : 0.4em 2px 0.3em 2px}
#nav li a {display : inline; color : #fff; /*width : 100%;*/ text-decoration : none; text-transform : uppercase; font-size : 1.2em; font-weight : bold; padding : 0.3em 5px 0.2em 5px; }
#nav li:hover {background : #68676B}
/* \*/
#nav li a {font-size : 1.2em; padding : 0.2em 5px 0.2em 5px; }
* html #nav li a:hover {background : #68676B}
/* */
#nav li#fr, #nav li#en {position : absolute; /*width : 14px; height : 14px;*/ right : 8px; /*top : -20px;*/ padding : 0 14px 0 0; /*border : solid 1px #fff*/; bottom : 3em; voice-family : "\"}\""; voice-family : inherit; bottom : 2.1em}
/*#nav li#fr:hover, #nav li#en:hover {border-color : #F28E00}*/
#nav li#fr a, #nav li#en a { /*text-indent : -999em; width : 14px; height : 14px; padding : 0; font-size : 14px; overflow : hidden*/ text-transform : none; font-size : 1em; color : #68676B; background : transparent; font-weight : normal; letter-spacing : 0.1em}
#nav li#fr {background : url(i/fr_flag.png) 100% 0 no-repeat}
#nav li#en {background : url(i/en_flag.png) 100% 0 no-repeat}
* html #nav li#fr a:hover, * html #nav li#en a:hover {background : transparent}

#nav:after {content : "."; display : block; height : 0; clear : both; visibility: hidden}
/* \*/
* html #nav {height : 1%}
/* */

/* Footer
---------------- */
#footer {position : relative; background : #E1E1E1; border-top : solid 1px #959497; border-bottom : solid 1px #959497; padding : 1px 0; margin-top : 3em}

#footer ul {list-style : none; text-align : center; padding-right : 1em; font-size : 1em; color : #333}
#footer li {display : inline; padding : 0 4px 0 6px; } /* background : url(i/markers/li.png) 0 50% no-repeat */
#footer a {color : #68676B; font-weight : bold; text-decoration : none; text-transform : uppercase; padding : 0 0.5em; /*border : solid 1px transparent*/}
#footer li.first {background-image : none}
#footer a:hover {background : #ccc; color : #555; border-color : #ccc}
#footer .copyright {position : absolute; right : 6px; background-image : none}

/* Conception
---------------- */
#conception {text-align : right; font-size : 0.8em; color : #ccc}
#conception ul {list-style : none; padding-right : 12px; margin-top : 1em; margin-bottom : 0.4em}
#conception a {color : #ccc; text-decoration : none; letter-spacing : 0.2em}

h3 small {
	font-weight: normal;
	display: block;
}

/* \*//*/
h1 {height : 127px}
h1 a {display : inline-block}
#footer li {background-image : none; padding : 0}
#footer .copyright {float : left}
#conception {display : none}
#nav li#fr a, #nav li#en a {display : inline-block}
#iemac {margin-top : 1em; color : #555}
.split, .revertSplit, #nav, #content label {display : inline-block}
/* */
