/* ======================================================
   GLOBAL RESET
====================================================== */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal } /*ne pas mettre em et strong dans cette ligne VT*/
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; }
q:before, q:after { content:''}

strong { font-weight: bold; }
em { font-style: italic; }
ol, ul, li { list-style:none; }

html>body * a { position:relative }  /* Gets links displaying over a PNG background, html>body n'est pas compris par IE6 */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* ======================================================
   GENERIQUE
====================================================== */
html { width:100%; }
body { width:100%; font-family:arial, helvetica, sans-serif; font-size:13px; color:#6d7574; line-height:17px; text-align:center; background-color:#f4f4f4; }

h1 { padding:0 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:normal; color:#5c9bcd; font-size:22px; line-height:18px; border-bottom: 6px solid #3797cb;  }
h2 { padding:1em 0 0.5em 0; margin-bottom: 5px; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#6d7574; font-size:15px; line-height:18px; border-bottom: 5px solid #f7ce0c; }
h3 { padding:1em 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#6d7574; font-size:15px; line-height:18px }
/*h3 { padding:0 0 0 0; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#6d7574; font-size:13px; line-height:18px; }*/
h4 { padding:0.5em 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#6d7574; font-size:13px; line-height:18px; }
h5 { padding:0.5em 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#6d7574; font-size:13px; line-height:18px; }
h6 { padding:0.5em 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:bold; color:#6d7574; font-size:13px; line-height:18px; }

a { color:#707070; font-weight:normal; text-decoration:underline; }
a:link { color:#707070; text-decoration:underline; }
a:focus { color:#244593; }
a:hover { color:#3797cb; }

p { padding:0.5em 0 0.5em 0; color: #6d7574; }
hr { margin:15px 0 15px 0; height:1px; line-height:1px; border:none; background-color:#ccc; }
img { border:none; }
table { border:none; border-collapse:collapse }
td { padding:2px 4px 2px 4px; vertical-align:top; font-family:arial, helvetica, sans-serif; font-size:13px; }
th { font-style: italic; }

.clear-fix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* ======================================================
   BLOCS COMMUNS
====================================================== */
#haut { position: relative; margin:0 auto 0 auto; padding:0; width:963px; height:160px; color:#888; background-color:#f4f4f4; text-align:left; }
#wrapper { position:relative; margin:0 auto 0 auto; width:963px; text-align:left; }
#logo { display: block; position: relative; float: right; width:720px; height:110px; margin:0; padding: 35px 0 0 0; }
#logo p { color:#5c9bcd; padding: 0 0 0.5em 4px; }
#liensDroite { display: block; position: relative; float: right; width: 220px; height: 25px; margin: 0; padding: 135px 0 0 0; }
#liensDroite a { font-size: 11px; }
#liensDroite a:hover, #liensDroite a:hover { text-decoration: underline; }
#logo a { background:none; text-decoration:none; }
#contentWrapper { position:relative; padding:0px 20px 0 0; background-color: #fff; }
#content { padding:10px 0 0 220px; min-height:400px; position: relative; }
#contentText { float:left; padding:20px 20px 0 20px; width:700px; text-align:justify; }
#contentTextCol1{ display: block; position: relative; float:right; padding:20px 0 0 20px; width:430px; text-align:justify; }
.contentTextCenter p { text-align:center; }
#contentTextCol2{ display: block; position: relative; float:right; padding:20px 10px 0 20px; width:240px; text-align:justify; }
#Col2 { padding:0 0 0.5em 0; font-family:arial, helvetica, sans-serif; font-weight:normal; color:#5c9bcd; font-size:22px; line-height:18px; border-bottom: 6px solid #3797cb;  }
#footer { width: 100%; background-color: #e2e2e2; }
#footin { position:relative; margin:0 auto 0 auto; width:963px; height: 90px;  }
#footer #footin #logo_small { display: block; position: relative; float: right; width: 200px; height: 70px; padding: 15px 30px 0 0; }
#footer #footin #signature { display: block; position: relative; float:right; width: 400px; padding: 22px 0 0 0; text-align: left; font-size: 12px; }
#footer #footin #copyright { display: block; position: relative; float: right; width: 300px; font-size:10px; color:#5d5d5d; text-align: left; padding: 30px 30px 0 0;}
#footer #copyright a { color:#a0a0a0; background:none; text-decoration:none; }
#footer #copyright a:hover, #footer #copyright a:focus { color:#222; background:none; text-decoration:none; }
ul#sitemap { list-style:none; }
ul#sitemap li { padding:5px 0 0 15px; }
ul#sitemap h2 { border-bottom: none; margin-left: -10px; }
ul#links{ padding:0 0 0 15px;}
ul#links li { padding:10px 0 0 0; list-style-type: disc; }
.photo ul{ padding:10px 0 0 15px;}
.photo ul li { padding:10px 0 0 0; list-style-type: disc; }
.photo ul li#premier { padding:0 0 0 0; list-style-type: disc; }
.photo ul.normal li { padding:2px 0 0 0; list-style-type: disc; }
#contentTextCol1 ul { padding:10px 0 0 15px; }
#contentTextCol1 li { padding:2px 0 0 0; }
.photo img { margin: 10px 0 5px 50px; }
/* MENU PRINCIPAL */
#leftCol { position:absolute; top:250px; left:20px; width:165px; padding:10px 15px 0 15px; background:transparent url('/template/images/left_col.png') top left no-repeat;}
a#don { display: block; position:relative; width:82x; height: 23px; padding:3px 0 0 15px; background:transparent url('/template/images/bouton.png') top left no-repeat; font-size:13px; color: #3a3a3a; text-decoration:none; }
a#don:hover, a#don:focus { background:transparent url('/template/images/bouton.png') bottom left no-repeat; color:#000; text-decoration:none; }
ul#mainMenu, ul#subMenu { margin:0; padding:0; list-style:none; }
ul#mainMenu{ padding-bottom: 50px; }
ul#mainMenu li { margin:0; padding:0; }
ul#subMenu li { margin:0; padding:0; }
ul#mainMenu li a { display: block; padding:4px 5px; border-bottom:1px solid #e7e7e7; width:160px !important; width:190px; font-size:17px; color:#858585; text-decoration:none; }
ul#subMenu li a { display: block; padding:1px 15px; border-bottom:1px solid #e7e7e7; width:140px !important; width:170px; font-size:14px; color:#9d9d9d; text-decoration:none; }
ul#mainMenu li a:hover, ul#mainMenu li a:focus, ul#subMenu li a:hover, ul#subMenu li a:focus { color:#4a90c8; }
ul#mainMenu li a.current, ul#mainMenu li a.current:hover  { color:#5c5c5c; }
ul#subMenu li a.currentSousMenu, ul#subMenu li a.currentSousMenu:hover {color:#5c5c5c; }
#liensDroite a.current, #liensDroite a.current:hover  { color:#6d7574; text-decoration: underline; }
/* ======================================================
   CLASSES
====================================================== */
.clearing {clear:both; }
.invisible { display:none; }
.small { font-size:11px; }
.imgToLeft { float:left; margin:0 1em 1em 0; }
.imgToRight { float:right; margin:0 0 1em 1em; }
.specLink01 { padding-left:2em; }
.legend { display:block; padding:2px 5px 15px 5px; color:#666; font-size:11px; line-height:14px; }
a.enseignement { color: #707070; font-weight: bold; line-height: 26px; }
p.enseignementcat { color: #707070; line-height: 12px; color:#5c9bcd; }
a.bientot { font-weight: bold; }
a.enseignement:link { color: #707070; font-weight: bold; }
a.enseignement:hover { color: #3797cb; font-weight: bold; }
/*a.enseignement:visited { color: #5c5c5c; font-weight: bold; }*/
label.hidden { display:none; }
.pagesNum { text-align: center; }
.new { font-size: 11px; color:#a1a1a1; }

.pagination { margin: 1em 0; }
.pagination .pag-link { display: inline-block; padding: 0.5em; }
.pagination .current { font-weight: bold; padding: 0.5em; }
/* ======================================================
   FORMULAIRES
====================================================== */
form { margin:0 0 10px 0; }
fieldset { padding: 1em; margin: 0 0 1em 0; border: 1px solid #420863; width:500px; }
legend { font-weight: bold; color: #420863; padding: 5px 5px 5px 5px; }
label { margin: 0; padding: 0; vertical-align:middle; font-weight:normal; }
form p, form .line { margin: 0.5em 0; padding: 0; }
form p label, form .line label { float:left; width:140px;	height:25px; text-align: left; white-space: no wrap; }
input[type="radio"], input[type="checkbox"] { position: absolute; display: inline-block; left: 0; top:0; }
input[type="radio"]:checked, input[type="checkbox"]:checked { border-color: #aaa; }
input[type="checkbox"] { top:0; border-radius: 0.15em; }
.formfield { border: 1px solid #e0e0e0; font-size:14px; width:340px; height:20px; line-height:16px; padding:0px 5px 0px 5px; COLOR: #333; background-color:#ffffff; }
.formfieldrecherche { border: 1px solid #e0e0e0; font-size:14px; width:200px; height:20px; line-height:16px; padding:0px 5px 0px 5px; COLOR: #333; background-color:#ffffff; }
.formfieldcourt { border: 1px solid #e0e0e0; font-size:14px; width:70px; height:20px; line-height:16px; padding:0px 5px 0px 5px; COLOR: #333; background-color:#ffffff; }
.formfieldmoyen { border: 1px solid #e0e0e0; font-size:14px; width:161px; height:20px; line-height:16px; padding:0px 5px 0px 5px; COLOR: #333; background-color:#ffffff; }
.formfieldlong { border: 1px solid #e0e0e0; font-size:14px; width:255px; height:20px; line-height:16px; padding:0px 5px 0px 5px; COLOR: #333; background-color:#ffffff; }
textarea { border: 1px solid #e0e0e0; padding:0px 5px 0px 5px; font-size: 14px; width:340px; height:100px; cursor: hand; background-color:#ffffff; }
.formbutton { border: none; font-weight:normal; font-size: 14px; width:97px; height:26px; line-height:27px; margin-left:140px; margin-top: 10px; cursor: hand; cursor: pointer; color: #222222; background:transparent url('/template/images/bouton_jaune.png') top left no-repeat; padding:0 0 2px 0; }
.formbutton:hover, .formbutton:focus { color:#000; background:transparent url('/template/images/bouton_jaune.png') bottom left no-repeat; }
.formbuttonenseignement { border: none; font-weight:normal; font-size: 14px; width:230px; height:26px; line-height:27px; margin-bottom: 20px; cursor: hand; cursor: pointer; color: #222222; background:transparent url('/template/images/bouton_long.png') top left no-repeat; padding:0 0 2px 0; }
.formbuttonenseignement:hover, .formbuttonenseignement:focus { color:#000; background:transparent url('/template/images/bouton_long.png') bottom left no-repeat; }
.codeimage { margin-left:140px; margin-top:20px; width:320px;font-size:11px; }
.codeimage .formfield { width:310px; height:50px; text-align:center;letter-spacing:10px; }
.formbuttonercherche { border: none; font-weight:normal; font-size:14px; width:97x; height: 26px; line-height: 27px; cursor: hand; cursor: pointer; color: #222222; background:transparent url('/template/images/bouton_jaune.png') top left no-repeat; padding:0 0 2px 0; }
.formbuttonercherche:hover, .formbuttonercherche:focus { color:#000; background:transparent url('/template/images/bouton_jaune.png') bottom left no-repeat; }
#form-contact { margin-top: 15px; }
/* Code image */
form .code-image { clear:both; text-align: left; }
form .code-image label { width: 100%; }
form .code-image img { border:medium none; float:left; margin:0 5px 0 0; width:150px; border-radius:inherit; }
form .code-image input { height:50px; width:140px; text-align:center; letter-spacing:0.2em; text-transform:uppercase; }
a.btn-reloadimgcode { display: inline-block; margin: 0 .5em; font-size: .8em; }
.error-msg { color: red; }
form .checkbox { position: relative; margin: .5em 0; padding-left:30px }
form .checkbox label { display: block; float: none; width: auto }
form .checkbox span { white-space: normal; }