/*
Theme Name: Template générique 1 - colonne droite
Theme URI: http://www.studiplus.fr
Description: Template générique STUDI PLUS
Version: 1.0
Author: CH1
*/

body {
background: #9B9B9B url(images/bodybg.jpg) no-repeat center top;
font-family: arial, tahoma, sans-serif;
font-size: 12px;
margin: 0px;
padding:0;
color:#000;
}


.gras {
font-weight:bold;
color:#931B0D;
}


.contact {
float:right;
padding-top:20px;
font-size:16px;
}

/* Titres
_________________________________________________________________ */

h1 {font-size: 24px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h2 {font-size: 18px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h3 {font-size: 14px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h4 {font-size: 13px;font-weight:normal;margin:10px 0 0 0;padding:0;}

h2.archivetitle {
color:#666666;
font-size:13px;
margin:20px 0 0;
padding:0;
text-align:left;
}

/* images and misc.
_________________________________________________________________ */

img{ border: none; padding: 6px; }
img a{border:none;}
img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
border-left:1px solid #A5ABAB;
margin:15px;
padding:0 12px 0 12px;
}

code{
margin:10px;
font-family:"Courier New", Courier, monospace;
}
#cadre-accueil1{
float:left;
width:222px;
height:102px;
background:#fff url('images/cadre-accueil1.jpg') no-repeat;
padding-top:100px;
padding-top:140px;
padding-left:20px;
padding-right:20px;
}

#cadre-accueil2{
float:right;
width:222px;
height:102px;
background:#fff url('images/cadre-accueil2.jpg') no-repeat;
padding-top:140px;
padding-left:20px;
padding-right:20px;
}

#cadre-accueil1 p { 
font-size:11px;
line-height:14px;
}


#cadre-accueil2 p { 
font-size:11px;
line-height:14px;
}


#cadre-accueil1 h3 { 
color:#931B0D;
font-size:18px;
font-weight:bold;
margin-bottom:0pt;
}


#cadre-accueil2 h3 { 
color:#931B0D;
font-size:18px;
font-weight:bold;
margin-bottom:0pt;
}
/* Liens
_________________________________________________________________ */

a{
color:#931B0D;
text-decoration:none;
border: none;
}

a:hover {
color:#6E84AB;
text-decoration: underline;
border: none;
}

/* container
_________________________________________________________________ */

#container {
width: 953px;
margin: 0 auto;
padding: 0;
background:none;
color:#333;
border : none;
overflow: hidden;
}

/* HEADER
_________________________________________________________________ */

#header {
background: #fff;
width: 893px; 
background-image:none;
position:relative;
height: 117px;
color: #000; 
padding-left:30px;
padding-right:30px;
}

#header h1{
text-transform: uppercase;
font-family: arial;
font-size: 20pt;
font-weight: bold;
letter-spacing: 1px;
margin: 0;	
padding:0;	
position:absolute;
top:10px;
left:25px;	
}

#header h1 a{color: #ffffff; text-decoration: none;}
#header h1 a:hover{text-decoration: none;}

#header h2{
font-family: arial, times;
font-style: italic;
font-weight:normal;
color: #ffffff;
letter-spacing: 1px;
margin: 0;	
padding:0;
position:absolute;
top:107px;
left:47px;
}

#bandeau {
background: #fff url('images/fd-bandeau.jpg') no-repeat;
clear:both;
width:auto;
height:292px;
color:#fff;
padding : 20px 30px 20px 30px;
}

#accroche-bandeau {
width:495px;
}

#accroche-bandeau h1{
font-size:35px;
}

#cadres{
width:525px;
margin-top:25px;
height:90px;
color:#000;
font-size:11px;
}

#cadres h3{
color:#931B0D;
font-size:18px;
font-weight:bold;
margin-bottom:0;
}

#cadre-1{
background: #fff url('images/cadre-1.jpg') no-repeat;
height:90px;
width:147px;
float:left;
padding-left:110px;
}

#cadre-2{
background: #fff url('images/cadre-2.jpg') no-repeat;
height:90px;
width:147px;
float:right;
padding-left:110px;
}

#bandeau-page{
background: #fff url('images/fd-bandeau-page.jpg') no-repeat;
clear:both;
width:auto;
height:80px;
color:#fff;
padding : 20px 30px 20px 30px;border-bottom:20px solid #ccc;
}

