/*   
Nom du theme: Optinnova

Description: Theme optinnova
Author: DD
Author URI: 
Tags: 
Version: 1.00

*/

html, body {
vertical-align: baseline;
outline: 0;
padding: 0;
margin: 0;
}
html {
height: 100%;
margin-bottom: 1px;
}
body {
background: #487699 ;
font-family:arial;
font-size:9pt;
/* font: 12px/17px Arial, Helvetica, Verdana, sans-serif;*/
color: #000000;
}
table {
border-collapse:collapse ;
border-spacing: 0;
}
td {
padding:0;
font-weight: normal;
}
p {
margin:0 auto 10px;
}
hr {
display: block;
height:1px;
background:#487699;
border:0;
}
blockquote {
color:#484848;
background:#000099;

padding:8px 10px;
width:90%;
margin:auto;
border-left:5px solid #484848;
margin-bottom:8px;
}
a, a:visited {
color:#000000; 
text-decoration:none;
}
a:active {
outline: none;
}
a:focus {
outline:none;
}
a:hover {

}
#footer a, #footer a:active {
color:white;
}
#right2 a {
color:#B5B5B5;
}
#right2 a:hover, #footer a:hover {
color:white;
}
/*** Headings and Titres ****/
h1, h2, h2 a.contentpagetitle, h3, h4, h5, .componentheading {
margin:0 auto 2px;
font:bold 20px Arial, Helvetica, sans-serif;
color:#000000;
/*text-transform:uppercase;*/
}
h1, .componentheading {
font-weight:normal;}
h2, h2 a.contentpagetitle {
font:bold 16px Arial, Helvetica, sans-serif;
color:#402222;
}


h2 a.contentpagetitle:hover {
color:#9C6722;
}
h3 {
font-size:14px;
color:#4E4639;
border:none;
}
h4 {
font-size:12px;
color:#261515;
border:none;
}
h5 {
font-size:10px;
color:#000;
border:none;
}
/* Clearing */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
clear: both;
}
.clear {
clear: both;
}
/* End hide from IE-mac */

/* article custom styling */
.postmetadata, .tags, .comments {
margin:3px 0 10px 0;
font:normal 10px Arial, Helvetica, sans-serif;
color:#000;
background:#C9C6C1;
border-top:1px solid #B2B0AB;
border-bottom:1px solid #B2B0AB;
padding-left:2px;
text-transform:uppercase;
}
.tags, .comments {
margin-bottom:30px;
background:none;
border:none;
}
.tags {
margin-bottom:4px;
}/* Post article styling */
.postwrap {
margin-bottom:25px;
}

.date {
font:normal 11px Arial, Helvetica, sans-serif;
color:#423617;
height:16px;
margin-bottom:8px;
padding:1px 0 0 4px;
}
.post {
text-align:justify;
padding:0;
}
.post a.more-link, a.more-link {
background:url('images/readon.png') no-repeat;
display:block;
width:69px;
height:16px;
padding:2px 0 0 15px;
margin:8px 0 20px 0;
font:normal 11px Arial, Helvetica, sans-serif;
color:#7C5253!important;
text-decoration:none;
clear:both;
}
.post a.more-link:hover, a.more-link:hover {
color:#000;
text-decoration:none;
background-position: 100% 100%;
}

/* Setup de la page */
#wrapper980 {
width:980px;
margin:0 auto;
padding-top:0px;
overflow:hidden;
}



/*
#leftglow {
background:url('images/outer-left.png') repeat-y left;
padding-left:10px;
}
#rightglow {
background:url('images/outer-right.png') repeat-y right;
padding-right:10px;
}
*/


#leftglow {
}
#rightglow {


}







#innerwrapper {
background:#487699;
}
#header {
/*background:url('images/logo.png') no-repeat 10px 0;*/
/*background:url('images/logo.png') no-repeat 0px 0;*/
height:0px;
margin:0 auto;
width:960px;
}
#title h1 {
line-height:30px;
width:500px;
margin:5px 0 0 70px;
font:normal 30px Arial, Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
font-style:italic;
float:left;
}
#tagline h2 {
line-height:12px;
width:500px;
margin-left:70px;
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#B0A590;
float:left;
}
/*
#topmenu {
height:20px;
width:313px;
background:url('images/top-menu-bg.png') no-repeat;
margin:10px 10px 0 0;
padding:0 10px 15px 0;
float:right;
text-align:right;
}
*/
#navwrapper {
	
