/*
Theme Name: Illacrimo
Theme URI: http://wp-themes.designdisease.com/illacrimo/
Description: Designed by Elena G..
Version: 1.1
Author: Design Disease
Author URI: http://wp-themes.designdisease.com/
*/
body { background: #3e3531; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;}
html { padding: 0; margin: 0;}
a:link { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : #003399; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}
h1, h2, h3, h4 { font-family: "Trebuchet MS";}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; }
form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
/* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.BGC { width: 1000px; margin: 0 auto; padding: 0px; position: relative; }
/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Header { height: 98px;} /* */
.Header { background: url(images/HeaderBkga7.jpg) repeat-x left top; width: 1000px; position: relative; clear: left; padding: 0px; min-height:98px;}
.Header h1 { font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 27px 5px 0px 100px; margin: 0px 0px 0px 50px; font-weight: normal; color:#d1d2d4;}
.Header h1 a { color:#fff; text-decoration: none; }
.Header h1 a:visited { color:#fff; text-decoration: none; }
.Header h1 a:hover { color:#fff; text-decoration: none; }
.Header .Desc { color:#b1b2b4; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 150px;}
.Header .LS { position: absolute; top: 10px; left: 30px; width: 110px; height: 70px;}
/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu { background: #0097ca; width: 1000px; position: relative; float: left; height: 35px;}
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 10px 0px 0px 100px;}
.Menu ul li ul { display: none;}
.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 11px;}
.Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; background: url(images/MLeft.png) no-repeat left top; float: left;}
.Menu a span { padding: 6px 9px 6px 6px; display: block; background: url(images/MRight.png) no-repeat right top; float: right; }
.Menu a span { float: none; color: #FFF;}
.Menu a:hover span { color: #FFF;}
.Menu a:hover { background-position: 0% -25px; color:#003399; text-decoration: none;}
.Menu a:hover span { background-position: 100% -25px; color:#003399;}
.Menu .on { background: url(images/MLeft.png) no-repeat left bottom; color:#003399; }
.Menu .on span { background: url(images/MRight.png) no-repeat right bottom; color:#003399; }
.MTL { position: absolute; top: 0px; left: 0px; background: url(images/MTL.gif) no-repeat left top; height: 8px; width: 8px;}
.MTR { position: absolute; top: 0px; right: 0px; background: url(images/MTR.gif) no-repeat left top; height: 8px; width: 8px;}
/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { background: #fff url(images/BGC.gif) repeat-y center; width: 1000px; float: left; position: relative; padding: 0px}
.CON3 { background: #fff url(images/BGC2.gif) repeat-y center;; width: 1000px; float: left; position: relative; padding: 0px}
/* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SCS { width: 420px; float: left; padding: 15px 30px 15px 100px; }
.SCS h1 { font-size: 20px; font-weight: normal; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px; }
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }
.SCS p { font-size: 12px; line-height: 17px;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.SCS blockquote a { color:#0080ca; }
.SCS blockquote a:visited { color:#0080ca; }
.SCS blockquote a:hover { color:#003399; }
.SCS a { text-decoration: underline;}
/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width: 420px; float: left; padding: 15px 30px 15px 100px;}
.SC h2 { font-weight: normal;}
.SC2 { width: 420px; float: left; padding: 4px 30px 15px 100px;}
.SC2 h2 { font-weight: normal;}
.SC3 { width:100%; height:100%; background-color:#FFFFFF; float: left; padding: 4px 30px 15px 0px;}
.SC3 h2 { font-weight: normal;}
.pagetitle { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #000; padding-bottom: 15px;}
/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post { padding: 0px; position: relative; clear: left;}
.PostHead { position: relative; clear: left; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px;}
.PostHead h1 { font-size: 20px; line-height: 20px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:#cc6600;}
.PostHead h1 a { color: #d71921; text-decoration: none;}
.PostHead h1 a:visited { color: #d71921; text-decoration: none;}
.PostHead h1 a:hover { color:#007ac8; text-decoration: none;}
.PostAuthor { padding: 1px 0px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;}
.PostDate { margin: 0px; position: absolute; top: 0px; left: -70px; text-align: center; background: url(images/PostHead.gif) repeat-x bottom; padding: 0px 10px 6px 10px;}
.PostDate small { font-size: 10px; color:#8a98a2; font-weight: bold; }
.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
.PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#0097ca;}
.PostDate .year { display:block;}
.PostContent { padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/PostHead.gif) repeat-x bottom; }
.PostContent p { font-size: 12px; line-height: 17px;}
.PostContent p strong {}
.PostContent img {}
.PostContent ul { padding: 10px 0px; margin: 0px; }
.PostContent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.PostContent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.PostContent blockquote a { color:#0080ca; }
.PostContent blockquote a:visited { color:#0080ca; }
.PostContent blockquote a:hover { color:#003399; }
.PostContent a { text-decoration: underline;}
.PostDet { padding-top: 15px;}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 5px 0px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; }
.PostDet li a { text-decoration: underline;}
.PostCateg { background: url(images/PostCateg.png) no-repeat left center;}
.PostCom { background: url(images/PostCom.png) no-repeat left center; }
/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding: 0px; margin: 0px;}
.Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none; font-size: 11px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}
.Note li a { color:#cc6600;}
/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 11px;}
.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;}
.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; }
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 11px; color:#000;}
/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin: 20px 0px 0px 0px;}
/* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#000; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;}
.Comments .List .ComListLi { background: #f6f1de url(images/ComListLiBottom.gif) no-repeat left bottom; }
/**/ * html .Comments .List .ComListLiTop { left: -5px;} /**/
.Comments .List .ComListLiTop { position: absolute; background: url(images/ComListLiTop.gif) no-repeat left top; height: 15px; width: 420px; left: 0px; top: 0px;}
/**/ * html .Comments .List .ListNr { left: -55px;} /**/
.Comments .List .ListNr { color:#bec9d1; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -55px; }
/**/ * html .Comments .List .ListGrav { left: 10px;} /* */
.Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;}
.Comments .List .ListGrav img { border: solid 1px #fff;}
.Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 11px; line-height: 11px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}
.Comments .List small { color:#a19a80; padding: 0px 0px 0px 42px; margin: 0px; font-size: 10px; }
.Comments .List small a { color:#a19a80; text-decoration: none;}
.Comments .List small a:visited { text-decoration: none;}
.Comments .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;}
/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#333;}
.Comments .Form { background: #bbe9ff url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 20px 15px; position: relative;}
/**/ *html .Comments .FormTop { left: -15px;} /**/
.Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#336699; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #9dc0d0; padding: 5px 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #9dc0d0; padding: 4px; font-size: 12px;}
.Comments .Form input.SubmitComment { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}
/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { width: 450px; float: right; position: relative; }
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold; color:#fff;}
/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Search { background: url(images/Search.gif) no-repeat left top; position: absolute; top: -63px; width: 280px; left: -9px;}
.Search form { padding: 30px 20px 10px 30px; margin: 0px;}
.Search input { border: none; color: #330033; font-size: 11px;}
.Search input.search { width: 24px; height: 23px; background: url(./images/A7SearchButton.gif) no-repeat;}
.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 200px; border: none; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */
#buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; }
.Search h2 { background: url(images/CategH3.gif) no-repeat left top; padding: 0px 0px 5px 20px; margin: 0px; width:210px;position:absolute; left:30px; top:10px; }
/* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Flickr { margin-bottom: 10px;}
.Flickr h2 { background: url(images/FlickrH3.gif) no-repeat left top; padding: 0px 0px 5px 20px; margin: 0px 0px 10px 0px; border-bottom: dashed 1px #7bb9d9; }
.Flickr ul { padding: 0px; margin: 0px;}
.Flickr li { padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline;}
.Flickr li a img { background: #000; padding: 1px; border: solid 4px #127aae; width: 60px; height: 60px; margin-bottom: 5px;}
.Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #09182a; margin-bottom: 5px;}
/* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Syn { background: #09182a url(images/SynBottom.gif) no-repeat left bottom; margin-bottom: 10px; position: relative; padding: 10px 15px; }
/**/ * html .SynTop { left: -15px;} /* */
.SynTop { position: absolute; background: url(images/SynTop.gif) no-repeat left top; left: 0px; top: 0px; width: 230px; height: 8px; }
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 3px 20px; list-style-type: none; font-size: 12px; color:#0097ca;}
.Syn li a { color:#fff; font-size: 12px; }
/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .SRL { width: 230px; float: left; padding: 15px 20px 15px 20px; color:#abcee1;}
.SR .SRL a { color:#FFF; font-size: 11px; }
.SR .SRL a:visited { color:#FFF; }
.SR .SRL a:hover { color:#abcee1;}
.SR .SRL .widget { margin-bottom: 20px; color:#fff;}
.SR .SRL .widget h2 { background: url(images/CategH3.gif) no-repeat left top; padding: 0px 0px 5px 20px; margin: 0px; border-bottom: dashed 1px #7bb9d9; }
.SR .SRL .widget ul { margin: 0px; padding: 0px;}
.SR .SRL .widget li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; border-bottom: solid 1px #106899;}
.SR .SRL .widget_categories .children ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; }
.SR .SRL .widget_categories .children li { margin: 0px; padding: 0px; list-style-type: none; border-bottom: none; font-size: 10px; background: none; }
.SR .SRL .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 18px;}
.SR .SRL .widget_calendar table { width: 100%;}
.SR .SRL .widget_calendar table td { text-align: center; padding: 3px; }
.SR .SRL .widget_calendar caption { background: #006dab; padding: 5px 0px;}
.SR .SRL .widget_calendar #today { background: #006dab;}
.SR .SRL .widget_search #s { width: 160px; border: solid 1px #006dab; padding: 3px; margin-bottom: 5px;}
/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .SRR { width: 160px; float: right; padding: 10px;}
*html .SR .SRR {
width: 140px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
}
.SR .SRR .widget { margin-bottom: 10px; color:#7a8fa4;}
.SR .SRR .widget h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; }
.SR .SRR ul { padding: 0px; margin: 0px;}
.SR .SRR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIcoa7.png) no-repeat left top;}
.SR .SRR li a { color:#7a8fa4; font-size: 11px; }
.SR .SRR li a:visited { color:#7a8fa4; }
.SR .SRR li a:hover { color:#fff;}
.SR .SRR a { color:#7a8fa4; font-size: 11px; }
.SR .SRR a:visited { color:#7a8fa4; }
.SR .SRR a:hover { color:#fff;}
/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Footer { width: 970px; position: relative; clear: left; padding: 10px 15px;}
.FL { position: absolute; top: -8px; left: 0px; height: 8px; width: 8px; background: url(images/FL.gif) no-repeat left top; }
.FR { position: absolute; top: -8px; right: 0px; height: 8px; width: 8px; background: url(images/FR.gif) no-repeat left top; }
.Footer p { font-size: 10px; color:#92b8cd; padding: 0px; margin: 0px; }
.Footer a { color:#92b8cd; text-decoration: underline;}
/* table +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contentPage ul, #contentPage ol { margin: 0 2em 2em 2em; padding-left: 1em; padding: 0; }
#contentPage ul li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 1em;
color: #747474;
display: list-item;
}
#contentPage dl {
font-size: 1em;
font-weight: 100;
position:static;
padding:0;
}
#contentPage dt {
font-size: 1em;
color: #747474;
font-weight: bold;
padding:0;
margin:0;
}
#contentPage dd {
font-size:1em;
padding : 2px 5px 15px 20px;
}
#contentPage .TABLE-couleur1 {
border: 2px solid #fff;
border-collapse: collapse;
background-color: transparent;
font: .9em Verdana, Helvetica, sans-serif, Verdana;
}
#contentPage .TABLE-couleur1 th {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-collapse: collapse;
white-space: nowrap;
padding: 2px 4px;
background-color: #0097ca;
color: #ffffff;
font-weight: bold;
}
#contentPage .TABLE-couleur1 td {
border: 2px solid #fff;
padding: 2px 4px;
background-color: #f9f9f9;
}
div#nospacks{
background: url(images/nospacks.gif) no-repeat;
width:541px;
height:29px;
padding-bottom:3px;
}
div#packs{
height:350px;
background-color:#FFFFFF;
}
div#A7bolg{
background: url(images/a7blog.gif) no-repeat;
width:541px;
height:38px;
}
div#prest_p{
background: url(images/nos_prestations.gif) no-repeat;
width:291px;
height:27px;
}
div#art_p{
background: url(images/articles.gif) no-repeat;
width:228px;
height:27px;
}
div#liens{
position:absolute;
left:-100px;
}
div#nosprestation{
background: url(images/nosprestation.gif) no-repeat;
width:541px;
height:37px;
padding-bottom:3px;
}
div#inscr_news{
background: url(images/inscription_news.gif) no-repeat;
width:417px;
height:25px;
}
ul#lien_pres{
list-style-type:none;
margin:0;
padding:0;
width:469px;
height:31px;
background-color:#0097ca;
position:absolute;
padding-left:72px;
}
div#prestation{
width:541px;
height:151px;
background-color:#FFFFFF
}
div#presta_art{
width:541px;
background-color:#FFFFFF
}
div#prest_pag{
float:left;
width:313px;
}
div#art_pag{
float:left;
width:228px;
}
.clear {
clear: both;
font-size: 0px;
line-height: 0;
height: 0px;
}
ul#lien_pres li {display: block;
height:31px;
line-height:31px;
float: left;
}
ul#lien_pres li a{display: block;
height:31px;
text-indent: -3000px;
text-decoration: none;
line-height:31px;
float: left;
}
a#m_c_n{ background:url(images/conseil.gif) left top no-repeat; width:102px;}
a#m_c_o{background: url(images/studio.gif) left top no-repeat; width:146px; }
a#m_c_i{ background: url(images/webmarketing.gif) left top no-repeat; width:155px; }
/* hover state */
ul#lien_pres li.hover a,
ul#lien_pres li:hover a,
ul#lien_pres li a.hover,
ul#lien_pres li a:hover {
background-position: 0 -31px;
}
ul#lien_pres li a.active,
ul#lien_pres li a.active.hover,
ul#lien_pres li a.active:hover {
background-position: 0 -31px;
}
ul#lien_pres li a.desactivem_c_n{ background:url(images/conseil.gif) left top no-repeat; width:102px;}
ul#lien_pres li a.desactivem_c_o{ background: url(images/studio.gif) left top no-repeat; width:146px;}
ul#lien_pres li a.desactivem_c_i{ background: url(images/webmarketing.gif) left top no-repeat; width:155px;}
div#don{
margin-top:31px;
width:533px;
height:66px;
background-color: #ffffff;
padding-top:17px;
padding-left:8px;
}
div#don_1{
float:left;
width:173px;
height:34px;
background: url(images/tri_pres.gif) 163px 0px repeat-y;
}
div#num_1{
float:left;
background: url(images/img_01.gif) no-repeat;
width:24px;
height:31px;
}
div#text_1{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
div#don_2{
float:left;
width:203px;
height:34px;
background: url(images/tri_pres.gif) 195px 0px repeat-y;
}
div#num_2{
float:left;
background: url(images/img_02.gif) no-repeat;
width:31px;
height:29px;
}
div#text_2{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
div#don_3{
float:left;
width:154px;
height:34px;
}
div#num_3{
float:left;
background: url(images/img_03.gif) no-repeat;
width:29px;
height:29px;
}
div#text_3{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
div#don_4{
float:left;
width:173px;
height:34px;
background: url(images/tri_pres.gif) 163px 0px repeat-y;
}
div#num_4{
float:left;
background: url(images/img_04.gif) no-repeat;
width:31px;
height:29px;
}
div#text_4{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
div#don_5{
float:left;
width:203px;
height:34px;
background: url(images/tri_pres.gif) 195px 0px repeat-y;
}
div#num_5{
float:left;
background: url(images/img_05.gif) no-repeat;
width:29px;
height:29px;
}
div#text_5{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
div#don_6{
float:left;
width:154px;
height:34px;
}
div#num_6{
float:left;
background: url(images/img_06.gif) no-repeat;
width:31px;
height:29px;
}
div#text_6{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
div#don_7{
float:left;
width:173px;
height:34px;
background: url(images/tri_pres.gif) 163px 0px repeat-y;
}
div#num_7{
float:left;
background: url(images/img_07.gif) no-repeat;
width:28px;
height:29px;
}
div#text_7{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
div#don_8{
float:left;
width:183px;
height:34px;
background: url(images/tri_pres.gif) 175px 0px repeat-y;
}
div#num_8{
float:left;
background: url(images/img_08.gif) no-repeat;
width:29px;
height:29px;
}
div#text_8{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
div#don_9{
float:left;
width:174px;
height:34px;
}
div#num_9{
float:left;
background: url(images/img_09.gif) no-repeat;
width:31px;
height:29px;
}
div#text_9{
float:left;
margin-left:8px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
width:130px;
}
/******************************************************** tabs ********************************************************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none!important;
}
}
/* Hide useless elements in print layouts... */
/* the "fragments" which are the single tab areas. each tab is defined by a fragment.
you can add as many as you want following the scheme "#fragment-x" */
#fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5, #fragment-6, #fragment-7, #fragment-8, #fragment-9 {
margin-top:31px;
width:533px;
height:26px;
background-color: #ffffff;
padding-top:17px;
padding-left:8px;
}
/************************************************************* diapo **************************************************************/
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 300px;
width: 400px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 256px;
width: 400px;
left:-70px;
}
*html .slideshow {
left:0px;
}
*+html .slideshow {
left:-60px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(images/controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(images/controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(images/controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(images/controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(images/controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(images/controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left:10px;
position: absolute;
width: 500px;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}
.titre_page{font-size: 23px; font-weight: normal; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px;color: #007ac8;}
.cont_pag{
padding-left:20px; background-color:#FFFFFF
}
/*div#prest_pag ul#nav1_prest{
list-style:none;
padding-left:0px;
margin-top:20px;
}*/
div#prest_pag ul#nav1_prest li.menu_mere{
float:left;
font-weight:normal;
font-size:13px;
padding-left:15px;
background:url(images/puce1_nosprestations.gif) 0px 4px no-repeat;
}
ul#nav2{
list-style:none;
padding-left:10px;
margin-top:5px;
}
ul#nav2 li{
color:#005b8e;
padding-left:15px;
background:url(images/puce2_nosprestations.gif) 0px 6px no-repeat;
}
ul#nav2 li a{
color:#005b8e;
text-decoration:none;
}
ul#nav_art{
list-style:none;
padding-left:10px;
margin-top:5px;
width:210px;
margin-top:20px;
}
ul#nav_art li{
padding-left:15px;
background:url(images/puce1_articles.gif) 0px 4px no-repeat;
padding-bottom:10px;
}
.web_content{
width:240px;
font-size:11px;
color:#000000;
}
div#liens_news{
width:100%;
padding-top:30px;
}
div#archive_news{
float:left;
width:233px;
}
div#news_news{
float:left;
margin-left:10px;
width:168px;
}
div#titre_arch{
background:url(images/archive_news.gif) no-repeat;
width:233px;
height:24px;
}
div#titre_news{
background:url(images/news_news.gif) no-repeat;
width:168px;
height:24px;
}
ul#menu_arch{
list-style:none;
padding-left:20px;
width:210px;
margin-top:20px;
}
ul#menu_arch li{
padding-left:20px;
background:url(images/puce_arch.gif) 0px 6px no-repeat;
padding-bottom:10px;
}
ul#menu_news{
list-style:none;
padding:0px;
margin:0px;
}
ul#menu_news li{
list-style:none
}
div#news_mars_2009{
background:url(images/img_news_mars_2009.gif) no-repeat;
width:168px;
height:167px;
}
div#titre_logos_ref{
background:url(images/logos_ref.gif) no-repeat;
width:417px;
height:24px;
}
div#titre_site_ref{
background:url(images/site_web_ref.gif) no-repeat;
width:417px;
height:24px;
}
div#titre_chart_ref{
background:url(images/charte_ref.gif) no-repeat;
width:417px;
height:24px;
}
div.puce1_booking{
background:url(images/img2.GIF) left 3px no-repeat;
width:16px;
height:14px;
float:left;
}
div.puce2_booking{
background:url(images/img3.GIF) left 4px no-repeat;
width:19px;
height:14px;
float:left;
}
/*ul#booking1 li{
list-style:none
}*/