body {background: white url(/images/interface/background01.jpg) repeat-x;font-size:82.5%;color: #666;}

body .fixed-lg { width:960px; }
.classic .a-b>.a { width:175px; margin-right:10px;}
.classic .a-b>.b { width:775px; margin:0;}
.classic .a-b-c .a,.classic .a-b-c .b,.classic .a-b-c .c { width:30% }

.classic .b-c .b {width:390px;}
.classic .b-c .c {width:360px;margin-top:40px;}

a {color:#4C7AD0;padding:2px;font-weight:bold;text-decoration:none;outline:none;}
hr { color: #F1F1F1; background-color: #F1F1F1; height: 1px; border: 0; clear:both;}

#h {}
#h .a {background:#0a327f url(../images/interface/background05.jpg) repeat-x scroll 0%;height: 148px;}
#h .b {background:transparent url(../images/interface/background07.jpg) no-repeat scroll 0% 100%;height: 148px;}
#h .a h1 {margin:60px 0 0 0;overflow:hidden;text-indent:-9999px;text-align:center;}
.sIFR-hasFlash h1 {visibility: visible !important;}
#h h1 a {background:transparent url(../images/interface/images/logo-giotto2.png) no-repeat 8px top;display:block;height:46px;width:171px;}

#activities-container {height:148px;}

#content {background-color:white;}
#content p, #content ul, #content ol, #content h2, #content h3, #content h4, #content h5, #content h6 {margin: 15px 0 10px 0;}
#content ul li{margin: 5px 0;}
#content .content-bloc {padding:10px;text-align:left;}
#content ul {list-style-position: outside;margin-bottom:10px;}
#content a:hover {background-color:#4C7AD0;color:#fff;text-decoration:none;}
#content h2, #content h3, #content h4, #content h5, #content h6 { letter-spacing:-0.05em;}
#content h2 {font-size:1.5em;color:#0a327f;font-weight:normal;}
#content h3 {font-size:1.2em;font-weight:bold;}
#content h4 {font-size:1em;font-weight:bold;}
#content strong {font-weight:bold;}
#content em {font-style:italic;}
#content p.back {margin:20px auto;text-align:center;}
#content .no-background {background-color:transparent;}

.sep {height:1px; background-color:#ECECEC; margin:25px 0; clear:both;}

/* photo */
#full-content-picto { min-height:300px; width:595px; background: url(../images/interface/images/activite-01-photo.jpg) no-repeat; padding:60px 0px 20px 190px;}
#full-content {width:340px;border:1px solid #F1F1F1;padding:0px 15px 10px 15px; background-color:#FFF; }

#main-menu { width:175px;}
#main-menu h2 { display:none; }
#main-menu a {color:white;font-weight:bold;text-decoration:none;}
#main-menu a:hover {color:yellow;}

#main-menu ul * {margin:0;padding:0;}
#main-menu ul li {margin:0;padding:0;background:#0a327f url(../images/interface/background02.jpg) no-repeat left top;height:41px;width:175px;}
#main-menu ul li a {letter-spacing:0.02em;font-size:0.8em;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;display:block;padding:15px 0 0 20px;height:24px;}

a#fila-link {color:#0B3281;}
a#fila-link:hover {color:black;}

#search-box {clear:both;position:absolute;margin:10px 0 10px 560px;width:201px;height: 31px;background:transparent url(../images/interface/background-search-box.gif) no-repeat left top;}
#search-box #query {color:#66CC33;padding:0;margin:7px 0 0 6px;border:0px;width:150px;font-size:.9em;}
#search-box #go {float:right;margin:3px 4px 0 0;}

/* Footer */
#main-menu-footer {font-size:0.8em;text-align: center;background:url(../images/interface/background03.jpg) repeat-x;height:150px;width:175px;}
#main-menu-footer p.mmf1 {color:#FFF; padding:25px 0 10px 0;}
#main-menu-footer p.mmf2 {color:#0B3281; padding:10px 0 0 0;}

/* Navigation footer */
#f {color:#fff;background:white url(../images/interface/background04.jpg) repeat-x;height:85px;overflow:hidden;}

#brands {padding-left:210px;padding-top:20px;height:65px;overflow:hidden;}
#brands ul {width:300px;height:65px;overflow:hidden;list-style-type:none;display:inline;font-weight:bold;font-size:85%;padding-left:50px;}
#brands ul li {float:left;margin-left:0;list-style:none;display:inline;}
#brands ul li a {text-indent:-9999px;display:block;height:65px;background-repeat:no-repeat;}
#brands ul li a:hover {}

#omyacolor a { background-image: url(../images/interface/images/logo-omyacolor-footer.png); width:165px;height:65px;background-position:10px 10px;}
#fila a { background-image: url(../images/interface/images/logo-fila-footer.png); width:80px;height:65px;margin-top:22px;margin-left:5px;}
#giotto a { background-image: url(../images/interface/images/logo-giotto-footer.png); width: 120px; height: 65px;}
#tratto a { background-image: url(../images/interface/images/logo-tratto-footer.png); width: 115px; height: 65px;}
#bib a { background-image: url(../images/interface/images/logo-bib-footer.png); width: 75px; height: 65px;}
#dido a { background-image: url(../images/interface/images/logo-dido-footer.png); width: 55px; height: 65px;}
#das a { background-image: url(../images/interface/images/logo-das-footer.png); width: 60px; height: 65px; }

/* Image de la rubrique */

#picto, #picto .hover-picto {height:300px;width:360px;background-repeat:no-repeat;background-position:left top;overflow:hidden;}
#picto .hover-picto {position:relative;margin:0;}
#picto .hover-picto .picto-text {position:relative;padding:2px;margin:240px 5px 5px 5px;background-color:#fff;font-size:75%;height:50px;overflow:hidden;}
#picto .hover-picto .picto-text p {margin:0;color:#0B3281;}

.hidden-picto {display:none;}

/* Lists Items */
.faq-item, .content-item  { margin:0 5px 10px 5px;padding:15px;border:1px solid #F1F1F1;}

/* Tabs
----------------------------------------------*/
#content ul.tabs {border-bottom:1px solid #0B3281;clear:both;height:26px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:10px 0 10px 0;padding:0px;}
#content ul.tabs li {margin:0 7px 0 0;float:left;text-align:center;background:transparent url(../images/interface/background08.jpg) repeat-x;color:#0B3281;border-left:1px solid lightgrey;border-top:1px solid lightgrey;border-right:1px solid lightgrey;}
#content ul.tabs li a {color:#afafaf;display:block;height:13px;padding:6px;width:80px;}
#content ul.tabs li a:hover {color:#fff;}
#content ul.tabs li a.active {background:#0A327F url(../images/interface/background02.jpg) no-repeat scroll 0%;color:#fff;}
#content ul.tabs li a.active:hover {color:yellow;}

/* Fiche creatives
----------------------------------------------*/
ul#cs-index {}
#fiche-photo { float:left; width:300px; height: 360px; background: url(../images/interface/images/fiche-01-photo.jpg) no-repeat; background-position: right;}
#fiche-bloc { float:right; width: 310px; margin-right:20px; padding-bottom: 20px;}
#content #pager { clear:both; float:right; text-align:center; padding-top: 20px; padding-bottom:20px;}
#content #pager a {padding:2px;}

/* divers
----------------------------------------------*/
.align-left {float:left;margin:10px 10px 10px 0;}
.align-right {float:left;margin:10px 0 10px 10px;}

.flash-replaced .alt {display: block;height: 0;position: absolute;overflow: hidden;width: 0;}