/*
Theme Name: Ricep
Theme URI: http://www.ricep.fr/
Description: Premier thème cr&ecute;é par Marie BENCENY pour le Ricep
Version: 1.0
Author: Marie BENCENY

*/

*{padding: 0;
margin: 0;
}

img {
border: none;
}

body {
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 1em;
background: #a8a3c1 left top repeat-y;
margin : 0 auto;
}

#page {
width: 62em;
margin: 0 auto;
position : relative;
padding: 1em;
background: #ffffff left top repeat-y;
border: 0.1em solid #d6d4e2;
margin-bottom : 3em;
}

/*entete*/
.header {
height: 16em;
}

.imgheader{
float: right;
height: 11em;
width: 35em;
margin: 2em 5em 0 0;
background-image: url("images/imgheader.jpg");
background-repeat: no-repeat;
background-attachment: hidden;
}

.logofixe {
float: left;
width: 12em;
height: 11em;
margin: 1.5em 0 0 5em;
background-image: url("images/ricep_hdr.png");
background-repeat: no-repeat;
background-attachment: hidden;
z-index:10;
}

.logo {
float: left;
width: 12em;
height: 11em;
margin: 1.5em 0 0 5em;
background-image: url("images/ricep_hdr.gif");
background-repeat: no-repeat;
background-attachment: hidden;
z-index:10;
}

.RSS{
clear: both;
width: 15em;
float: right;
line-height: 2em;
height: 2em;
z-index: 20;
}

.RSS ul{
text-align: center;
list-style: inside none;
}

.RSS li {
width: 5em;
margin: 0 0 0 2em;
padding: 0;
float: left;
}

.RSS li a{
display: block;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 0.6em;
color: #585566;
text-decoration: none;
}

.RSS li a:hover{
color: #cd853f;
}

/*menu horizontal*/
#headbar {
clear: both;
height: 2em;
margin: 1em 0 0 0;
padding: 0;
}

#headbar h2{
float: left;
text-align: center;
font-variant: small-caps;
color: white;
font-size: 0.8em;
width: 10em;
line-height: 2em;
margin: 0.1em 0.4em 0 0;
background-image: url("images/ongletlien.png");
background-repeat: no-repeat;
background-attachment: scroll;
}
#headbar ul li ul {
margin: 1.6em 0 0 0; 
}

#headbar ul li ul li{
text-align: center;
font-variant: small-caps;
color: white;
font-size: 0.8em;
width: 10em;
line-height: 2em;
margin-top: 0.3em;
background-image: url("images/ongletlien.png");
background-repeat: no-repeat;
background-attachment: scroll;
}

#headbar li ul {
position: absolute;
}

#headbar a:hover{
width: 100%;
color:#8179a5;
text-align: center;
background-image: url("images/ongletselect.png");
background-repeat: no-repeat;
background-attachment: scroll;
}

#headbar a:focus {
width: 100%;
color: white;
text-align: center;
background-image: url("images/onglettaken.png");
background-repeat: no-repeat;
background-attachment: scroll;
}

#headbar a {
display: block;
color: white;
text-decoration: none;
}

#headbar ul{
list-style-type: none;
}

#headbar li {
float: left;
}

#headbar ul li ul {
display: none;
}

#headbar ul li:hover ul{
display: block;
}

#headbar li:hover ul li {
float:none;
}

#searchform {
background: transparent url("images/search.png") no-repeat top left;
float: right;
margin: 0;
width: 18em;
height: 2em;
z-index: 3;
}

#search {
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; 
behavior: url(scripts/border-radius.htc);
float: left;
padding: 0 0.3em;
margin: 0.26em 0 0 0.5em;
width: 11em;
height: 1.6em;
border: none;
color: #696969;
vertical-align: center;
line-height: 1.6em;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 0.8em;
z-index: 1;
}

#searchsubmit{
float: right;
padding: 0 2em 0 0;
margin: 0;
border: none;
font-weight: bold;
width: 9em;
height: 2em;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 0.8em;
font-variant: small-caps;
color: #696969;
background: none ;
cursor: pointer;
z-index: 2;
}

#searchform:hover #searchsubmit{
color: #f1f87e;
}

#searchform:hover{
background-image: url("images/startsearch.png");
background-repeat: no-repeat;
background-attachment: scroll;
z-index: 3;
}


#searchsubmit:active {
text-decoration: underline;
border: none;
}

/*connexion*/
.deconnexion {
float: right;
width: 24em;
margin: 0 1.2em 0 0;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 0.7em;
line-height: 1.5em;
text-align: right;
}

.deconnexion li {
display: inline;
list-style: none inside;
}

.deconnexion a {
color: black;
}

.deconnexion a:hover {
text-decoration: underline;
color: red;
}

#deconnect {
width: 10em;
float: right;
}

