/* Mise en page CSS du site pour screen */

/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */
* {margin: 0px;padding: 0px;}

body {font-family:Arial, Helvetica, sans-serif;font-size: .9em;margin: 0px;padding: 0px;background:#E5F3FC url(../images/fd-container.jpg) left top repeat-x}

img {border: 0 none;}
div {background-color:transparent}
p {text-align: left;}
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;}
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: 940px;margin-left: auto;margin-right:auto;margin-top: 0px;padding: 0px;text-align: left;}

/* -------------------------------------------------------- Header -----------------------------------------------------------------*/
div#header {height: 92px;width:940px; background: transparent url(../images/fd-header.jpg) left 59px no-repeat}
div#header p.fr a {height: 74px;width:416px; background: transparent url(../images/retour-en.jpg) left top no-repeat; overflow:hidden; display:block}
div#header p.en a {height: 74px;width:416px; background: transparent url(../images/retour-en.jpg) left top no-repeat; overflow:hidden; display:block}
div#header p.fr a:hover {background: transparent url(../images/retour-en.jpg) left bottom no-repeat;}
div#header p.en a:hover {background: transparent url(../images/retour-en.jpg) left bottom no-repeat;}

/* ------------------------------------------------------- Main nav ----------------------------------------------------------------*/
div#mainnav {height: 22px;width: 940px; background-color:#3E617B;position:relative; z-index:100; }
div#mainnav h2 { text-indent: -9000em; display:none}
div#mainnav dl {display:inline; font-size:0.9em; position: absolute;}
div#mainnav dt { color:#FFFFFF; display:inline;}
div#mainnav dt a { color:#FFFFFF; background: transparent url(../images/sep-nav.gif) right 1px no-repeat; font-size: 0.9em; padding:5px 6px; height: 12px; display:block; float:left;overflow:hidden;}
div#mainnav dt a:hover { color:#FFFFFF; text-decoration:none;  background-color: #258ECB;}
div#mainnav dt a.actif { color:#FFFFFF; text-decoration:none;background: #258ECB url(../images/sep-nav.gif) right 1px no-repeat; font-size: .85em; padding:5px 6px; height: 20px; display:block; float:left}



div#mainnav dd {display:none; position: absolute; background-color:#F3F3F3; border-left:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; left:0px; top:0px; padding: 10px; margin: 22px 0 0 0; font-size:.9em; display:none; }

div#mainnav dd ul li { padding: 0 0 5px 0; border-bottom:#CCCCCC solid 1px;}
div#mainnav dd ul li a {color: #333333;text-decoration: none;display: block; font-size:.9em}
div#mainnav dd ul li a:hover {background-color: #258ECB; text-decoration:none; color:#FFFFFF}


div#mainnav dd a {color: #6b6251;text-decoration: none;display: block;}
div#mainnav dd a:hover {color: #258ECB;text-decoration:none}

/* -------------------------------------------------------- Logo -----------------------------------------------------------------*/
div#logo {height: 92px; float:left}
div#logo h1 {text-indent:-9000em; display:none }
div#logo a {background:transparent url(../images/back-home.gif) left top no-repeat;height:74px; display:block;overflow:hidden;width: 416px; text-indent: -9000em;}
div#logo a:hover {background:transparent url(../images/back-home.gif) left bottom no-repeat;}

/* ------------------------------------------------------- Metanav ----------------------------------------------------------------*/
div#metanav {float:right; width: auto; padding: 5px 0 0 0}
div#metanav ul {display:inline;}
div#metanav li {display:inline; color:#333333; font-size: .7em;}
div#metanav li a {color: #333333;text-decoration: none;background: transparent url(../images/sep-metanav.gif) right top no-repeat; padding-right: 14px;}
div#metanav li.fin a {color: #333333;text-decoration: none;background: transparent none; padding-right: 0px;}
div#metanav li a:hover {color: #218BC7;font-weight:normal;}

