/* Mise en page CSS du site pour screen */

/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */
* {margin: 0px;padding: 0px;}

body {font-family: Arial, Helvetica, sans-serif;font-size: .7em;margin: 0px;padding: 0px;background-color:#FFFFFF}

img {border: 0 none;}

h1 {font-size:1.3em; padding:0px; margin:0px 0px 15px 0px;}
h2 {font-size: 14px;text-decoration:none;font-weight:bold;}
h3 {font-size: .9em;font-weight: bold;font-weight:bold; }
h4 {font-size: .9em;font-weight: bold;color:#000000;}
div {background-color:transparent}
p {text-align: left; margin: 5px 0px 15px 0px}
strong {}
a:link, a:active, a:visited  {text-decoration: none;}
a:hover {text-decoration: underline;outline:none;}
ul, li, dl, dt, dd {list-style-type: none; text-align:left}
abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;}
hr { display:none}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}

/* //////////////////////////////////////////////////////// GESTION DES DIV /////////////////////////////////////////////////////// */

div#container {width:955px; margin-left:auto; margin-right:auto; vertical-align: top;}
div#fd-container {width:955px; float:left; background: transparent url(../images/fd-container.gif) left top repeat-y; height:auto}

#printlogo {display:none}

#header {width:955px;height:55px;float:left; background: url(../images/fd-header.jpg) left top no-repeat; padding-top:77px}
#header.int1 {background: url(../images/fd-header-int1.jpg) left top no-repeat; padding-top:77px}
#header.int2 {background: url(../images/fd-header-int2.jpg) left top no-repeat; padding-top:77px}
#header.int3 {background: url(../images/fd-header-int3.jpg) left top no-repeat; padding-top:77px}
#header.int4 {background: url(../images/fd-header-int4.jpg) left top no-repeat; padding-top:77px}
#header.int5 {background: url(../images/fd-header-int5.jpg) left top no-repeat; padding-top:77px}
#header.int6 {background: url(../images/fd-header-int6.jpg) left top no-repeat; padding-top:77px}
#header.int7 {background: url(../images/fd-header-int7.jpg) left top no-repeat; padding-top:77px}
#header.int8 {background: url(../images/fd-header-int8.jpg) left top no-repeat; padding-top:77px}

#header-logo {width:149px; height:55px; float:left;}
#header-mainmenu {width:803px;height:55px;float:right;background: url(../images/fd-menu.jpg) left top no-repeat;padding-left:3px}
#header-mainmenu-home {width:803px;height:55px;float:right; background: url(../images/fd-menu-home.jpg) left top no-repeat; padding-left:3px}
#header-mainmenu.menu1 {background: url(../images/fd-menu-int1.jpg) left top no-repeat;}
#header-mainmenu.menu2 {background: url(../images/fd-menu-int2.jpg) left top no-repeat;}
#header-mainmenu.menu3 {background: url(../images/fd-menu-int3.jpg) left top no-repeat;}
#header-mainmenu.menu4 {background: url(../images/fd-menu-int4.jpg) left top no-repeat;}
#header-mainmenu.menu5 {background: url(../images/fd-menu-int5.jpg) left top no-repeat;}
#header-mainmenu.menu6 {background: url(../images/fd-menu-int6.jpg) left top no-repeat;}
#header-mainmenu.menu7 {background: url(../images/fd-menu-int7.jpg) left top no-repeat;}
#header-mainmenu.menu8 {background: url(../images/fd-menu-int8.jpg) left top no-repeat;}

#forum {width:955px;float:left; overflow:hidden; margin: -77px 0 0 0; height:77px; position: relative}
#forum p.home {margin:-2px 10px 0 0; padding:0px; float:right;width:175px; height:88px;}
#forum p.home a {width:175px; height:88px; display:block; text-indent:-9999em; background:url(../images/acces-forum.jpg) left top no-repeat; margin: -2px 0 0 0}
#forum p.home a:hover {display:block;background:url(../images/acces-forum.jpg) left bottom no-repeat}

#forum p.int {margin:0px 10px 0 0; padding:0px; float:right;width:175px; height:88px;}
#forum p.int a {width:175px; height:88px; display:block; text-indent:-9999em; background:url(../images/acces-forum-int.jpg) left top no-repeat}
#forum p.int a:hover {display:block;background:url(../images/acces-forum-int.jpg) left bottom no-repeat}