#wdeconnect{
float: left;
line-height: 1.5em;
}

.imgdeconnect{
float: right;
}

#welcome {
float: left;
}

/*menu vertical*/
#sidebar {
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px; 
behavior: url(scripts/border-radius.htc);
clear: both;
width: 17em;
float: left;
text-align: left;
font-size: 0.85em;
color: white;
padding:  0.3em 0.5em;
margin: 2em 0;
background-color: #827aa5;
}

#sidebar p {
color: white;
font-size: 0.85em;
}

#sidebar ul li {
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px; 
behavior: url(scripts/border-radius.htc); 
margin: 0.3em 0.1em;
background-color: #aca7c3;
border: 0.1em solid #827aa5;
}

#sidebar a {
text-decoration: none;
color: white;
padding: 0 0.2em;
}

#sidebar li a:hover {
text-decoration: underline;
}

#sidebar h2{
padding: 0 0.5em;
font-variant: small-caps;
font-size: 1em;
line-height: 2em;
}

#sidebar ul li ul {
font-size: 0.8em;
list-style: url("images/puce.png");
padding-left: 3.5em;
}

#sidebar ul li ul li, #sidebar ul li ul li ul li {
border: none;
font-size: 1em;
padding: 0.5em 0;
}

#sidebar ul li ul li ul {
padding-left: 1em;
font-size: 1em;
}

#sidebar table empty-cells {
display: none;
}

#sidebar table {
color: white;
font-size: 0.8em;
}

#sidebar th{
text-decoration:underline;
}

#sidebar td{
margin: 0.5em 0.8em;
padding: 0.5em 0.8em;
}

#sidebar ul {
list-style-type: none;
}

/*page*/
#content {
width: 55em;
float:right;
text-align: justify;
font-size: 0.8em;
line-height: 2em;
padding: 0.8em;
margin: 1em 0;
}

#content ul{
list-style-position: outside;
padding: 1em 5em;
}

#content ul li {
padding: 1em 0;
}

#content h2 {
font-size: 1.4em;
padding: 0 0 1em 0;
font-variant: small-caps;
color: #534f81;
}

#content a {
color: #534f81;
}

#content a:hover {
color: #ff9149;
}

#content h3 {
font-size: 1.2em;
padding: 2em 0 1em 0;
}

#content em {
margin: 0;
padding: 0;
font-size: 0.8em;
color: grey;
}

#content blockquote {
color: grey;
font-size: 0.8em;
}

.post {
margin: 0 0 2em 1em;
}

.post_content{
text-align: justify;
font-size: 0.88em;
line-height: 2em;
padding: 1em 0 ;
}

.postmetadata {
text-align: justify;
color: grey;
font-size: 0.8em;
line-height: 1.5em;
}

.cadre_commentaires {
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px; 
behavior: url("scripts/border-radius.htc");
padding: 0 2em 1em 2em;
background:#8c85b1;
color: white
}

.cadre_commentaires h3{
color: white;
font: 1.2em, white, justify;
font-variant: small-caps;
font-weight: louder;
text-decoration: underline;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
margin: 0;
}

#comments {
text-align: justify;
font-size: 1em;
line-height: 1em;
}

.commentext {
padding: 1em;
padding-left: 0;
}

.commentlist {
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px; 
behavior: url("scripts/border-radius.htc");
margin: 1em 0;
background: white;
color: #655f81;
text-align: justify;
font-size: 0.85em;
line-height: 2em;
padding: 1em 1em 1em 3em;
}

.commentext {
margin-left:-1em;
padding: 1em;
border: solid grey 0.1em;
}

#respond {
color: #99ca02;
text-align: justify;
text-decoration: underline;
font-size: 1em;
font-variant: small-caps;
line-height: 1em;
padding: 0.5em;
}

/*page inscription*/
#acces {
width: 62em;
float: right;
text-align: justify;
font-size: 0.7em;
line-height: 2em;
margin: 2em 1em;
padding: 1em;
}

#acces a {
color: #827aa5;
}

#acces a:hover {
color: #ff9149;
}

.idcomments {
text-align: center;
margin: 0 0 2em 0;
}

.idcomments ul {
list-style: none;
}

.idcomments ul li{
padding: 1.5em;
}

.login{
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; 
behavior: url("scrpts/border-radius.htc");
height: 2em;
padding: 0.2em 0.5em;
border: solid 0.2em #827aa5;
color: #696969;
vertical-align: center;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 1em;
}

.MdP{
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; 
behavior: url(border-radius.htc);
height: 2em;
padding: 0.2em 0.5em;
border: solid 0.2em #827aa5;
color: #696969;
vertical-align: center;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 1em;
}

.connexion {
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; 
behavior: url(border-radius.htc);
width: 8em;
height: 2.3em;
border: solid 0.2em #827aa5;
color: #FFFFFF;
background-color: #aca7c3;
vertical-align: middle;
text-align: center;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 1em;
}