height:115px;
width:980px;
/*margin:0 auto;*/
background:url('images/nav-bg.png') no-repeat;
/*padding:0 0 0 20px;*/
}






#searchwrap {
width:145px;
height:30px;
float:right;
margin-right:10px;
padding-top:8px;
}
#searchwrap form {
width:145px;
margin:0;
padding:0;
}
#searchwrap input {
border: none;
width: 118px;
background:none;
font:normal 11px Arial, Helvetica, sans-serif;
color:#9C9C9C;
font-style:italic;
}
.rounded {
background:  url('images/search-bg.png') no-repeat left top;
height:21px;
padding: 3px 0 0 10px;
}


#innerwrap {
/*background:#233E4C url('images/inner-top.png') no-repeat top;*/
/*background:#d8dbdc  no-repeat top;*/

width:970px;

}
/*
#headerimage {
background:url('images/default.jpg') no-repeat;
width:960px;
height:300px;
margin:0 auto;
}
*/

.fullheight {overflow-x:hidden;}
#columns {
margin:0 0px;
}

#footer {
background:url('images/footer-background.jpg') no-repeat;

width:960px;
margin-top:5px;
border-top:5px solid #487699;
padding-top:5px;
text-align:center;
min-height:30px;
color:white;
font:normal 11px Arial, Helvetica, sans-serif;
}
#outerbottom {
width:980px;
margin:0 auto;
height:20px;
/*background:url('images/outer-bottom.png') no-repeat;*/
}

#footeraccueil {
background:url('images/footer-background.jpg') no-repeat;
width:960px;
margin-top:2px;
border-top:5px solid #487699;
padding-top:10px;
text-align:center;
min-height:30px;
color:white;
font:normal 11px Arial, Helvetica, sans-serif;
}

#footeraccueil a{
color:white;
	}


/* component + gauche */
div#component-2 {
float: right;
background:#FFFFFF ;
width: 765px;
margin-right:15px;

}
#right1 {
width:180px;

overflow: hidden;
float:left;
margin:0 0 0 0px;
/*background:#006391 url(images/modgrey-tr.png) no-repeat top right;*/
background:#006391;
padding-top:0px;
padding-left:0px;
}
#right2 {
/*background:#484848 url(images/modgrey-br.png) no-repeat bottom right;*/
background:#006391;
font:normal 9px Arial;
padding:0 0 5px;
color:#006391;
height:590px;
}
/* component */
div#component {
width: 980px;

}

/* Corps du texte */

#mainbody {
width: 680px;

padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


/* Background of short mainbody content */
#mainbody-2 #main_top {
height:585px;
float:left;
background:#006391;
padding:5px 5px 5px 5px;

}
#mainbody-2 #main_bottom {
height:565px;
width:740px;
overflow:hidden;
overflow-y: scroll; 
background: #f0f0ff  ;
padding:10px 10px 10px 10px;

}


/* Background of full width mainbody content */
#mainbody #main_top {
height: 150px;

background:#006391;
padding-top:9px;
}

#mainbody #main_bottom {
background:#006391 ;
padding:0 9px 0px;
overflow:hidden;
overflow-y: scroll; 
}

/* Module Tables */
.us_width-32b {
overflow: hidden;
float: left;
margin-left: 1%;
}
.us_width-32b {
width: 32.6%;
}
div:first-child.us_width-32b {
margin-left: 0;
}
#bottommodules div.us_width-32b {
	margin-top: 0;
	margin-bottom: 9px;
}
#bottommodules div.us_width-32b:first-child {
	background: none;
}
#bottommodules ul li {
	border-bottom: 1px solid #d0d0d0;
}