/* MENU
_________________________________________________________________ */

.sf-menu {
background:none;
float:right;
list-style-type:none;
margin:0;
padding:0;
width:670px;
clear:both;
}

*:first-child+html .sf-menu {
margin-top:33px;
}
* html .sf-menu {
margin-top:33px;/* Lu uniquement par IE 6 */
}

.sf-menu li {
display:block;
float:left;
margin:0 5px;
padding:0;
position:relative;
width:auto;
}

.sf-menu li a {
display:block;
float:left;
padding:6px 3px 7px 3px;
margin:0;
text-decoration:none;
font-weight:bold;
}

.sf-menu li a:link, .sf-menu li a:visited {
color:#fff;
}

.sf-menu li a:hover, .sf-menu li a:active, .sf-menu li.current_page_item a{
visibility:inherit;
background:#370C05;
color:#fff;
}

.sf-menu ul {
position:absolute;
top:-999em;
left:-1px;
width:160px;
padding:0px 0 0 0;
background:#9D1A06;
float:left;
list-style-type:none;
margin:0;
padding:0px 0 0;
margin-top:8px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.sf-menu li ul li {
display:block;
float:left;
margin:0;
padding:0;
position:relative;
width:160px;
border-bottom:1px dotted #ddd;
}

.sf-menu li ul li a {
background:#9D1A06;
width:152px;
padding:2px 0 2px 8px;
margin:0;
}

.sf-menu li:hover , .sf-menu li.iehover{
background:#000;
}

.sf-menu li:hover a, .sf-menu li.current_page_item a, .sf-menu li.iehover a:link, .sf-menu li.iehover a:visited, .sf-menu li.iehover a:active, .sf-menu li.current_page_item a:link, .sf-menu li.current_page_item a:visited, .sf-menu li.current_page_item a:active {
color:#fff;
}

.sf-menu li:hover ul, .sf-menu li.iehover ul {top:20px;}
.sf-menu li:hover ul ul, .sf-menu li.iehover ul ul{top:-999em;}

.sf-menu a:hover {text-decoration:none;}


/* 2me niveau___________________ */

.sf-menu ul li a:hover {
background:#370C05;
}

/* 3me niveau____________________ */

.sf-menu ul li ul{
position:absolute;
top:-999em;
left:160px;
width:160px;
padding:5px 0 0 0;
background:#fff;
border:1px solid #ccc;
float:left;
list-style-type:none;
margin:0;
padding:0;
background:#fff;
}

.sf-menu ul li:hover ul, .sf-menu ul li.iehover ul{
top:-1px;
}

/* content 
_____________________________________________________*/

#content {
float:left;
margin:0;
overflow:hidden;
width:534px;
padding:0 10px 0 30px;
}	

.post {
line-height:14pt;
margin:0;
padding:20px 0 10px 0;
}

.post h2{
font-size: 20px;
font-weight: bold;
line-height:18px;
color: #931B0D;
}

.post h2 a{
color: #08122E;
text-decoration: none;
}

.post h2 a:hover{
color: #666;
text-decoration: none;
}

.post a{
text-decoration:underline;
}

.post ul {}

.post li {}



.entry p{margin:12px 0;}

.postmetadata{
clear: both;
margin:0;
padding:2px;
font-size:10px;
border-top:1px solid #ddd;
color:#666;
}

.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active, .postmetadata a:hover{
color:#666;
}

.navigation {
float:left;
width:100%;
}

.alignleft {float:left; }
.alignright {float:right;}

.notfound{}


.edition {
background:#CCCCCC url(images/pencil.png) no-repeat scroll 5px 1px;
border-color:#DDDDDD #DDDDDD #AAAAAA #AAAAAA;
border-style:solid;
border-width:1px;
color:#DDDDDD;
font-size:10px;
margin:10px auto;
padding:3px 10px 3px 21px;
text-align:center;
text-transform:uppercase;
width:100px;
}

.edition a {
color:#666;
}


/* sidebar 
_____________________________________________ */


#sidebar {
border-left:1px solid #DDDDDD;
float:right;
font-family:arial,tahoma;
margin:0px 0 24px 0;
padding:0 0px 20px 0px;
width:357px;
background-color:#E5E5E5;
}



