@charset "UTF-8";


/* Reset all styles */

html, body, div, h1, h2, h3, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
ul, li { list-style:none; }

/* header */

body { background:#444 url(../images/fond.gif) fixed; font-family:Helvetica, Arial; }
img { border:none; }
hr { border: none; background-color: #777; height: 1px; align: center; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom:1 }



#conteneur { width:960px;  margin:20px auto 0; background:#fff; padding:10px 0; font-size:12px; }
#header { width:940px; margin:0 10px; }
#menu { height:30px; line-height:30px; border:0px solid red; background:url(../images/fond_menu.gif) repeat-x; text-align:right; }

#menu div { float:left; border-right:1px solid #333; padding:0; margin:0; background:url(../images/fond_menu.gif) repeat-x; }
#menu div a { color:#fff; text-decoration:none; }
#menu div a.rub { color:#fff; display:block; text-decoration:none; line-height:30px; padding:0 20px; background:url(../images/fond_menu.gif) repeat-x;  }
#menu div a.rub:hover { background-position:0 -30px; color:#000; }
.sous { position:absolute; margin:0; padding:5px 0; display:none; behavior: url(css/iepngfix.htc); background-image:url(../images/fond-80.png); z-index:5000 }
.sous li { color:#fff; margin:0; } 
.sous li a { padding:3px 20px; display:block; line-height:14px; text-align:left; background-color:transparent; }
.sous li a:hover { background-color:#000; }
#menu div a.active { background-position:0 -30px; color:#000; }

#menu div.noover { border:0; background-image:none; padding-left:20px; }
#enveloppe { display:block; width:22px; height:14px; line-height:30px; height:30px; background:url(../images/enveloppe.gif) no-repeat center; }

#menu ul.langues {  height:30px; padding-right:20px; line-height:30px; }
#menu ul.langues li { display:block; float:right; margin-left:5px; height:100%; }
#menu ul.langues li a { display:block; width:22px; height:100%; text-decoration:none; line-height:30px; }
.fr { background:url(../images/fr.gif) no-repeat center; }
.uk { background:url(../images/uk.gif) no-repeat center; }
.us { background:url(../images/us.gif) no-repeat center; }

#degrade { clear:both; height:20px; background:url(../images/degrade.gif) no-repeat; }
#cleaner { clear:both; height:10px; }

/* styles de textes */
h1 { font-family:"Times New Roman", Times, serif; font-size:35px; font-weight:normal; margin:20px 0 10px 0; line-height:30px; }
h1.premier { margin-top:0; }
h2 { font-family:"Times New Roman", Times, serif; font-size:25px; font-weight:normal; margin:20px 0 10px 0; line-height:23px; }
h2.vign { padding:20px 10px 5px; font-size:23px; font-weight:normal; line-height:25px; letter-spacing:-0.4px; margin:0; }
h3 { font-size:18px; font-weight:normal; margin:20px 0 5px 0; border-bottom:0px solid #999; font-family:"Times New Roman", Times, serif; }
.nav2 li { font-family:"Times New Roman", Times, serif; font-size:25px; margin:0 0 10px 0; line-height:23px; border-bottom:1px solid #999; padding:0 0 5px 0; }
.nav3 li { display:inline; padding:0 5px 5px 0; font-weight:bold; }
p { font-size:12px; margin:0 0 10px 0; line-height:18px; }
p.chapeau { font-size:12px; font-style:italic; }
.puces { margin:0 0 10px 0; }
.puces, .puces li { padding:0; }
.puces li { background:url(../images/puce.gif) no-repeat left 7px; line-height:20px; font-size:12px; padding-left:20px; font-weight:bold; }
.puces2 { margin:5px 0 10px 0; }
.puces2, .puces2 li { padding:0; }
.puces2 li { background:url(../images/puce2.gif) no-repeat left 4px; line-height:20px; font-size:15px; padding-left:15px; font-weight:bold; color:#ecac00; }
.puces2 li a:link, .puces2 li a:active, .puces2 li a:visited { color:#ecac00; text-decoration:none; }
.puces2 li a:hover { color:#ecac00; text-decoration:underline; }
.underline { border-bottom:1px solid #999; }
.arial { font-family:Arial, Helvetica, sans-serif; }

.ok { color:#090; }
.erreur { color:#f00; }

/* contenu */

#contenu { margin:0 0px 0 30px; display:table; }
#gauche { border:0px solid red; float:left; display:table; width:680px; }
#droite { border:0px solid red; float:left; display:table; margin:0 0 0 20px; width:210px; }
.col-g { float:left; width:210px; margin-right:20px; }
.col-d { float:left; width:450px; }
#vignettes { display:table; padding-bottom:10px; }
.vignettes { width:160px; display:block; float:left; padding-bottom:10px; padding-right:10px; }
.d { padding-right:0; }
.vignettes div h2 { padding:20px 10px 5px; font-size:23px; font-weight:normal; line-height:25px; letter-spacing:-0.4px; }
.vignettes div p { padding:0 10px 10px; line-height:16px; font-size:12px; }
.vignettes div a.plus { padding:3px 5px 2px; line-height:14px; font-size:10px; background:#000; color:#fff; margin-left:10px; margin-top:10px; text-decoration:none; }
.vignettes div a.plus:hover { background:#ecac00; color:#000; text-decoration:none; }
.v { margin-top:5px; }
.masque { float:left; position:absolute; z-index:1; }

.nuage { margin:10px 0; }
.nuage li { display:inline; line-height:25px; margin-right:10px; }
.n1 { color:#000; font-size:20px; }
.n2 { color:#444; font-size:16px; }
.n3  { color:#888; font-size:12px; }
.n4 { color:#ccc; font-size:8px; }

.logos ul li { display:block; width:320px; margin-right:20px; float:left; font-size:10px; color:#777; }

#droite  p { font-size:12px; color:#777; padding:0px 10px 20px; line-height:16px; }
#droite  h3 { font-size:15px; color:#000; padding:10px 10px 0; margin:0; line-height:20px; font-family:Arial, Helvetica, sans-serif; }
.black { color:#000; }
.jaune { color:#ecac00; }

.hdp { font-size:11px; font-weight:bold; }

.logos { padding:10px 0; }

.tableau, tr, td { border:0px; }
.tableau { width:100%; border-spacing: 10px; border-collapse:separate; padding-left:0; margin-left:-10px; padding-bottom:10px; }
.tableau td { width:50%; border-bottom:1px solid #ccc; }
.tableau tr.titre td { background-color:#eee; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:3px 5px; }



#footer { margin:0 30px; height:20px; display:table; }

.footer { height:20px; }
.footer li { float:left; padding:0 10px; border-right:1px solid #777; color:#777; font-size:9px; line-height:13px; }
.footer li.first { padding-left:0; }
.footer li.last { border:0; }


/* formulaire */

.formulaire { padding:0; margin:10px 0 0 0; }
.formulaire li { float:left; display:block; padding:0; margin:0; border:0px solid red; }
.formulaire li.label { font-size:12px; width:120px; }
.formulaire li.champs { font-size:12px; width:300px; }
.formulaire li.champs input { width:inherit; border:1px solid #999; background:#fff; }
.formulaire li.champs textarea { width:inherit; }
.formulaire li.champs input.submit { background:#000; border:0; color:#fff; }
.formulaire li.champs input.submit:hover { background:#ecac00; color:#000; }



/* liens */
a.news:link, a.news:active, a.news:visited { text-decoration:none; color:#777; }
a.news:hover { text-decoration:underline; }

a.noir_u:link, a.noir_u:active, a.noir_u:visited { text-decoration:none; color:#000; }
a.noir_u:hover { text-decoration:underline; }


.footer li a:link, .footer li a:active, .footer li a:visited { text-decoration:none; color:#777; }
.footer li a:hover { text-decoration:underline; }

a:link, a:active, a:visited { text-decoration:underline; color:#000; }
a:hover { text-decoration:none; color:#000; }

.nav2 li a:link, .nav2 li a:active, .nav2 li a:visited { text-decoration:none; color:#000; }
.nav2 li a:hover { text-decoration:underline; color:#000; }

.sous li a:link, .sous li a:active, .sous li a:visited { text-decoration:none; color:#fff; }
.sous li a:hover { text-decoration:none; color:#ecac00; }

.nuage a:link, .nuage a:active, .nuage a:visited { text-decoration:none; color:inherit; }
.nuage a:hover { text-decoration:underline; color:inherit; }