/* ----------------------------------------------------- Search area --------------------------------------------------------------*/
div#ss-nav {background:url(../images/fd-ss-nav.gif) left top repeat-x; height: 16px; border-bottom:#999999 solid 1px;border-left:#999999 solid 1px;border-right:#999999 solid 1px; padding: 1px 7px 4px;}
div#search {float: right; width: auto; margin-top: 2px}
div#search fieldset { border: none transparent; width: 300px; margin:0; padding:0; text-align:right;}
div#search legend{text-indent:-9000em; display:none}
div#search label {font-size: 0.75em;text-align: left;color: #333333; margin-right: 3px;}
div#search input#mots-cles {border: #999999 solid 1px; background-color:#FFFFFF; height: 12px; width: 105px; font-size: .8em;}
div#search input#search {border: none transparent; color: #FFFFFF;background:transparent url(../images/fd-search.gif) left top no-repeat; cursor:pointer; font-size: .7em; font-family:Arial, Helvetica, sans-serif; height:14px;}
div#search input#search:hover {background:transparent url(../images/fd-search.gif) left bottom no-repeat;}

/* ------------------------------------------------------- Breadcrumb ----------------------------------------------------------------*/
div#ariane {font-size: .75em;text-align: left;color: #333333; float:left; margin-top: 4px}
div#ariane a:link, div#ariane a:visited, div#ariane a:active{text-decoration: none; color:#333333}
div#ariane a:hover{text-decoration: underline;}