.connexion:hover{
color: #827aa5;
background-color: #d5caff;
cursor: pointer;
}

.connexion:focus{
color: #FFFFFF;
background-color: #827aa5;
}

#idbp {
text-align: center;
margin: 0 0 2em 0;
}

#idbp ul {
list-style: none;
}

#idbp ul li{
padding: 1.5em;
}
/*contacter*/
.pjointe, .soumettre {
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; 
behavior: url(border-radius.htc);
width: 8em;
height: 2.3em;
border: solid 0.2em #827aa5;
color: #FFFFFF;
background-color: #aca7c3;
vertical-align: middle;
text-align: center;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 1em;
}

.pjointe:hover, .soumettre:hover{
color: #827aa5;
background-color: #d5caff;
cursor: pointer;
}

.pjointe:focus, .soumettre:hover{
color: #FFFFFF;
background-color: #827aa5;
}

.quiz, .formtext, .textsubject, .textarea {
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px; 
behavior: url(border-radius.htc);
height: 2em;
padding: 0.2em 0.5em;
border: solid 0.2em #827aa5;
color: #696969;
vertical-align: center;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 1em;
}

/*page_accueil*/
#accueil {
width: 55em;
float: right;
text-align: center;
line-height: 3em;
font-size: 0.8em;
margin: 1em 2em 2em 0;
font-family:  Verdana, Corbel, Arial, Helvetica, Sans-serif;
}

#accueil ul li{
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius: 10px; 
behavior: url(scripts/border-radius.htc);
border: 0.2em solid #8179a5;
background: #a8a3c1;
color: #ffffff;
position: relative;
text-align: center;
list-style: none;
margin: 0 12em 5em 12em;
padding: 2em 5em;
}

#accueil ul li {
padding: 1em 0;
}

#accueil h2 {
font-size: 1.2em;
padding: 2em 0 1em 0;
font-variant: small-caps;
color: #534f81;
}

#accueil a {
color: #534f81;
}

#accueil a:hover {
color: #ff9149;
}

#accueil h3 {
text-align: center;
font-size: 1.2em;
}

#accueil p {
text-align: center;
}

#accueil strong{
font-weight: bold;
text-decoration: underline;
}

/*pied de page*/
#footer {
clear: both;
width: 84em;
height: 6em;
background-image: url("images/footer.jpg");
background-attachment: hidden;
background-repeat: repeat-x;
list-style-position: inside;
list-style-type: none;
text-align: center;
font-family: Lucida Console, Corbel, Arial, Helvetica, Sans-serif;
font-size: 0.7em;
list-style-position: inside;
line-height: 2em;
color: white;
margin: 1em 2em 0 2em;
}

#footer  ul{
list-style-position: inside;
list-style-type: none;
}

#footer h2 {
text-decoration: none;
font-weight: normal;
font-size: 1em;

}

#footer ul li {
margin: 0 1.6em 0 3em;
float: right;
list-style-position: inside;
list-style-type: none;
display: block;
}

#footer ul li ul li, #footer ul li ul li ul li {
margin-left: 0;
}

#footer ul li ul {
display: block;
}

#footer li ul li {
float: none;
}

.suite a{
color: #aca7c3;
text-decoration: none;
}

.suite a:active{
text-decoration: underline;
}

.suite a:hover {
color: #8179a5;
}

.rss a {
color: #fc9554;
text-decoration: none;
}

.rss a:hover{
color: #fa7506;
}

.rss a:active{
text-decoration: underline;
}

#psearch{
font-family:  Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 0.85em;
}

#notfound #searchform {
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px; 
behavior: url(border-radius.htc);
background-image: url("images/fondnotfound.jpeg");
background-attachment: hidden;
background-repeat: norepeat;
width: 23.5em;
height: 8em;
margin: 5em 15em;
cursor: pointer;
}

#notfound #search {
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px; 
behavior: url(border-radius.htc);
margin: 0.5em 1em;
padding: 0.5em;
width: 20.5em;
height: 2.5em;
color: #696969;
line-height: 1.5em;
font-size: 1em;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
}

#notfound #searchsubmit{
width: 18em;
height: 3em;
padding: 0.5em 1em 1.2em 1em;
color: #ffffff;
font-weight: bold;
font-family: Verdana, Corbel, Arial, Helvetica, Sans-serif;
font-size: 1.3em;
line-height: 2em;
font-variant: small-caps;
}

#notfound #searchform:hover{
background-image: url("images/nfsearch.png");
background-attachment: scroll;
background-repeat: repeat;
}

#notfound #searchform:hover #searchsubmit{
color: #ffffff;
}

#notfound #searchsubmit:active {
text-decoration: underline;
}