#header-mainmenu ul, #header-mainmenu-home ul {list-style: none; display:inline; margin:0px;}
#header-mainmenu li, #header-mainmenu-home li {list-style: none;float: left; display:inline; padding-top: 12px}
#header-mainmenu li a, #header-mainmenu-home li a {}
#header-mainmenu li a:hover, #header-mainmenu-home li a:hover {}

#contenu-home {width:955px;float:left;background: transparent url(../images/fd-interface.jpg) top left no-repeat;}
#contenu {width:955px;float:left; padding-left: 0px}
#playericl {padding:25px 25px 0 0; width: 329px; height: 184px; display:block; float:right;}
#contenu #visuel.int1 {width:307px;float:left; height:419px; background:url(../images/visuel-int1.jpg) left top no-repeat; display:block}
#contenu #visuel.int2 {width:307px;float:left; height:419px; background:url(../images/visuel-int2.jpg) left top no-repeat; display:block}
#contenu #visuel.int3 {width:307px;float:left; height:419px; background:url(../images/visuel-int3.jpg) left top no-repeat; display:block}
#contenu #visuel.int4 {width:307px;float:left; height:419px; background:url(../images/visuel-int4.jpg) left top no-repeat; display:block}
#contenu #visuel.int5 {width:307px;float:left; height:419px; background:url(../images/visuel-int5.jpg) left top no-repeat; display:block}
#contenu #visuel.int6 {width:307px;float:left; height:419px; background:url(../images/visuel-int6.jpg) left top no-repeat; display:block}
#contenu #visuel.int7 {width:307px;float:left; height:419px; background:url(../images/visuel-int7.jpg) left top no-repeat; display:block}
#contenu #visuel.int8 {width:307px;float:left; height:419px; background:url(../images/visuel-int8.jpg) left top no-repeat; display:block}

#contenu #col-centrale {width:450px;float:left;}

div#home-col-gauche {width:760px; float:left;}
div#home-col-gauche #home-accroches{padding-top:10px;width:472px; float:right}
div#home-col-gauche #home-accroches h2{float:left;}

div#home-col-gauche #home-accroches p { margin: 15px 0 45px 0}
div#home-col-gauche #home-accroches ul{ float:left; margin:0;}
div#home-col-gauche #home-accroches div#partenaires{}

div#home-col-gauche #visiteGuidee{ width:689px; height: auto; background:url(../images/bg_visiteGuidee.png) top left no-repeat;float:right; margin-top:14px;}
div#home-col-gauche div#footer_visiteguidee{background:url(../images/bg_visiteGuidee_footer.png) bottom left no-repeat; width:689px; height:18px; float:right;}
div#home-col-gauche #visiteGuidee div#zoomSur{ float:left; padding: 60px 0 0 25px}
div#home-col-gauche #visiteGuidee div#zoomSur p {width:290px;  color:#5A5A5A;}
div#home-col-gauche #visiteGuidee div#zoomSur ul {}
div#home-col-gauche #visiteGuidee div#zoomSur ul li {color: #666; padding-left:16px; background: url(../images/fleche-liste.jpg) left 3px no-repeat}
div#home-col-gauche #visiteGuidee div#zoomSur ul li a { color:#BD106B}

div#home-col-gauche #visiteGuidee div.video{float:right; padding:25px 25px 0 0}


.calage { margin:-8px 0 5px 0; float:left}

div#home-col-gauche #home-liens{float:right; width:689px;height:auto; margin-top:30px; margin-bottom:20px;}
div#home-col-gauche #home-liens div#inscription{float:left}
div#home-col-gauche #home-liens div#infos{margin-top:10px;}

div#home-col-droite{float:right; width:170px;color:#6D6D6F; padding-left:10px;}
div#home-col-droite div.focus{padding-top:15px}
div#home-col-droite div.focus h2{ margin-left:-5px}
div#home-col-droite div.focus h3{text-transform:uppercase; color:#D80093; font-size:0.95em;}
div#home-col-droite div.focus h3 a {color:#D80093; text-decoration:none; padding:0px; margin:0px}

div#home-col-droite div.focus p {color:#5a5a5a;font-size:1em; margin:0 0 0 1px; }
div#home-col-droite div.focus p a{font-size:.8em;color:#888888; padding-top:5px; display:block;}
div#home-col-droite div.focus p a:hover{color:#D80093; text-decoration:none;}