/* --------------------------------------------------------- Content ------------------------------------------------------------------*/
div#contenu-int #col-centrale table {border-bottom:#999999 solid 1px; background-color: #FFFFFF; margin: 10px 0 15px 0; width:100%; padding:5px; }
div#contenu-int #col-centrale table tr {}
.altern { background-color: #F3F3F3}
div#contenu-int #col-centrale table th{ text-align:center; background-color:#CCCCCC;}
div#contenu-int #col-centrale table td strong { text-align:left; background-color:#CCCCCC; display:block}
div#contenu-int #col-centrale table td { padding: 5px 0px; border-bottom: #CCCCCC solid 1px; background-color:none}
div#contenu-int #col-centrale table td a { padding: 0 5px; color:#3E617B; font-size:.9em; text-align:center}

div#contenu {width: 940px; margin-top: 10px; font-size: .85em}
div#contenu #col-gauche { width: 230px; float:left; margin-right: 22px;}
div#contenu #col-gauche h2 { width: auto; margin: 5px 0 0 0; background-color:#258ECB; color:#FFFFFF; text-transform:uppercase; font-size:.8em; padding: 3px}
div#contenu #col-gauche #news p { margin-bottom: 10px}
div#contenu #col-gauche #news .date { font-size:.8em; font-weight:bold; color:#258ECB; margin:5px 0}
div#contenu #col-gauche #news h3 { font-size:.9em; font-weight:bold; color:#3E617B;margin:3px 0}
div#contenu #col-gauche #news h3 a {color:#3E617B; text-decoration:none}
div#contenu #col-gauche #news p a {color:#333333; text-decoration:none;}
div#contenu #col-gauche #news h3 a:hover, div#contenu #col-gauche #news p a:hover{color: #258ECB; text-decoration:none}
div#contenu #col-gauche #news hr.separateur {display:block; height:1px; margin:0px;} 
div#contenu #col-gauche #access h2 { width: auto; margin: 25px 0 0 0; background:transparent url(../images/fd-1clic.gif) -1px top no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:.8em; padding: 20px 3px 3px 3px; height:14px;}
div#contenu #col-gauche #access ul li { background:url(../images/fd-quick-li.gif) left top no-repeat; height: 15px;}
div#contenu #col-gauche #access ul li a{ padding-left: 20px; color:#333333; font-size:.9em}

div#contenu #col-gauche #calendrier { margin-top: 32px}
div#contenu #col-gauche #calendrier #inline { margin-top: -32px}
div#contenu #col-gauche #calendrier table{font-size: 0.8em;text-align: center;margin: 0 auto 10px auto;border-collapse: collapse;border: transparent none 0px;width: 100%;}
div#contenu #col-gauche #calendrier table caption{margin: 0 auto;background:#FFF;font-size: 1em; color:#258ECB}
div#contenu #col-gauche #calendrier table th{color: #333333;font-weight:bold;background: transparent;}
div#contenu #col-gauche #calendrier table td{width: 14%;line-height: 1.5em;border: none;background: #FFFFFF;margin:1px; font-size:.95em; height:25px}
div#contenu #col-gauche #calendrier table td a{display: block;background: #258ECB;color: #FFFFFF;font-weight: bold;text-decoration: none;}
div#contenu #col-gauche #calendrier table td a:hover{background-color: #FFFFFF;color: #3E617B;}


/* Galerie d'image */
div#contenu #col-gauche #liens h2, div#contenu #col-gauche #photogallery h2{ background-color:#70A342; margin-top:30px}
div#contenu #col-gauche #photogallery #diaporama { margin: 2px; border-top:1px solid #999999;}
div#contenu #col-gauche #photogallery .photo { margin: 2px 0px 3px 0px; padding:0px; width: 75px; float: left; text-align:center; }


div#contenu #col-gauche #liens ul li a { background-color:#FFFFFF; border: #CCCCCC solid 1px; width: 228px; display:block; text-align:center; padding: 10px 0; margin-bottom: 3px}
div#contenu #col-gauche #liens ul li a:hover {border: #70A342 solid 1px;}

div#contenu #col-centrale #liens { text-align:center; margin-top:-5px}
div#contenu #col-centrale #liens h2{ background-color:#70A342; margin:30px 0 1px 0; font-size:.85em}
div#contenu #col-centrale #liens ul li {width:161px; display:block; margin-bottom:2px;}
div#contenu #col-centrale #liens ul li a { background-color:#FFFFFF; border: #CCCCCC solid 1px; text-align:center; padding: 10px 0 10px 20px; margin-bottom: -1px; height: auto; width:140px; display:block}
div#contenu #col-centrale #liens ul li a:hover {border: #A0C50D solid 1px;}
div#contenu #col-centrale #liens ul li a img {display:block; text-align:center; height: auto; width: auto; }


div#contenu #col-centrale { width: 162px; float:left; margin-right: 22px;}
div#contenu #col-centrale h2 {  width: auto; margin: 5px 0; background-color:#DF741B; color:#FFFFFF; text-transform:uppercase; font-size:.85em; padding: 3px}
div#contenu #col-centrale #testimonies ul li#video1 { background: transparent; height:97px;  margin-bottom: 30px}
div#contenu #col-centrale #testimonies ul li#video1 a, div#contenu #col-centrale #testimonies ul li#video2 a {background: transparent url(../images/btn-play.gif) 115px 96px no-repeat; width: 100%; display:block; color:#333333; text-decoration: none; font-size:.8em;}
div#contenu #col-centrale #testimonies ul li#video1 a:hover, div#contenu #col-centrale #testimonies ul li#video2 a:hover {background: transparent url(../images/btn-play-on.gif) 115px 96px no-repeat; color:#DF741B;}
div#contenu #col-centrale #testimonies ul li#video2 { background: transparent; height:97px;  margin-bottom: 25px}
div#contenu #col-centrale #programme {}
div#contenu #col-centrale #programme h2{ background: transparent url(../images/fd-programme.gif) left top no-repeat; height: 16px; padding: 22px 0 0 5px; margin:1px}
div#contenu #col-centrale #programme h3{ background: #F5DA90 url(../images/visu-programme-bottom.gif) left bottom no-repeat; font-weight:bold; color:#DF741B; text-align:center; padding: 5px 0 15px 0; font-size: .85em}
div#contenu #col-centrale #programme p.lien { background-color:#FFFFFF; text-align:center; border-bottom:#CCCCCC solid 1px;border-left:#CCCCCC solid 1px;border-right:#CCCCCC solid 1px; padding-bottom: 6px; margin-bottom:4px}
div#contenu #col-centrale #programme p.lien a {color:#333333; font-size:.8em}
div#contenu #col-centrale #programme p.lien a:hover {color:#DF741B}
div#contenu #col-centrale #promo { margin: 35px 0;}

div#contenu-int #col-centrale p.lien {background:transparent url(../images/btn-next.gif) no-repeat scroll left 3px;font-size:0.9em;margin:0pt 0pt 20px;padding-left:14px;}

div#contenu #col-droite { width: 162px; float:left; margin-right: 15px;}
div#contenu #col-droite #flash-animation {width: 495px; height: 435px; margin: 30px 0}


div#contenu #col-droite #actualites { width:495px; height: /*200px*/ auto; margin-bottom: 30px }
div#contenu #col-droite #actualites h2 { border-bottom:1px solid #CCCCCC;color:#258ECB;font-size:0.9em;margin-bottom:1px;padding-bottom:1px;padding-top:3px;text-transform:uppercase;}
div#contenu #col-droite #actualites h3 {color:#3E617B; font-size: 1.1em; padding-top:5px;}
div#contenu #col-droite #actualites h4 { color:#258ECB; font-size: .9em; font-weight:bold;}
div#contenu #col-droite #actualites p { margin: 8px 0; }
div#contenu #col-droite #actualites .actu p.bleu a { color:#258ECB; font-size: .9em;margin-left:7px;
padding-left:20px;}
div#contenu #col-droite #actualites .actu p.bleu a:hover { color:#3E617B; font-size: .9em;}