#horiz-menu,
#bottommodules {
clear: both;
padding: 22px 5px;
width: auto;
}
#bottommodules {
/*background:#487699 url('images/bottomwrapper.png') repeat-x;*/

padding:10px 0px 0px 0px;
border-bottom:0px solid #000;
}


#bottommodules div.moduletable {
margin: 0 0 0 0px;
font:normal 11px Arial, Helvetica, sans-serif;
height: 280px;
background:#006391 ;
border-bottom:15px solid #00203A;
padding:0px 0px 0px 0px;
color:#B5B5B5;
}

/* Marge exterieur */
div.moduletable {
margin:-0px 0px 0px 0px;
}

div.moduletable div.modcontent {
padding: 0px 0px 0px 0px;
}

/* left module */

div.moduletable h3, #bottommodules div.moduletable h3 {
font:bold 12px Aria, Helvetica, sans-serif;
text-align:center;
text-valign:center;
text-transform:uppercase;
margin: 3px 0px 3px 0px ;
padding:3px 3px 3px 3px;
background:#00203A;
border-top:1px solid #5C5C5C;
border-bottom:1px solid #5C5C5C;
color:#fff;
}

#bottommodules div.moduletable h3 {
background:#00203A;
border-top:1px solid #36322A;
border-bottom:1px solid #36322A;
color:#FFF;
}
#bottommodules ul li {
	border-bottom: 1px dotted #d0d0d0;
}

/* Images alignment */
.aligncenter {margin: 4px auto 8px auto;display: block;}
.alignleft {margin: 4px 20px 8px 0;float: left;}
.alignright {margin: 4px 0px 8px 20px;float: right;}
.col-left {float: left;}
.col-right {float: right;}

/* Image and Captions */
img.centered{display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background-color:#C9C6C1;border:1px solid #616161;padding:3px 0 0;text-align:center;}
.wp-caption-text {padding:0; margin-bottom:0px;font-size:10px; text-transform:uppercase; color:#333;}
.link {background-color:#C9C6C1;border:1px solid #616161;padding:3px 0 0;text-align:center;}

/* Joomla SectionTables */
table.contentpane table {
margin-bottom:0px;
}
.sectiontableheader {
line-height: 24px;
padding: 4px 0;
}
td.sectiontableheader a:link {
color:#362323;
font:bold 14px Arial, Helvetica, sans-serif;
}
td.sectiontableheader {
padding: 2px 6px;
border-bottom: 1px solid #484848;
border-top: 1px solid #484848;
color: #362323;
background: #948972;
text-align:left;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2,
tr.sectiontableentry1,
tr.sectiontableentry2 {
height: 8px;
padding:4px 5px;
border-bottom: 1px solid #636363;
text-align:left;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background: #BDBBB9;
}
td.sectiontableentry1,
tr.sectiontableentry1 td {
background: #E2DDD9;
}
td.sectiontableentry2,
tr.sectiontableentry2 td {
background: #C9C6C1;
}

/** Form Styling ***/
fieldset {border: 1px solid #948972; padding: 5px; margin:3px 0 2px;}
fieldset a {font-weight: bold; }
input, select, .button {font: normal 11px Tahoma, Arial, Verdana, sans-serif;}
.button {
margin: 0;
border: 1px solid #837C72;
background:#E0DEDA;
cursor: pointer;
height: 19px;
padding: 0px 5px 3px;
color: #7C5253;
}
.button:hover {
color:#000;
}
#respond {
margin:25px auto 15px;
}
#comments, #respond h3 {
font-size:14px;
color:#fff;
padding-bottom:5px;
}
.commentlist { padding-left:15px;}
.commentlist li {
margin-bottom:5px;
list-style:none;
background:#C9C6C1;
padding:6px;
border:1px solid #B2B0AB;
}
.commentlist li .avatar { 
float: left;
border: 1px solid #64522C;
padding: 2px;
background: #fff;
margin-right:5px;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
clear:both;
line-height: 1.5em;
}
#commentform input, #commentform textarea {
border:1px solid #64522C;
padding:3px;
}
#commentform p {
margin-bottom:10px;
}
#commentform #submit {
background-color:#9E8961;
color:#FFFFFF;
border:1px solid #64522C;
cursor:pointer;
}
#commentform textarea { width:95%; background:#E8E8E8; 
}
div.comment-meta a {
color:#fff;
}
div.comment-meta {
width:200px; float:left; margin-left:0;
}
img.avatar {
margin-right:10px!important;
}
div.post-nav {
clear:both;
}

