/* CSS Document */
/* Brun typo : #593d18
/* Orange brulƩ : #fcaf17
/* Jaune pĆ¢le : #fef8ea
/* Lien actif (rouge) : #b9280f
*/
@import url('reset.css');
/* [Config de base] */
html { font-size:100%; }
body { background:url(../images/site-fond.png); color:#593d18; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; /* 16px -> medium */ line-height:1.125em; /*16x1.125=18px */ margin:0; padding:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*html .clearfix { height:1px; }
*+html .clearfix { display:inline-block; }
a:link { color: #b9280f; }
a:visited { color: #003366; }
a:active { color: #FF9900; outline:none; }
a:hover { color: #FF9900; outline:none; /*text-decoration:none;*/ }
a:focus, :focus { outline:none; }
h1,h2{ color:#593d18; font-family:myriad-pro-n4, myriad-pro, Georgia,sans-serif; font-style:normal; font-weight:300;}
h3,h4,h5,h6 { font-family:Verdana, Arial, Helvetica, sans-serif; }
sup,sub { vertical-align:baseline; position:relative; font-size:0.8em; }
sup { top:-0.4em; }
sub { bottom:-0.4em; }
*html sup { font-size:0.9em; }
*html sub { font-size:0.9em; }
*+html sup { font-size:1.0em; }
*+html sub { font-size:1.0em; }
h1 { font-size:33px; }
.type-fichier { color:#877660; font-size:10px; }
/* [Structure] */
#hq-boite-externe { margin:0 auto 0 auto; width:970px; padding:0; box-shadow:#ded8d1 0px 0px 25px; }
#hq-boite-interne { background:url(../images/site-fond.png); padding-bottom:0px; width:970px; }
#hq-boite-entete { background:url(../images/entete-motif.png) no-repeat; font-size:0.6875em/*16x0.6875=11px*/; line-height:0.75em/*11x*/; height:190px; width:100%; }
#hq-boite-nav { /*border-bottom:2px solid #fcaf17;*/
}
#hq-boite-contenant { background:#fef8ea; font-size:0.75em; padding:1px 0 20px 0;border-top:2px solid #fcaf17; }
#hq-boite-footer { background:url(../images/footer-motif.png) repeat-x; text-align:center; padding:22px 0 16px 0;}
/* Entete */
#logo { float:left; position:relative; }
#logo b { background:url(../images/logo-hydlo-ombre.png) no-repeat; height:20px; width:336px; top:127px; left:0px; position:absolute;}
#liste-nations { background:url(../images/nations-cree.png) no-repeat; float:left; height:124px; margin-top:13px; text-indent:-9999px; width:240px; }
#logo-eastmain { float:right; margin:27px 30px 0 0; }
/* Navigation */
#menu-liste { list-style:none; margin:0 0 -2px 40px; }
#menu-liste li { background:#fff;border:2px solid #fcaf17; float:left; font-family: myriad-pro,georgia,sans-serif; font-size:14px;text-align:center; font-weight:600; margin:0 3px; position:relative; width:140px; }
/* Ombre */
#menu-liste li b { background:url(../images/nav-ombre-150.png) no-repeat; height:10px; width:150px; position:absolute; left:2px; bottom:-12px;}
#menu-liste li#nav-accueil b { background:url(../images/nav-ombre-accueil.png) no-repeat; height:10px; width:75px; position:absolute; left:2px; bottom:-12px;}
#menu-liste li a { color:#593d18; display:block; padding-top:0.7em; text-decoration:none; height:2em; }
#menu-liste li#nav-accueil { /*padding-left:17px; padding-right:17px;*/ width:75px; }
#menu-liste li#nav-langue { background:none; border:none; font-size:12px; padding-top:4px; /*padding-left:20px;*/ width:100px; }
#menu-liste li#nav-videos a { background:url(../images/nav-videos.png) no-repeat 30px 0.3em; padding-left:30px; }
#menu-liste li#nav-publications a { background:url(../images/nav-publication.png) no-repeat 12px 0.3em; padding-left:35px; }
#menu-liste li#nav-anim a{ background:url(../images/nav-anim.png) no-repeat 5px 0.3em; padding-left:48px;}
#menu-liste li#nav-carte a { background:url(../images/nav-carte.png) no-repeat 30px 0.3em; padding-left:45px}
#menu-liste li#nav-contact { width:75px;}
#menu-liste li#nav-contact b { background:url(../images/nav-ombre-accueil.png) no-repeat; height:10px; width:75px; position:absolute; left:2px; bottom:-12px;}
#menu-liste li.active { background:#fef8ea; border-bottom:2px solid #fef8ea; }
/* Footer */
.liste-liens { font-size:10px; list-style:none; margin:0; padding-top:0x; }
.liste-liens li { }
.liste-liens a { color:#b9280f; /*text-decoration:none;*/ }
/* Boutons Sociaux */
.btn-sociaux { width:130px;}
.btn-sociaux li { float:left; margin:0 3px; }
/* ACCUEIL */
#fpPlayer {}
#accueil #hq-boite-contenant { padding:30px 30px 20px 30px; }
#accueil h1 { line-height:36px; position:relative; display:inline-block; /*cursor:pointer;*/ padding:0px 0 10px 0; width:auto;}
*html #accueil h1.fr { width:540px; }
*html #accueil h1.en { width:360px; }
/*#accueil h1 b { background:url(../images/icn-plus-infos.png) no-repeat; display:block; position:absolute; width:21px; height:17px; top:12px; right:-30px; }
#accueil h1.open b { background-position:-21px 0; }*/
#accueil h2 { font-size:20px; font-family:myriad-pro-n6, myriad-pro; font-style:normal; font-weight:600; line-height:24px; margin:0 0 10px 0; padding-right:160px; }
.plus-comprendre { /*background:#fef8ea; */width:710px; margin:0px 0 20px 0; /*display:none;*/ position:relative; }
#video-bloc { display:inline; float:left; margin-right:35px;/* Voir ajustement avec ombre */position:relative; width:630px; }
/* Liste thumbnails */
.video-thumbs { list-style:none; margin:0; padding:0; position:absolute; top:20px; left:20px; z-index:10}
.video-thumbs li { border:2px solid #fff; margin:5px 0; padding:0; width:88px; }
.video-thumbs li img { display:block; }
#accueil .video-player { }
#accueil .video-player a { display:block; height:354px; width:630px; position:relative}
#accueil .video-player .icn-play { background:url(../images/play-large.png) no-repeat center center; display:block; height:92px; width:92px; top:131px; left:269px; position:absolute; z-index:15}
#accueil .video-date { display:none; }
#accueil .video-infos { background:#fff; border:2px solid #fcaf17; border-top:none; font-size:11px; line-height:14px; padding:10px 10px 40px 10px; position:relative }
#accueil .video-infos p { margin:10px 0; }
#accueil .video-infos .btn-sociaux { position:absolute; top:13px; right:10px; }
#accueil .btn-voir-videos-bloc {}
#accueil .btn-voir-videos { background:#fcaf17; color:#fff; display:inline-block; font-family:myriad-pro-n6, myriad-pro; font-style:normal; font-weight:600; font-size:9px; padding:2px 4px; text-decoration:none; text-transform:uppercase; position:absolute; right:10px; bottom:10px; box-shadow:#9a8b74 0px 0px 3px;}
#col-droite { display:inline; float:left; width:245px;/*Augmenter pour l'ombre ?*/}
#col-droite .outer { background:url(../images/site-fond.png) repeat; padding:10px; box-shadow:#ded8d1 0px 3px 5px; position:relative;}
#col-droite .inner { background:#fff; border:2px solid #fcaf17; padding-bottom:10px; padding-top:1px; }
#col-droite h3 { background:url(../images/entete-droite-shadow.png) no-repeat 10px bottom; font-family:myriad-pro-n6, myriad-pro; font-style:normal; font-weight:600; font-size:20px; margin:0px 0px 5px 0px; padding-bottom:20px;padding-top:10px; padding-left:10px; text-transform:uppercase; text-align:center; width:201px; }
/* Nouvelles */
.liste-nouvelles { font-size:11px; line-height:14px; list-style:none; margin:0 10px; }
.liste-nouvelles li { background:url(../images/nouvelles-separateur.png) no-repeat left bottom; margin:0px 0 10px 0; padding-bottom:20px; width:201px; }
.liste-nouvelles p { margin:0; }
.liste-nouvelles .date { font-weight:bold; }
.liste-nouvelles .desc {}
.liste-nouvelles a { color:#b9280f; font-weight:bold; text-decoration:none; }
.liste-nouvelles li.avec-photo { /*padding-left:65px; position:relative; width:136px;*/ }
.liste-nouvelles li.avec-photo .desc-bloc { float:left; margin-left:10px; width:136px;}
.liste-nouvelles li.avec-photo .thumb { display:block; float:left; width:55px; /*position:absolute; top:0; left:0;*/ }
/* Autres sites */
.liste-sites { font-size:11px; line-height:14px; list-style:none; margin:0 10px; }
.liste-sites li { background:url(../images/liste-pointeur.jpg) no-repeat 0 2px; margin-bottom:2px; padding-left:15px; width:186px; }
.liste-sites a { color:#b9280f; text-decoration:none; }
/* [ PAGE VIDƉOS ] */
#videos #hq-boite-contenant { padding:40px 30px 20px 30px; }
#videos #video-vedette { background:url(../images/dotted-2x2.png) repeat-x left bottom; padding-bottom:20px; }
#videos #video-vedette .video-date { display:none; }
#videos #video-vedette h2 { font-size:16px; font-family:myriad-pro-n6, myriad-pro; font-style:normal; font-weight:600; line-height:18px; margin:0 0 10px 0; padding-right:125px; }
#videos #video-vedette .video-player { height:354px; width:630px; float:left; display:inline; position:relative; }
#videos #video-vedette .video-infos { display:inline; float:left; font-size:11px; line-height:14px; padding:0 10px 10px 10px; width:260px; position:relative; }
#videos #video-vedette .video-infos p { margin:10px 0; }
#videos #video-vedette .video-infos .btn-sociaux { position:absolute; top:0px; right:-10px; width:auto; }
#videos-liste ul { list-style:none; margin:0; padding:0; width:630px; }
#videos-liste ul li { background:url(../images/dotted-2x2.png) repeat-x left bottom; padding:20px 0 20px 0; }
#videos-liste .video-player { float:left; height:120px; width:214px; }
#videos-liste .video-player img { height:120px; width:214px; }
#videos-liste .video-date { font-size:11px; margin:0 0 10px 0; }
#videos-liste h2 { font-size:14px; font-family:myriad-pro-n6, myriad-pro; font-style:normal; font-weight:600; line-height:16px; margin:0 0 5px 0 }
#videos-liste .video-infos { display:inline; float:left; font-size:10px; line-height:13px; padding:0 0px 10px 10px; width:400px; position:relative }
#videos-liste .video-infos .btn-sociaux { position:absolute; top:0px; right:-10px; width:auto; }
#videos-liste .video-infos .btn-sociaux li { background:none!important; padding:0; }
#videos-liste .video-thumbs { display:none; }
#videos .video-player a { display:block; position:relative; }
#videos #video-vedette .video-player .icn-play { background:url(../images/play-large.png) no-repeat center center; display:block; height:92px; width:92px; top:131px; left:269px; position:absolute; z-index:15}
*html #videos #video-vedette .video-player .icn-play {}
#videos #videos-liste .video-player .icn-play { background:url(../images/play-small.png) no-repeat center center; display:block; height:46px; width:46px; top:37px; left:84px; position:absolute; z-index:15}
#accueil .video-player .tag-nouveau { display:none; }
#videos #video-vedette .tag-nouveau { margin-top:-357px; }
.tag-nouveau { background:#fcaf17; display:inline-block; padding:2px 4px;position:absolute; margin-top:-123px; margin-left:1px; }
/* Overlay */
#overlay { background-image:none; padding:0px; width:853px; display:none;/* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 30px 5px #9a8b74; -webkit-box-shadow: 0 0 30px #9a8b74; box-shadow: 0 0 30px #9a8b74;}
.close { background:url(http://static.flowplayer.org/img/overlay/close.png) no-repeat; position:absolute; top:2px; right:5px; display:block;width:35px; height:35px;cursor:pointer;}
*html .close { background:url(../images/overlay-close-8bits.png) no-repeat; top:10px; right:0px; }
#player { height:480px; display:block; }
/* [ PUBLICATIONS ] */
#publications #hq-boite-contenant { padding:40px 0px 20px 30px; }
#publications .liste-publications li { display:inline; float:left; position:relative; width:435px; margin-left:20px; margin-bottom:30px; }
#publications .liste-publications li img.thumbnail { box-shadow:#9a8b74 0px 2px 5px; display:block; float:left; position:relative; }
#publications .liste-publications dl { float:left; margin-left:10px; width:280px; }
#publications .liste-publications dt { color:#b9280f; font-size:13px; line-height:13px; text-transform:uppercase;}
#publications .liste-publications dt b { display:block; font-size:26px; font-family:myriad-pro-n6, myriad-pro; font-style:normal; font-weight:600; text-transform:none; margin-top:6px; }
#publications .liste-publications dd { padding-top:15px; width:280px;}
#publications .liste-publications ddĀ ul {}
#publications .liste-publications dd li { margin:5px 0; width:280px; }
#publications .liste-publications dd li a { font-weight:bold; text-decoration:none;}
#publications .liste-publications dd li.lien-archives { font-weight:normal; font-size:11px; margin:15px 0 0 0; width:280px; }
#publications .liste-publications dd li.lien-archives a { font-weight:normal; }
#publications .liste-autres { margin:20px 0 20px 20px;}
*html #publications .liste-autres { margin-top:40px;}
#publications .liste-autres h2 { background:url(../images/dotted-2x2.png) repeat-x left bottom; color:#b9280f; font-size:26px; margin:20px 0 10px 0; padding-bottom:5px; width:610px; }
/* [ CARTE ] */
#carte #hq-boite-contenant { padding:40px 30px 20px 30px; }
#carte .img-carte { box-shadow:#ded8d1 0 0 6px; position:relative; margin-top:20px;}
/* [ANIMATION] */
#animation #hq-boite-contenant { padding:40px 85px;}
#anim-rupert { width:800px; height:600px; display:block; margin-top:20px; overflow:hidden; box-shadow:#ded8d1 0 0 6px;}
/* [FORMULAIRE] */
#commentaires #hq-boite-contenant { padding:40px 30px 20px 40px; }
#commentaires form { margin-top:20px;}
#commentaires fieldset {}
#commentaires legend { display:none;}
#commentaires form li { margin-bottom:10px; position:relative; }
#commentaires label { display:inline-block; padding-right:10px; }
#commentaires input { width:300px; border:1px solid #fcaf17; display:block; padding:4px; }
#commentaires textarea { width:300px; border:1px solid #fcaf17; display:block; height:100px; padding:4px; }
.submit-box { text-align:center; width:302px; }
button { background:#fcaf17; border:0px solid #fcaf17; color:#593d18; cursor:pointer; box-shadow:#9a8b74 0px 0px 3px; margin-top:15px; padding:4px 8px; text-transform:uppercase; position:relative; }
#commentaires li.required label { background: url(../../images/hq_form_requis.png) no-repeat right 1px; }
#commentaires input.error, #commentaires textarea.error { border-color:#990000; }
#commentaires li.required label.error { color:#fff; display:inline-block; background:#990000 url(../images/form/pointeur.png) no-repeat left center; font-size:11px; padding:5px 0 5px 8px; width:160px; position:absolute; left:325px; top:15px; text-align:center }
/* [ CONTACT] */
#contact #hq-boite-contenant{ padding:40px 0px 20px 40px; }
#contact h2 { background:url(../images/dotted-2x2.png) repeat-x left bottom; color:#b9280f; font-size:26px; margin:20px 0 10px 0; padding-bottom:5px; width:900px; }
.liste-contact { width:915px;}
.liste-contact li { float:left; display:inline; margin-right:15px; margin-bottom:15px; width:290px; }
/**/
#accueil #message-fin { position:absolute; top:280px; left:0; width:630px; text-align:center; display:none;}
#videos #message-fin { position:absolute; bottom:100px; left:0; width:853px; text-align:center; display:none;}
#accueil #message-fin p { font-size: 16px; font-family:myriad-pro-n6, myriad-pro; font-style:normal; font-weight:600; }
#videos #message-fin p { font-size: 18px; font-family:myriad-pro-n6, myriad-pro; font-style:normal; font-weight:600; }
#accueil #message-fin a { background:#fcaf17; border-radius:4px; color:#fff; display:inline-block; padding:8px 15px 10px 15px; position:relative; text-decoration:none; }
#videos #message-fin a { text-decoration:none }
#videos #message-fin a span { background:#fcaf17; border-radius:4px; color:#fff; /*display:inline-block;*/ padding:8px 15px 10px 15px; position:relative; ;}
#videos #message-fin a:hover span { background:#b9280f; }
/* [Concours]*/
.o-dessin { background-image:none; padding:0px; width:800px; display:none;/* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 30px 5px #9a8b74; -webkit-box-shadow: 0 0 30px #9a8b74; box-shadow: 0 0 30px #9a8b74;}
#autres #hq-boite-contenant{ padding:40px 0px 20px 40px; }
.col-283 { float:left; width:283px; margin-right:20px;}
#autres h2 { background:url(../images/dotted-2x2.png) repeat-x left bottom; color:#b9280f; font-size:22px; line-height:24px; margin:20px 0 10px 0; padding-bottom:5px; }
#autres h2 span { font-size:14px; }
#autres p { margin:10px 0}
.dessin-gagnant dd { font-size:0.92em; }