div#contenu #col-droite #actualites p#more { border-top: none; margin-top:-8px; width:100%;}
div#contenu #col-droite #actualites #rss { text-align:right; width: 150px; background: transparent url(../images/ico-rss.gif) right top no-repeat; padding-right: 14px; margin-top: -14px; float:right}
div#contenu #col-droite #actualites #rss a{ color:#999999; font-size:.7em; text-decoration:none}
div#contenu #col-droite #actualites #rss a:hover{ color: #FF9900;}


div#contenu #col-droite #actualites .actu { margin: 10px 0 5px; height: auto; width: 480px;border-bottom:#999999 solid 1px; background:#FFFFFF; padding:5px 10px 0px 5px; float:left}
div#contenu #col-droite #actualites .actu img{background-color:#FFFFFF;float:left;padding:6px 10px 6px 6px;}

div#contenu #col-droite #entrees-rapides { width:495px;margin-top: 80px;}
div#contenu #col-droite #entrees-rapides h2 { text-indent:-9000em; display:none}
div#contenu #col-droite #entrees-rapides ul li { display:inline; float:left; }
div#contenu #col-droite #entrees-rapides ul li.entry1, div#contenu #col-droite #entrees-rapides ul li.entry2, div#contenu #col-droite #entrees-rapides ul li.entry3 {text-indent:-9000em}
div#contenu #col-droite #entrees-rapides ul li.entry1 a{ background:url(../images/entree-rapide1-fr.gif) left top no-repeat; display:block; width: 154px; height:24px; margin-right: 16px}
div#contenu #col-droite #entrees-rapides ul li.entry2 a{ background:url(../images/entree-rapide2-fr.gif) left top no-repeat; display:block; width: 154px; height:24px;margin-right: 16px}
div#contenu #col-droite #entrees-rapides ul li.entry3 a{ background:url(../images/entree-rapide3-fr.gif) left top no-repeat; display:block; width: 154px; height:24px}