/** Contact Form **/
span.required {
color:#FF0000;
}

/* Side column lists */
#right2 ul, #sidebar1 ul {
list-style:none;
margin-left: 0;
padding-left: 0;
}
#right2 ul.latestnews {
margin-top:0px;
}
#right2 li, #right2 li a, #sidebar1 li, #sidebar1 li a {
list-style:none;
font:normal 11px Arial, Helvetica, sans-serif;
border-bottom:1px dotted #aeaeae;
padding:3px 0;
}
#right2 a, #sidebar1 a {
color:#ffffff;
text-decoration:none;
border:none!important;
}
#right2 a:hover, #sidebar1 a:hover {
color:#00203A;
}

#right2 ul.menu, #sidebar1 ul.menu {
margin-top:0px;
padding-top:0px;
}

/* Position Menu et sous menu */

#horiz-menu, #horiz-menu ul {
width : 750px;
height : 50 px;
list-style : none !important;
list-style-type:none !important;
font-weight : bold;
padding : 0;
margin : 0;
border-width : 0;
}


/* Reglage position typo Menu et sous menu */
#horiz-menu {
float:left;
padding-top:62px;
padding-left:175px;
}


#qtranslate {

width:40px;
float:right;/*left*/
/*voir qtranslate_hooks.php pour le css*/
margin-top:-41px;
/*padding-top:13px;*/
}




#horiz-menu a {

display : block;
height:40px;
color : #FFF;
text-decoration : none;
padding-top: 0px;
border : none;
font-weight:normal;
}

/* Reglage menu horizontal */
#horiz-menu li {
float : left;
padding : 0 20.5px;/*padding : 0 23px;*/
line-height:42px;
list-style : none !important;
list-style-type:none!important;
}

#horiz-menu li ul {
position : absolute;
left : -999em;
height : auto;
width : 140px;
font:normal 11px verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
text-align:center;
margin : 0 0 0 0px;
}

#horiz-menu li li {
width : 140px;
height : auto;
font:normal 11px verdana, Arial, Helvetica, sans-serif;
text-align:center;
background:#000000;
opacity:0.8;
border-bottom:1px solid #FFFFFF;
padding-top:10px;
padding-bottom:10px;
}

#horiz-menu li ul a {
height : auto;
font:normal 13px verdana, Arial, Helvetica, sans-serif;
padding-top:0px;
text-align:center;
color:#FFFFFF;
display:block;
margin-top:0;
}
#horiz-menu li ul a:hover {
color:#000000;
/*height : 40px;*/
font-style:bold;
}
#horiz-menu li ul ul {
margin : -1.7em 0 0 14.8em;
background: #3D3D3D;
}
#horiz-menu li:hover ul ul, #horiz-menu li:hover ul ul ul, #horiz-menu li.sfhover ul ul, #horiz-menu li.sfhover ul ul ul {
left : -999em;
}
#horiz-menu li:hover ul, #horiz-menu li li:hover ul, #horiz-menu li li li:hover ul, #horiz-menu li.sfhover ul, #horiz-menu li li.sfhover ul, #horiz-menu li li li.sfhover ul {
left : auto;
}
#horiz-menu li:hover, #horiz-menu li.sfhover {
background :none;
}

#horiz-menu li li:hover,#horiz-menu li li.current_page_item {
background:url('images/menu-hover.jpg') no-repeat center top; width:140px;
font:normal 11px verdana, Arial, Helvetica, sans-serif;
height : auto;
text-align:center;

}

#horiz-menu li:hover, #horiz-menu li#current, #horiz-menu li.current_page_item{
background:url('images/menu-hover.jpg') no-repeat center top; width:auto;
line-height:41px;
height:41px;

}