div#home-col-droite div.focus-actu {padding-top:15px}
div#home-col-droite div.focus-actu  h2{ margin-left:5px}
div#home-col-droite div.focus-actu  h3 {padding-left:10px; text-transform:uppercase; color:#D80093; font-size:0.95em; margin-top:10px}
div#home-col-droite div.focus-actu  h3 a {color:#D80093; text-decoration:none; padding:0px; margin:0px}
div#home-col-droite div.focus-actu p {color:#5a5a5a;font-size:1em; margin:15px 0 15px 1px; float:left; border-top: solid 1px #CCC; width:150px}
div#home-col-droite div.focus-actu  p a{font-size:0.8em;color:#888888; display:block; }
div#home-col-droite div.focus-actu  p a:hover{color:#D80093; text-decoration:none;}
div#home-col-droite div.focus-actu  ul.compteur li{display:inline;}

div#home-col-droite div.focus-actu ul.slideControl{ margin:10px 0px 10px 0px;}
div#home-col-droite div.focus-actu ul.slideControl li {display:inline; float:left;}

div#home-col-droite div.focus-actu ul.slideControl li a.actif{display:inline; float:left;background:url(../images/numerotation_actu.jpg) top left no-repeat;width:19px; height:17px; color:#FFFFFF;text-align:center;padding-top:1px; }
div#home-col-droite div.focus-actu ul.slideControl a{display: block; float:left;background:url(../images/numerotation_actu.jpg) bottom left no-repeat; height:17px; width:18px; color:#747474; text-decoration:none; text-align:center; padding-top:1px;}
div#home-col-droite div.focus-actu ul.slideControl a:hover{display:block; float:left;background:url(../images/numerotation_actu.jpg) top left no-repeat; color: #FFFFFF}
div#home-col-droite div.focus-actu ul.slideControl li.pause a{background:url(../images/pause.jpg) top left no-repeat; text-indent:-9999em;}

div#home-col-droite div.focus-actu ul.slideActu { margin:0px; width:160px; height:auto; float:left}
div#home-col-droite div.focus-actu ul.slideActu li { margin:10px 0 0 0; background-color: #EBEBEB; height:85px !important; padding:0px}
div#home-col-droite div.focus-actu ul.slideActu li h3 { padding:0px 0 0 0; margin:0px}
div#home-col-droite div.focus-actu div.flash { float:left; width:180px;}
div#home-col-droite div#visuel{ width:150px; height:166px; padding-left:10px;background:url(../images/visuel-col-droite.gif) top left no-repeat;}

div#home-col-droite #actualites{width:145px;float:left;}
div#home-col-droite #actualites h2 { margin: 20px 0 5px 0px}

div#home-col-droite #actualites div.flash{width:145px;height: auto; float:left}
div#home-col-droite #actualites div.flash ul#slide {width:145px;margin:0px; background:none;list-style: none; padding:0px;}
div#home-col-droite #actualites div.flash ul#slide li a { color:#6D6D6F; float:left; width:145px}
div#home-col-droite #actualites div.flash ul#slide li a:hover { color:#D80093; text-decoration:none;}
div#home-col-droite #actualites div.flash ul#slide li span {color:#6D6D6F;display:block; float:left; margin-right: 6px; width:100%}
div#home-col-droite #actualites div.flash ul#slide li span.actif { color: #690042}