#sidebar h2{
border-bottom:1px solid #CBD3E0;
color:#6E84AB;
font-family:arial,verdana,times;
font-size:13px;
font-weight:bold;
margin:10px 0 5px 0px;
padding:0;
padding-bottom:10px;
text-align:left;
padding-left:12px;
}

#sidebar h3{
padding-left:12px;
color:#931B0D;
}

#sidebar p {
margin:0;
padding: 0 6px 5px 12px;line-height:18px;
}

#sidebar img {
padding: 0;
margin: 0;
}

#sidebar ul.liste-puces {
margin:0;
padding:0;
list-style-type: none;
font-size:16px;
}

#sidebar ul.liste-puces li {
list-style-position:inside; 
	margin: 0;
	padding: 0 0 5px 5px;
	line-height: 18pt;
list-style-image:url('images/puce-pair.jpg');
	list-style-type: none;
	}

*:first-child+html #sidebar ul.liste-puces li {
padding: 7px 0 15px 0 ;
}



#sidebar ul.liste-puces li.impair{background:#CECECE;border-top:1px solid #fff;border-bottom:1px solid #fff;list-style-image:url('images/puce-impair.jpg');}

#sidebar ul.liste-puces ul {

	margin: 6px 0 6px 12px;

	padding: 0;

}



#sidebar ul.liste-puces ul li {

	list-style-type: none;

	list-style-position: inside;

	}



#sidebar ul.liste-puces ul ul{

	margin: 0;

	padding: 0;

}



#sidebar ul.liste-puces ul ul li{

	padding: 0 0 0 15px;

	list-style-type: square;


	color: #898989;

}



/* commentaires
_______________________________________________________________*/

#commentssection{
clear: both;
padding: 2px 12px;
margin: 0;
}


#commentform{
background: #F0F0F0;
margin: 12px 0 20px 0;
padding:10px;
}

#commentform textarea#comment {
font-family:arial;
font-size:12px;
padding:5px;
width:498px;
}

#commentbox{
width:70%;
min-width:400px;
margin:5px 5px 0 0;
}

h3#comments {
font-size:13px;
margin:10px 0 5px 0;
color:#6E84AB;
}


#author, #email, #url, #commentbox, #submit{

	background: #fff;

	font-family: verdana, arial, times;

	font-size: 8pt;

	margin:5px 5px 0 0;

	padding: 6px;

	border: 1px solid #B2B2B2;

	}

	

#submit{margin:5px 5px 0 0;}



ol.commentlist {
list-style-type: none;
margin:0;
padding:0;
}



ol.commentlist li {
background: #fff;
margin:10px 0;
padding:5px 0 5px 10px;
overflow: hidden;
}



ol.commentlist li.alt {
background: #E5E5E5;
margin:0;
padding:10px;
}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}



ol.commentlist a {color:#000;}



cite {

	font-family: arial, verdana, tahoma;

	font-size: 9pt;

	font-weight: bold;

	font-style: normal;

	}

	

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* gravatar */

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

/* alignment classes */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* search 
___________________________________*/

#searchform{
display:block;
font-family:arial,times;
height:22px;
padding:6px 0 6px 6px;
margin:0;
}

#searchform input#s{
font-family: arial, times;
font-size: 12px;
padding: 2px;
margin: 0;
border: 1px solid #B7B7B7;
}

#searchform input#searchsubmit{
font-family: verdana, arial;
font-size: 11px;
padding: 2px ;
margin: 2px 0 0 2px;
border: 1px solid #B7B7B7;
background-color: #fff;
color: #797979;
}

#searchform input#searchsubmit:hover {
cursor:pointer;
}


/* footer 
___________________________________________________*/

#footer {
background:#6E84AB url('images/fd-footer.jpg') repeat-y;
border-top:0 none;
clear:both;
padding:6px;
text-align:center;
display:table;
width:943px;
height:55px;
padding-top:20px;
}

#footer p{margin: 0; color: #fff;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: underline;}


/* menu footer
___________________ */
#menufooter {
margin:0;
padding:0;
}

#menufooter li{
margin:0;
padding:0;
display:inline;
margin:0 5px;
padding:0
}

#menufooter li a {
font-size:10px;
}