#horiz-menu li ul li:hover {
background-image:none; 
background:#99A6AF;
}



/* Begin Calendar */
#calendar_wrap {
width:100%;

}
#wp-calendar {
empty-cells: show;
margin: 10px 0;
width: 100%;
background:#333;
border-bottom:1px solid #000;
border-top:1px solid #000;
}
#wp-calendar th {
background:#000;
text-align:center;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
color:#FFAE00 !important;
}
#wp-calendar a:hover {
color:#FFF !important;
}
#wp-calendar caption {
text-align: center; 
width: 100%;
padding:0 2px 0 0;
font-weight:bold;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}

/* Footer Widgets */
div#sidebar1 h3.widgettitle,
div#sidebar2 h3.widgettitle,
div#sidebar3 h3.widgettitle {
font:bold 12px Arial, Helvetica, sans-serif !important;
text-transform:uppercase;
margin:0 0 0px 0;
margin-left:1px;
background:#00203A;
border-top:1px solid #000;
border-bottom:1px solid #000;
color:#000!important;
/* You can assign heading styles here */}

div#bottommodules img {
border:1px solid #857A6A;
margin:0 0;
}
div#sidebar1, div#sidebar2, div#sidebar3 {
width:313px;
float:left;
margin-right:10px;
margin-top:-8px;
text-align:center;
text-valign:center;
font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
color:#AEAEAE;

}



div#sidebar2 {}
div#sidebar3 {
margin-right:0;
}
div#sidebar1 .modcontent, div#sidebar2 .modcontent, div#sidebar3 .modcontent {
padding: 0px 2px 0px 2px;
}



/* Typography Quotes */
.light, .dark {
display:block;
border-top:1px solid #4C3333;
border-bottom:1px solid #4C3333;
font-style:italic;
padding:6px 10px;
width:90%;
margin:12px auto;
font:normal 1em Arial, Helvetica, sans-serif;
}
.light {
background:#C6BFB1;
color:#4C3333;
}
.dark {
background:#948972;
color:#fff;
}

pre {
display:block;
border:1px solid #4C3333;
border-left:4px solid #4C3333;
background:#CCC;
color:#000;
padding:10px;
width:90%;
margin:12px auto;
}

#titre_cat {
background:#00203A none repeat scroll 0 0;
border-bottom:1px solid #5C5C5C;
border-top:1px solid #5C5C5C;
color:#FFFFFF;
font-family:Aria,Helvetica,sans-serif;
/*font-size:12px;*/
font-size:9pt;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:2px 0 2px 10px;

text-align:center;
text-transform:uppercase;
}

#titre_cat a{
font-size:9pt;
font-style:bold;
	}

#souscat{
-x-system-font:none;
border-bottom:1px solid #ffffff;
margin-left:0px;
font-family:verdana,Arial,Helvetica,sans-serif;
/*font-size:15px;*/
font-size:9pt;
font-style:bold;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
/*line-height:30px;*/

list-style-image:none;
list-style-position:outside;
list-style-type:none;

}

#souscat a{
font-size:9pt;
font-style:bold;
	}

#soussouscat{
-x-system-font:none;
font-size:9pt;
border-bottom:1px solid #ffffff;
margin-left:0px;
/*line-height:25px;*/
padding-left:10px;

}

#selsoussouscat{
-x-system-font:none;
background:#91B1C8;
border-bottom:1px dotted #AEAEAE;
margin-left:0px;
/*line-height:25px;*/
padding-left:10px;
font-size:9pt;
}

#selsouscat{
-x-system-font:none;
color:#000000;
background:#91B1C8;
border-bottom:1px solid white;

margin-left:0px;
font-family:verdana,Arial,Helvetica,sans-serif;
/*font-size:15px;*/
font-size:9pt;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
/*line-height:30px;*/
}

#right1 #right2 a.selcat{
color:#000000;
z-index:1;
font-size:9pt;

}

.ddsg-wrapper
{

}

.ddsg-pagenav
{

}