@charset"utf-8"; 

/* Reset (Annulation des comportements par défaut des navigateurs */
html {color:#fff;background:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0; width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
/* legend n'herite pa sous IE */
legend{color:#fff;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
/*@activation du resizing for IE IE6-Win, IE7-Win */
input,button,textarea,select{*font-size:100%;}
/* fin des reset */

/* Définitions des polices par défaut */
body{font:15px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; *font:x-small;}
select,input,button,textarea,button {font:96% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; }
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1 {font-size:140% }
h2 {font-size:110% }
h3 {font-size:100% }

/* Fin de définitions des polices */


/* Pages */
body { text-align:center; color:#fff; background:#000; }
#container   { width:80%; background:#000; margin:0 auto; border:1px solid #000000; text-align:justify;  }

#header      { background:#000; padding:0 10px; text-align:center;  }
#header h1   { margin:0 auto; padding:10px 0;}
/* barre de navigation **/
#navigation  { border-top: 2px solid #fd0000; border-bottom: 2px solid #fd0000; padding:6px 0; text-align:center;}

ul.menu { margin:0 auto; border:1px solid #000; width:97%}
ul.menu li { float:left; width:120px; text-align:center; border-right:1px solid #fd0000;}
ul.menu li.last { border:0 none}
ul.menu li a:link    { color:#fd0000; width:243px; text-decoration:none;}
ul.menu li a:visited { color:#fd0000; width:243px; text-decoration:none;}
ul.menu li a:hover   { color:#fd0000; width:243px; text-decoration:underline;}
ul.menu li a:active  { color:#fd0000; width:243px; text-decoration:underline;}
/* fin barre de navigation **/

#sidebar1    { float:left; width:24%; background:#000; padding:0px 0px 15px 0px;}
#sidebar1 h3, 
#sidebar1   p { margin-left:10px; margin-right:10px; }
#mainContent { margin:0 20px 0 26%;  background-repeat:no-repeat; background-position:center center; }
#mainContent h1,#mainContent h2,#mainContent h3,#mainContent h4,#mainContent h5,#mainContent h6,#mainContent p {padding:8px 0;}
#mainContent h1 {color:#fd0000;}
#mainContent h2 {color:#ff0;}

div.lightyellow {color: #ff6;}
div.lightyellow  h3  {color:#C60; }
div.lightyellow  a:link    {color:#C60; text-decoration:none;}
div.lightyellow  a:visited {color:#C60; text-decoration:none;}
div.lightyellow  a:hover   {color:#C60; text-decoration:underline;}
div.lightyellow  a:active  {color:#C60; text-decoration:underline; outline:none;}

#footer      { padding:8px 10px; background:#000; text-align:center; border:1px solid #000; color: #999;}
ul.footer { margin:0 auto; border:1px solid #000; width:95%; color: #999; font-size:7.5pt;}
ul.footer li { float:left; text-align:center; border-right:1px solid #fd0000; padding:0 8px;}
ul.footer li.last { border:0 none}
ul.footer li a:link    { color:#999; text-decoration:none;}
ul.footer li a:visited { color:#999; text-decoration:none;}
ul.footer li a:hover   { color:#999; text-decoration:underline;}
ul.footer li a:active  { color:#999; text-decoration:underline;}
/* fin barre de navigation **/

table.contact { width:600px; margin:0 auto;}
table.contact td.tdtext { color:#fff; padding: 0 4px 0 0; vertical-align: top; text-align:left; font-weight:normal; padding:4px 0 2px 4px; white-space:nowrap;}
form.ctc input , form.ctc textarea, form.ctc select { border: 1px solid #fd0000; background-color:#ffe; color:#000; font-size:8.5pt; padding:2px}
form.ctc input.submitform { background-color:#fd0000; color:#fff; border:1px solid #ff6; margin-top:5px; cursor:pointer;}
form.ctc input.submitform:hover { background-color:#990000;}
/*classe génériques*/
div.image_article_a_gauche { float:left;  margin:0px 8px 8px 0px; }
div.image_article_a_droite { float:right; margin:0px 0px 8px 8px; }

.fltrt  { float:right; margin-left:8px;}
.fltlft { float:left; margin-right:8px; }
/*cette classe doit être placée pour un élément div ou break et doit être l'élément final avant labalise de fin d'un conteneur qui doit contenir entièrement un élément flottant*/
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }
.bld {font-weight: bold;}
.pad8h { padding-right: 8px; padding-left:8px;}

img.png { behavior: url('common/pngbehavior.htc'); }