#more{ width:inherit; border-top:#999999 solid 1px; padding: 3px 0 0 0; text-align:right; margin-bottom: 25px; font-size:.9em;}
.orange a {color: #666666; background:transparent url(../images/puce-orange.gif) left 4px no-repeat; padding-left: 14px;}
.bleu a {color: #666666; background:transparent url(../images/puce-bleue.gif) left 4px no-repeat; padding-left: 14px;}
.vert a {color: #666666; background:transparent  url(../images/puce-verte.gif) left 4px no-repeat; padding-left: 14px;}
.orange a:hover{color: #DF741B; text-decoration:none}
.bleu a:hover{color: #258ECB; text-decoration:none}
.vert a:hover{color: #70A342; text-decoration:none}

div#contenu-int {width: 940px; margin-top: 10px; font-size: .85em}
div#contenu-int img { margin-right: 10px; margin-bottom: 5px;}
div#contenu-int #col-gauche { width: 165px; float:left; margin-right: 35px;}
div#contenu-int #col-gauche h2 {}

div#contenu-int #col-centrale { width: 470px; float:left; margin-right: 35px;}
div#contenu-int #col-centrale h2 { width: auto; margin: 5px 0 10px 0;color:#218BC7; /*text-transform:uppercase; */font-size:1.5em;}
div#contenu-int #col-centrale h3 {color:#406882;font-weight: bold; font-size: 1.1em; margin: 2px 0; border-bottom:#406882 solid 1px; }
div#contenu-int #col-centrale h3 acronym, div#contenu-int #col-centrale h3 abbr {border-bottom: 1px dotted #406882;cursor:help;}
div#contenu-int #col-centrale h3 a{color:#406882; text-decoration:none}
div#contenu-int #col-centrale h3 a:hover {text-decoration:underline}
div#contenu-int #col-centrale h4{font-size: 1em;font-weight:bold; color:#258ECB; margin:10px 0; background-color: #FFFFFF; padding: 5px 0px 5px 8px;}
div#contenu-int #col-centrale h4 acronym, div#contenu-int #col-centrale h4 abbr {border-bottom: 1px dotted #258ECB;cursor:help;}
div#contenu-int #col-centrale h5 {color:#333333;font-weight: bold; font-size: 1em; margin: 30px 0 -10px 0; border-bottom:#406882 solid 1px;}
div#contenu-int #col-centrale p {color: #333333; font-size:1em; margin: 10px 0; text-align:justify}
div#contenu-int #col-centrale p .txt-bleu {color:#218BC7;}
div#contenu-int #col-centrale p a {color:#218BC7; text-decoration:underline}
div#contenu-int #col-centrale img.left {padding-right: 15px; float:left}
div#contenu-int #col-centrale img.right {padding-left: 15px; float:right}
div#contenu-int #col-centrale ul { margin: 10px 30px 20px 35px; padding-right: 25px}
div#contenu-int #col-centrale li {background: none; margin:0; color: #333333; list-style:outside square; font-size: 1em}
div#contenu-int #col-centrale li a {padding-left: 5px; color:#333333;}

div#contenu-int #col-droite { width: 230px; float:right;}
div#contenu-int #col-droite h2 { width: auto; margin: 10px 0 0 0; background-color:#258ECB; color:#FFFFFF; text-transform:uppercase; font-size:.8em; padding: 3px}
div#contenu-int #col-droite #promo { margin: 20px 0;}
div#contenu-int #col-droite #photogallery { border-bottom:#666666 solid 1px;}
div#contenu-int #col-droite #photogallery h2{ background-color:#70A342; margin-top:30px}

div#contenu-int #col-droite #calendrier table{font-size: 0.8em;text-align: center;margin: 0 auto 10px auto;border-collapse: collapse;border: transparent none 0px;width: 100%;}
div#contenu-int #col-droite #news {}
div#contenu-int #col-droite #news p { margin-bottom: 5px;background-color:#FFFFFF; padding: 3px; font-size: .9em}
div#contenu-int #col-droite #news h3 {color:#3E617B; font-size:0.9em; font-weight:bold;}
div#contenu-int #col-droite #news p#more {background-color:#F5FAFD;}
div#contenu-int #col-droite #news .date { font-size:.9em; font-weight:bold; color:#258ECB; margin-bottom:0px; background-color:#F3F3F3; padding: 3px0px 3px 2px;}
div#contenu-int #col-droite #news p a {color:#333333; text-decoration:none;}
div#contenu-int #col-droite #news p a:hover{color: #258ECB; text-decoration:none}

div#contenu-int #col-droite #access h2 { width: auto; margin: 20px 0 0 0; background:transparent url(../images/fd-1clic.gif) -1px top no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:.8em; padding: 20px 3px 3px 3px; height:14px;}
div#contenu-int #col-droite #access ul li { background:url(../images/fd-quick-li.gif) left top no-repeat; height: 15px;}
div#contenu-int #col-droite #access ul li a{ padding-left: 20px; color:#333333; font-size:.9em}

div#contenu-int #col-droite #calendrier h2, div#contenu #col-gauche #calendrier h2 { background-color:#DF741B; color:#FFFFF; border-bottom: none 0px}

div#contenu-int #col-droite #calendrier table caption{margin: 0 auto;background:#FFF;font-size: 1em; color:#258ECB}
div#contenu-int #col-droite #calendrier table th{color: #333333;font-weight:bold;background: transparent;}
div#contenu-int #col-droite #calendrier table td{width: 14%;line-height: 1.5em;border: none;background: #FFFFFF;margin:1px; font-size:.95em}
div#contenu-int #col-droite #calendrier table td a{display: block;background: #258ECB;color: #FFFFFF;font-weight: bold;text-decoration: none;}
div#contenu-int #col-droite #calendrier table td a:hover{background-color: #FFFFFF;color: #3E617B;}


div#contenu-int.fd-vert #col-centrale ul li a, div#contenu-int.fd-rouge #col-centrale ul li a{color:#3E617B}
div#contenu-int #chiffre1 { background-color:#F4FFC7; width: 28%;color:#8DAE0B;font-size: .95em; float:left; padding: 10px;margin-right:3px; margin-bottom: 8px}
div#contenu-int #chiffre1 strong { display:block; font-size: 3.5em;}
div#contenu-int #chiffre2 {background-color:#D1F5FF; width: 28%; color:#218BC7; font-size: .95em; float:left;padding: 10px; margin-right:3px; margin-bottom: 8px}
div#contenu-int #chiffre2 strong { display:block; font-size: 3.5em;}
div#contenu-int #chiffre3 {background-color:#FFCACA; width: 28%; color:#800000; font-size: .95em; float:left;padding: 10px; margin-bottom: 8px}
div#contenu-int #chiffre3 strong { display:block; font-size: 3.5em;}

div#contenu-int #chiffre4 {background-color:#D1F5FF; width: 28%; color:#218BC7;font-size: .95em; float:left; padding: 10px; margin-right:3px; margin-bottom: 8px}
div#contenu-int #chiffre4 strong { display:block; font-size: 3.5em;}
div#contenu-int #chiffre5 {background-color:#AAC3D6; width: 28%; color:#3E617B; font-size: .95em; float:left;padding: 10px; margin-right:3px; margin-bottom: 8px}
div#contenu-int #chiffre5 strong { display:block; font-size: 3.5em;}
div#contenu-int #chiffre6 {background-color:#F4FFC7; width: 28%;color:#8DAE0B;font-size: .95em; float:left;padding: 10px;  margin-bottom: 8px}
div#contenu-int #chiffre6 strong { display:block; font-size: 3.5em;}




/* -------------------------------------------------------- Sub Nav -----------------------------------------------------------------*/

div#sous-nav h2 {width: auto; margin: 5px 0 0 0; background-color:#218BC7; color:#FFFFFF; text-transform:uppercase; font-size:.8em; padding: 3px}
div#sous-nav ul {background-color:#F3F3F3;padding: 8px 7px 3px 7px; border: #E7E7E7 solid 1px}
div#sous-nav li {margin-bottom: 5px;font-size:.9em;}
div#sous-nav li a {background:transparent url(../images/puce-li.gif) left 4px no-repeat;color:#333333; padding-left:10px;}
div#sous-nav li.on a.actif {color:#FFFFFF;background-color:#218BC7; padding: 3px 1px 1px 1px; text-indent: 3px; width: 100%; display:block}
div#sous-nav li ul { background-color:#FFFFFF; margin-top: 3px; border: 0px}
div#sous-nav li ul li {margin-bottom: 5px; padding-right: 15px}
div#sous-nav li ul li a {background:transparent url(../images/puce-fleche.gif) left 6px no-repeat;color:#333333; padding-left:12px;}
div#sous-nav li ul li.on {color:#FFFFFF;background-color:#218BC7;  display:block; padding: 1px}

/* ------------------------------------------------------ Print and top ---------------------------------------------------------------*/

div#contenu-int #col-centrale #services {float:right; text-align:right;border-bottom:#406882 solid 1px; width:470px;}
div#contenu-int #col-centrale #services ul{ display:inline; margin:0; padding:0; }
div#contenu-int #col-centrale #services li{ display:inline; margin:0; padding:0; list-style:none; }
div#contenu-int #col-centrale #services li a { padding:5px;text-decoration:none;background-color: #406882;color:#FFFFFF; margin:0; font-size:.8em}
div#contenu-int #col-centrale #services li a:hover{ font-weight:normal;background-color: #218BC7;}

/* --------------------------------------------------------- Footer ------------------------------------------------------------------*/

div#contenu #footer {width: 955px;height: 185px; float:left; margin-top: -15px;background: transparent url(../images/fd-footer.gif) left top no-repeat;margin-bottom: 8px}
div#contenu-int #footer {width: 955px;height: 185px; float:left; margin-top: 40px;background: transparent url(../images/fd-footer.gif) left top no-repeat;margin-bottom: 8px}

div#footer #adress { color:#FFFFFF; font-size:.9em; margin-top: 120px; letter-spacing: 0em; text-align:center; background-color: #258ECB; height: 65px; float:left; width:800px; display:block;}
div#footer #adress a{ color:#FFFFFF;}
div#footer #universite{ float:right; margin-top: 120px; height:65px; background-color:#258ECB; width:140px; text-align:center; display:block; padding-right:15px}

div#nav-basse {width: 955px;clear:both; text-align:center; font-size: .85em; color:#666666; margin-bottom: 15px}
div#nav-basse ul li{ display: inline;}

div#nav-basse a { color:#666666; text-decoration: none}
div#nav-basse a:hover {color:#258ECB}

/* ///////////////////////////////////////////////////// GESTION DES ROLL-OVER /////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////// GESTION DES STYLES ///////////////////////////////////////////////////// */

.txt {font-family: Arial, Helvetica, sans-serif;font-size: .7em;font-style: normal;font-weight: normal;color: #012537;}
.mentions {font-family: Arial, Helvetica, sans-serif;font-size: .8em;color: #666666;}

/* /////////////////////////////////////////////////////// GESTION DU FORMULAIRE DE CONTACT ///////////////////////////////////////////////////// */

.legal {padding-left: 80px;}

/* /////////////////////////////////////////////////////// GESTION DU PLAN DU SITE ///////////////////////////////////////////////////// */

.plan_site ul, li {padding: 0px 0px 0px 0px;}



#diaporama {margin-top:10px; background-color:transparent;}
#diaporama .fl { float: left; display: inline; background-color:transparent; }
#diaporama.news_slider {clear:both;	position: relative;	width: 228px; overflow: hidden; }
#diaporama.news_slider .prev, #diaporama.news_slider .next { position: absolute; display: none; margin:0px; padding:0px; top:84px; z-index:9999;  }
#diaporama.news_slider .prev { right: 20px;   }
#diaporama.news_slider .next { right: 5px;  }
#diaporama.news_slider .news_items {  width: 114px; overflow: hidden; left:30px; top:5px; height:100px; background-color:#FFFFFF}
#diaporama.news_slider .news_items .view_all { display:none; }
#diaporama.news_slider .news_items .container { position: relative; top: 0; left: 0; }
#diaporama.news_slider .news_items .container .item { width:114px; padding:5px 0px 0px 0px; text-align:center; margin:0px 2px 0px 0px; overflow:hidden}
#diaporama.news_slider .news_items .container .actif { border-right: 0px;}
#diaporama.news_slider .news_items .container #article-vide { display:none; }
#diaporama.news_slider .news_items .container .item a { display:block; width:114px; height:77px; text-decoration:none; color:#9d0f0f; margin:0px 0px 0px 0px; }
#diaporama.news_slider .news_items .container .item a span { background-color:#ffffff; display:block; padding:3px 0px 0px 0px; font-weight:bold; }
#diaporama.news_slider img {padding:0px;}

