/*
THEME NAME: INTIMITE(S) FRANCOPHONE(S)2008)
THEME URI: http://intimites-francophones.net
DESCRIPTION: theme original du site intimites-francophones.net
VERSION: 1
AUTHOR: lrollin@fing.org
AUTHOR URI: http://www.fing.org
DATE: 06.10.08
REVISION: 06.10.08
*/

/*remise a zero des valeurs par defaut pour tous navigateurs*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;
    font-size: 100%;    font-family: inherit;   vertical-align: baseline;
}

body, html { font-size:103%;}

ul { list-style:none;}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }


blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/*GENERAL
------------------------------------------------------------------------------------------------ */
body{ background:#fff;font-family:Arial, Helvetica, sans-serif;color:#000;line-height:1.5;}


/*Styles communs*/
a{ color:#332b80; background:transparent;text-decoration:none;}
.clear{ clear:both;}
.spip_documents_center{display:block;text-align:center;}
.spip_documents_right img{margin-left:10px;}

/*STRUCTURE 
------------------------------------------------------------------------------------------------ */
#container{margin:0 auto;width:900px;}
#content{margin:18px 0 0 0;}
#content p{font-size:81%;}

/*HEADER
------------------------------------------------------------------------------------------------ */
#header{position:relative;border-bottom:1px solid #000;height:135px;}

/*Menu*/
#header ul{position:absolute; top:15px; right:0;list-style-type:none;}
#header ul li{ display:inline;font-size:82%;}
#header ul li a{background:transparent; color:#000; text-decoration:none;padding:1px;}
#header ul li a:hover{background:#000; color:#fff; }
#header ul li a.on{background:transparent; color:#4591b2; font-weight:bold;}

/*partenaires*/
#header #partenaires{position:absolute;top:80px;margin:0;padding:0;width:174px;height:51px;
background:transparent url('../img/partenaires.png');}
#header #partenaires li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#header #partenaires li, #header #partenaires a{height: 51px; display: block;}
#header #partenaires #afrique {left:0; width:67px;}
#header #partenaires #afrique a:hover{background:transparent url('../img/partenaires_on.png') no-repeat 0 0px ;}
#header #partenaires #correspondants{left:67px; width:107px;}
#header #partenaires #correspondants a:hover{background:transparent url('../img/partenaires_on.png') no-repeat -67px 0px ;}

/*PAGE ACCUEIL 
------------------------------------------------------------------------------------------------ */
#content p.introHome{margin:0 0 38px 0;}
#content p.introHome span.black{font-size:180%;color:#fff; background:#000;padding:2px;font-weight:bold;}
#content p.introHome span.orange{display:block;margin-top:1px;color:#e99107; background:transparent;font-size:160%;padding:2px;font-weight:bold;}

#content #slideshow {position:relative;height:250px;text-align:center;cursor:pointer;}
#content #slideshow img {position:absolute; top:0;left:0;z-index:8;}
#content #slideshow img.active {z-index:10;}
#content #slideshow img.last-active {z-index:9;}

/*PAGE*/
#content #colGauche{float:left;margin:4px 13px 0 0;width:230px;}
#content #colGauche h2{border-bottom:1px solid #939598;padding:12px 0 2px 0;}
#content #colGauche p{font-size:72%;margin:10px 0;}
#content #colGauche .event{width:230px;height:130px;background:transparent url('../img/bk-vernissage.png') no-repeat top;text-align:center;margin:36px 0;}
#content #colGauche .event p.blanc{padding:4px 0 0 0;color:#fff;background:transparent;font-size:100%;font-weight:bold;line-height:1.2;}
#content #colGauche .event p.noir{padding:0 6px;color:#000;background:transparent;font-size:100%;font-weight:bold;line-height:1.2;}

/*gallery*/
#content ul.photos{text-align:center;margin:18px 0 0 0;}
#content ul.photos li{padding:4px 0;}
.zoomimage {position: absolute;display: none;z-index: 5000;outline: none; cursor: url(../img/gal_zoomout.cur), default;}
.zoomimage_focused {z-index: 51000;}
.zoomimage_s {position: absolute;top: 0;left: 0;height: 100%;	width: 100%;display: none;}
.zoomimage_st {position: absolute;top: 0;left: 0;width: 100%;height: 6px;overflow: hidden;}
.zoomimage_stl {position: absolute;top: 0;left: 0;width: 6px;height: 6px;overflow: hidden;background:transparent url(../img/gal_shadow.png) no-repeat scroll 0 0;}
.zoomimage_stc {overflow: hidden;height: 6px;margin: 0 6px;	background: transparent url(../img/gal_shadow.png) repeat-x scroll 0 -30px;}
.zoomimage_str {position: absolute;top: 0;right: 0;width: 6px;height: 6px;overflow: hidden;background:transparent url(../img/gal_shadow.png) no-repeat scroll 0 -18px;}
.zoomimage_sc {position: absolute;top: 6px;width: 100%;	left: 0;overflow: hidden;}
.zoomimage_scl {position: absolute;overflow: hidden;	top: 0;left: 0;height: 100%;width: 6px;background: transparent url(../img/gal_shadow-lr.png) repeat-y scroll 0pt;}
.zoomimage_scr {position: absolute;overflow: hidden;	right: 0;	top: 0;height: 100%;	width: 6px;	background:transparent url(../img/gal_shadow-lr.png) repeat-y scroll -6px 0pt}
.zoomimage_scc {margin: 0 6px;height: 100%;background:transparent url(../img/gal_shadow-c.png);overflow: hidden;}
.zoomimage_sb {position: absolute;overflow: hidden;	bottom: 0;left: 0;width: 100%;height: 6px;}
.zoomimage_sbl {position: absolute;overflow: hidden;	width: 6px;height: 6px;left: 0;top: 0;background:transparent url(../img/gal_shadow.png) no-repeat scroll 0pt -12px;}
.zoomimage_sbc {height: 6px;overflow: hidden;margin: 0 6px;background:transparent url(../img/gal_shadow.png) repeat-x scroll 0pt -36px;}
.zoomimage_sbr {position: absolute;overflow: hidden;width: 6px;height: 6px;right: 0;top: 0;	background:transparent url(../img/gal_shadow.png) no-repeat scroll 0pt -6px;}
.zoomimage img {position: absolute;top: 6px;left: 6px;display: none;border: 20px solid #000;}
.zoomimage_caption {position: absolute;	background-color: #fff;color: #000;width: 100%;}
.zoomimage_caption p {	padding: 10px;margin: 0;font-size: 11px;font-weight: bold;}
.zoomimage_loading {background-image: url(../img/gal_ajax_small.gif);background-repeat: no-repeat;background-position: center;height: 100%;
	position: absolute;background-color: #fff;width: 100%;top: 0;left: 0;}
.zoomimage_move {cursor: move;}
.zoomimage_controls {position: absolute;background: #fff;height: 30px;overflow: hidden;}
.zoomimage_prev {background: #fff url(../img/gal_zoomimage_prev.gif) no-repeat center;width: 39px;height: 29px;position: absolute;bottom: 1px;left: 10px;}
.zoomimage_next {background: #fff url(../img/gal_zoomimage_next.gif) no-repeat center;width: 39px;height: 29px;position: absolute;bottom: 1px;right: 10px;}

#content #centre{float:left;border-left:1px solid #939598;margin:5px 0 10px;padding-left:18px;width:635px;}
#content #centre h2{font-size:130%;font-weight:bold;border-bottom:3px solid #000000;margin:5px 0 15px;
padding:0 0px;display:block;text-transform:uppercase; }

#content #centre .liste{width:600px; height:85px;border-bottom:1px solid #939598; padding:0 0 8px 0;clear:both;margin:8px 0 0 0;}
#content #centre .liste h3{display:inline; font-weight:bold;padding-bottom:8px;}
#content #centre .liste h3 a{color:#000; background:transparent;text-decoration:none;}
#content #centre .liste h3 a:hover{color:#4591b2; background:transparent;}
#content #centre .liste img{float:left;padding-right:20px;}
#content #centre .liste p{padding:0px 0 0px 0;}

#content #centre h3{font-size:100%;margin:16px 0 0 0;font-weight:bold;}
#content #centre a{background:#f2f8fb; color:#0a6f9b;padding:1px;}
#content #centre a:hover{border-bottom:1px dotted; background:#c2e1ef; color:#000;}
#content #centre ul{font-size:72%; padding:6px 0px 6px 8px; list-style:square;list-style-position:inside;}
#content #centre ul li{padding:2px 0;}
#content #centre p{font-size:72%;padding-bottom:8px;}
#content #centre dt{font-size:72%;}
#content blockquote{padding:6px 24px; color:#333;background:#f5f3f3;margin:0 12px;}
#content blockquote p{font-size:82% !important;font-style:italic;}
#content blockquote span{color:#000;background:transparent;font-size:160%;}

#content .partenaires {float:left; width:260px;margin:8px 0 0 0;padding:0;}
#content .partenaires span{display:block;text-align:center;}

/*FOOTER
------------------------------------------------------------------------------------------------ */
#footer{border-top:1px solid;padding:15px 0;margin:55px 0 18px 0;font-size:72%;}
#footer #footLeft{float:left;color:#e59b27;background:transparent;}
#footer #footRight{float:right;}
#footer #footRight ul li{display:inline;background:transparent;color:#999; }
#footer #footRight ul li a{background:transparent;color:#999; text-decoration:none;}
#footer #footRight ul li a:hover{background:transparent;color:#333; }