#contents-menu{float:left; width:145px}
#contents-menu h1 { margin: 5px 0 10px 0}
#contents-menu-top{text-align:left;}
#contents-menu-top ul { margin:0 0 15px 0; padding:0px; list-style:none}
#contents-menu-top li { border-bottom:#666666 solid 1px; padding: 5px 0 5px 18px;background: url(../images/fleche-rose2.gif) left 8px no-repeat;text-decoration:none; display:block; list-style:none}
#contents-menu-top li a{ color:#333333;}
.actif{color:#D80093;font-weight:bold;list-style: none;}
#contents-menu-top li a:hover { color:#D80093; text-decoration:none}

#contents-menu-bottom{float:left;width:156px;}
#contents-menu-bottom a { width: 156px; overflow:hidden; display:block; margin: 5px 0 0 0}
#contents-menu-bottom a:hover img{ margin-left: -156px}

#contents-textes{width:440px;float:left; margin-top:30px}
#contents-textes a{color:#D80093}
#contents-textes table { font-size:1em}
#contents-textes table td{ border-bottom:#DEDEDE solid 1px}
#contents-textes table.noborder td{ border-bottom:none 0px}

#contents-textes-col1{text-align:justify; width: 445px;}
#contents-textes-col1 h2 {margin: 5px 0 15px 0}
#contents-textes-col2{text-align:justify;}
#contents-textes-menu-col2{float:left;width:120px;padding-left:-25px;padding-right:25px;background-image: url(../images/fond_ss_menu.gif);padding-top:35px;color:#D80093;}

#contents{width:955px;float:left;background-color: #CFCD2C;background-image:  url(../images/fond_personnage.jpg);background-repeat: no-repeat;}
#contents-textes ul li { background: url(../images/fleche-rose.jpg) left 3px no-repeat; padding-left:16px;}
#contents-ariane{width:440px;height: auto;float:left;text-align:left;color:#D80093; border-bottom: #D6D6D6 solid 1px; padding:12px 0 3px 0}
#contents-ariane a { color:#333333}

#footer{width:955px;padding:5px 0;float:left;border-top:none;text-align:center;background:#8D8D8D;}
#footer ul { margin:0px;}
#footer ul li{ list-style:none; display:inline; padding: 4px 0px 4px 4px; font-size:.85em; color:#FFFFFF}
#footer ul li a{ color: #FFFFFF; text-decoration:none}
#footer ul li a:hover { color: #690042; text-decoration:underline}

div.interligne img{ margin: 15px 0 0 -5px !important; padding:0; display:block; width:155px}

/**********************************************/
/*FORMULAIRES */
/**********************************************/

INPUT {font-family: Arial, Helvetica, sans-serif;font-size: 11px;border: 1px solid #DEDEDE;color: #000000;background-color:#FFFFFF; margin: 3px 0}

TEXTAREA {font-family: Arial, Helvetica, sans-serif;font-size: 11px;border: 1px solid #EBEBEB;color: #000000;background-color:#FFFFFF;}
SELECT {font-family: Arial, Helvetica, sans-serif;font-size: 11px;border: 1px solid #CACBCB;color: #333333;background-color:#FFFFFF;text-indent:3px;}

/**********************************************/
/*STYLES TXT & LIENS*/
/**********************************************/

ul{margin-left:30px;margin-top:0px;margin-bottom:10px;margin-right:0px;padding:0px;list-style-type: none;list-style-image: none;}

.input-clictocontact {font-family: Arial, Helvetica, sans-serif;font-size: 11px;border: 1px solid #FFFFFF;color: #000000;background-color:#F7A832;}
.ok-clictocontact {border: 0px solid #FFFFFF;}

/**********************************************/
/*TABLEAU */
/**********************************************/

table{border-top:0px solid #E9E9EB;border-collapse:collapse;border-left:0px solid #E9E9EB;text-align:left;margin : 0 0 0 0;padding:0 0 0 0;}
td{border-bottom:0px solid #C4C4C6;}

.actif-orange{text-decoration: none;color:#D80093;font-weight:bold;list-style-type: none;}

.border-connexion{border: 1px solid #D0E3EA;vertical-align:middle;background-image: url(../images/fond_connexion.jpg);background-repeat: no-repeat;height:150px; padding: 0 10px}

.border{border: 1px solid #7EA5B5;padding:10px;font-size:10px;}
.border-portrait{border: 1px solid #7EA5B5;}

.texte-bleu-gras-encadre{font-size: 11px;text-decoration:none;font-weight:bold;color:#FFFFFF;background-color:#D80093 ;border: none ;padding-left:10px;padding-right:10px;}
.texte-bleu-gras-encadre a{ color:#FFFFFF !important}
.texte-bleu-gras{font-size: 11px;text-decoration:none;font-weight:bold;color:#D80093 ;}

.texte-orange-gras-encadre{font-size: 13px;text-decoration:none;font-weight:bold;color:#FFFFFF;border: 1px solid #D80093;background-color:#D80093;padding-left:10px;padding-right:10px; margin-bottom:5px}
.texte-orange-gras-encadre-11{font-size: 11px;text-decoration:none;font-weight:bold;color:#FFFFFF;border: 1px solid #D80093;background-color:#D80093;padding-left:10px;padding-right:10px;}

.texte-orange-gras{font-size: 11px;text-decoration:none;font-weight:bold;color:#D80093;}
.texte-blanc-gras{text-decoration:none;font-weight:bold;color:#FFFFFF;}

.border-tableau2{border: 1px solid #b4ccd5;padding:10px;vertical-align:top;}
.border-tableau{padding:10px;vertical-align:top; border-bottom: 1px solid #D80093}

div.border-tableau{padding:10px;vertical-align:top; border-bottom: 1px solid #D80093; width: 425px !important;}

.form {
}

.cell-tableau{border-bottom: 1px solid #D80093 ;vertical-align:top;background-color:#D80093 ;color:#FFFFFF;font-weight:bold;padding-left:5px;}
.border-zero{border-bottom: 1px solid #FFFFFF;}
.border-none{border: none;}

#Layer1 {/*position:absolute;width:404px;height:358px;z-index:2000;left: 580px;top: 215px;visibility:visible;*/
display: none;}

/********************************************************************************************/
.encadreBleu{ padding:10px; margin:20px 0px 20px 0px; color:#666; border:solid 1px #D80093 ; }
.encadreBleu img{ margin-right:10px; } 

.encadreCitation{ padding:10px; margin:5px 0px; font-size:1em; color:#666; border:solid 1px #D80093 ; }
.numero{ font-weight:bold; color:#D80093 ; font-size:1.3em; }

div#topetprint{ margin:30px 0px 0px 0px;border-top: #D6D6D6 solid 1px; padding:3px 0 12px 0}
div#topetprint a{ color:#333333; font-size:.9em}
div#topetprint a:hover { color:#D80093;}

/*********************************** VIDEO PAGE ACCUEIL *********************************************************/
div#icl_video{ padding:20px; }
div#icl_video div#flash-home{ height:363px; width:450px; }

div#galerie a img { border:#CFCD2C solid 2px; padding:2px; margin:5px 0; }
div#galerie a:hover img  { border:#D80093 solid 2px; }

div#video {display:block; padding-top:25px; padding-right:25px;}
div#video #videoicl {display:block; float:right;}

/**********************************************/
/*PLAN  DU SITE  */
/**********************************************/

#plan{float:left;width:450px;padding-left:0px;padding-right:0px;}
#plan ul{margin:0 0 0 10px;color:#333333;font-weight:bold;padding:4px 0 0 0;list-style-image: none;list-style-type: none;}
#plan ul ul {margin: 0 0 0 50px;color:#333333;font-weight:normal;padding: 0 0 0 0;list-style-type: none;}
#plan ul ul li a {color:#333333;}
#plan ul ul li a:hover {color: #999999;}

#plan ul ul ul {margin: 0 0 0 30px;color:#333333;font-weight:normal;padding: 0 0 0 0;list-style-image: none;list-style-type: none;}

.lien,a.lien:link,a.lien:visited,a.lien:active{color:#023863;font-weight:bold;text-decoration:none;}
a.lien:hover{color:#023863;font-weight:bold;text-decoration:underline;}

.lien-sitemap,a.lien-sitemap:link,a.lien-sitemap:visited,a.lien-sitemap:active{color:#023863;font-weight:bold;text-decoration:underline;}
a.lien-sitemap:hover{color:#023863;font-weight:bold;text-decoration:underline;}

.lien-menu,a.lien-menu:link,a.lien-menu:visited,a.lien-menu:active{color: #023863;font-size: 11px;text-decoration:none;list-style-type: none;}
a.lien-menu:hover{color: #7EA5B5;font-size: 11px;text-decoration:none;list-style-type: none;}

div.chapo{ color:#D80093; font-weight:bold; margin-bottom:20px;}
p.chapo{ color:#D80093; font-weight:bold; margin-bottom:5px; border-bottom: #EBEBEB solid 1px}
p.telechargement { color:#D80093; font-weight:bold; margin-bottom:5px; background-color: #EBEBEB; padding: 2px 5px}

div#encart{ background-color:#EBEBEB; padding: 10px; margin: 0 0 20px 0; text-align:center}
div.encart { background-color:#EBEBEB; padding: 10px; margin: 0 0 20px 0; text-align:left}
div#encart h2, div.encart h2 {color:#D80093; font-size:1.3em; margin:0px}
div#encart p, div.encart p{color:#333333; font-size:1.3em; font-weight:bold; margin:0px}