/* *********************************************************************************** */
/* *********************************************************************************** RESET */
/* *********************************************************************************** */
* { padding:0; margin:0; border:0; vertical-align:baseline; }
a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { text-decoration:underline; }
object { outline:0 none; }
ul { list-style:none; }
input { height:auto; }
textarea { overflow:auto; }
select, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#000; }

/* *********************************************************************************** */
/* *********************************************************************************** STRUCTURE */
/* *********************************************************************************** */
html { font-size:100%; } /* utile pour gestion des em sous ie6 */
body { font-family:Arial, Helvetica, sans-serif; font-size:0.75em/*12px*/; color:#000; background:#fbfcf7; }

/* header */
#header-o { height:195px; background:url(../graphics/bg-header-o.gif) repeat-x 0 0; }
#header { height:195px; width:960px; background:url(../graphics/bg-header.gif) repeat-x 0 0; }
#header-i { height:195px; width:960px; background:url(../graphics/bg-header-i.gif) no-repeat 0 100%; position:relative; }
#header-i .rf { width:64px; height:38px; position:absolute; top:4px; left:7px; }
#header-i .ministere { width:139px; height:34px; position:absolute; top:6px; left:86px; }
#header-i h1, #header-i .h1 { position:absolute; left:192px; top:5px; }
#header-i .sub { position:absolute; width:442px; height:25px; left:418px; top:61px; }
#header-i .baseline { position:absolute; width:579px; height:30px; left:381px; top:125px; }
#header-i ul { width:490px; height:29px; position:absolute; display:block; left:465px; top:96px; overflow:hidden; background:url(../graphics/bg-menu.gif) no-repeat 0 0; padding:0 0 0 5px; }
#header-i ul li { float:left; padding:0 2px 0 8px; height:29px; display:block; background:url(../graphics/bg-menu-li.gif) no-repeat 0 11px; }
#header-i ul .first { background:none; }
#header-i ul li a { color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.33em; height:29px; display:block; float:left; line-height:29px; padding:0 10px; }
#header-i ul li a:hover { text-decoration:none; color:#ef8104; }
#header-i ul li .current { background:url(../graphics/bg-menu-current.gif) repeat-x 0 100%; color:#ef8104; }

/* footer */
#footer { width:900px; margin:0 24px 15px 36px; border-top:2px solid #e4e3e3; padding:8px 0 0 0; color:#3c3c3c; font-size:0.92em; }
#footer a { color:#3c3c3c; }
#footer span { padding:0 12px; }
#footer .current { color:#803d8d; }

/* middle - col-l - col-c - col-r */
#middle { width:946px; background:url(../graphics/bg-middle.gif) no-repeat 0 0; padding:0 0 10px 14px; }
#middle-i { width:922px; background:#fff url(../graphics/bg-middle-i.gif) no-repeat 0 100%; padding:10px 0 25px 24px; overflow:hidden; }
#col-l { width:539px; float:left; }
#col-r { width:383px; float:right; }

/* *********************************************************************************** */
/* *********************************************************************************** COLONNE DROITE */
/* *********************************************************************************** */
#col-r .pad { width:341px; margin:0 21px; }

/* votre-avis */
#votre-avis { background:#e6e6e6; }
#votre-avis h3 { height:27px; line-height:27px; color:#fff; font-size:1.17em; background:url(../graphics/bg-title-votre-avis.gif) no-repeat 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 10px; font-weight:normal; }
#votre-avis form { padding:12px; font-size:1em; }
#votre-avis form fieldset { padding:10px 0 0 0; }
#votre-avis fieldset p { padding:0 0 5px 17px; width:300px; overflow:hidden; }
#votre-avis fieldset p input { float:left; width:20px; }
#votre-avis fieldset p label { float:left; }

/* videoZone */
#videoZone { margin:10px 0; padding:0 0 0 20px; }


/* searchBar*/
#more #searchBar {
padding: 0px;
}
#searchBar { margin:10px 0 20px; padding:0 0 0 20px; }

#searchBar .search-field { 
border:2px solid #86559D;
font-size:120%;
margin-top:10px;
padding:5px;
width:275px;_width:268px;
-moz-border-radius :15px;
-webkit-border-radius :15px;
text-indent:6px;
}
#sidebarright {
display: none;
}
#searchBar .submitbtn {
border:none !important;
background: #86559D;color: #fff;padding:6px;_padding:5px;font-size:120%;width:50px;
-moz-border-radius :15px;
-webkit-border-radius :15px;
cursor: pointer;
}
#searchBar .submitbtn:hover {
background: #e19200;
}


/* web-cam */
#web-cam {  }

/* *********************************************************************************** */
/* *********************************************************************************** PLUGINS */
/* *********************************************************************************** */
/* NAV PROVISOIRE */
#navProv { position:absolute; top:0; right:0; width:130px; z-index:1; }
#navProv li { list-style:none; display:block; height:0.01%; border-bottom:1px solid #CCCCCC; color:#ffffff; font-size:9px; text-transform:uppercase; }
#navProv li span { display:block; padding:2px; }
#navProv .navProvOC a { text-align:center; color:#000000; }
#navProv li a { display:block; padding:2px; background-color:#ff920a; border-bottom:1px solid #CCCCCC; color:#ffffff; font-size:9px; text-transform:uppercase; height:0.01%; }
#navProv li a:hover { background-color:#ff920a; color:#000000; }


/* *********************************************************************************** */
/* *********************************************************************************** COLONNE GAUCHE */
/* *********************************************************************************** */
/* titres */
#col-l h1 { background:url(../graphics/bg-h1.gif) no-repeat 0 0; padding:0 0 0 40px; min-height:33px; height:auto !important; height:33px; margin:0 0 8px 0; text-transform:uppercase; font-size:2.5em; font-weight:normal; }

/* en savoir plus */
#more { padding:10px 0 12px 40px; width:499px; }
#more .accroche { font-weight:bold; padding:0 40px 12px 0; border-bottom:2px solid #2195cf; margin:5px 0 12px 0; }

/* mentions */
#mentions { padding:0 20px 0 40px; width:479px; }
#mentions h3 { color:#803d8d; font-size:1.17em; padding:12px 0; }
#mentions p { padding:0 0 5px 0; }



#studyrama {
    float: right;
}

.spacer{clear:both;}
.order {
    float: right;
    font-size: 11px;
    font-weight: bold;
}
.order a {
    color: #ef8104;
}

/** FORM **/
.content input, .content textarea, .content select {background-color:#fff;border:1px solid #bbb;font-size: 1.2em;margin: 0.3em 0;padding: 2px 0;}
.content input:focus, .content textarea:focus, .content select:focus {border-color:#666;}

#moder_apriori_comment {
    margin: 10px 0;
    font-weight: bold;
}

#form_new_post, #form_post_comment, #form_post_comment_sso, #fbuserconnect {
    background: #73b8db;
    padding: 5px;
}
#form_new_post h3, #form_post_comment h3, #form_post_comment_sso h3 {
    color: #fff;
    font-size: 14px;
    margin: 5px 0;
}
.validation-advice {
    color: #fff;
    font-size: 11px;
}
#form_new_post .submitbtn, #form_post_comment .submitbtn, #form_post_comment_sso .submit, #facebook_form .submitbtn {
    background: url(../graphics/btn-envoyer.png) no-repeat left top;
    width: 83px;
    height: 37px;
    border: none;
    padding: 0;
    float: right;
    cursor: pointer;
}
.connected {
    font-size: 11px;
    color: #fff;
}
.connected a {
    color: #fff;
    text-decoration: underline;
}
#sso_title {
    background: #fff;
    padding: 2px;
    color: #ef8104;
    font-size: 11px;
}
#fbpost {
    background: #73b8db;
    padding: 5px;
    width: 100%;
}
#fbpost.off {
    background: none;
    padding: 0;
}

/** POST **/
.post{
    margin:10px 0 25px 0;
    font-size:11px;
}
.post h2, .post h3, .post a {
    color: #0096d6;
}
.post h2 {
    font-size: 14px;
    margin:0;
}
.post h3 {
    font-size: 11px;
    margin-top: 10px;
}
.post .profile {
    width: 51px;
    overflow: hidden;
    margin-bottom: 5px;
}
.post .profile img {
    width: 50px;
}
.post-value{
    background: url(../graphics/bg-post.png) repeat-x left bottom;
    padding:0 5px 20px 5px;
}
.post-value .source{
    float:left;
    width:419px;
    padding:0 0 0 10px;
}
.post-value .source .stats {
    float: right;
    width: 100px;
    text-align: right;
}
.post-value .sourceintro, .comment-author{
    color: #5b5b5b;
    margin-bottom: 10px;
}
.post-value .readmore, .post-value .readmore a{
    font-weight:bold;
}
.post-footer{
    color:#334C59;
    font-weight:bold;
}
.post .answercomment{
    margin-top:10px;
    margin-left:-20px;
    clear:left;
}
.post .answercomment img{
    vertical-align:middle;
    margin:0 5px 0 20px;
}
.post .answercomment a {
    color: #ef8104;
    font-weight: bold;
}
.post .postreact {
    clear: both;
    padding-top: 1.5em;
}
/** VOTE **/
.post-vote{
    float:left;
    width:51px;
    text-align:center;
    vertical-align:middle;
    margin:0;
}
.post-vote p{
    margin:0;
    padding-top:5px;
}
.post-vote a{
    text-decoration:none;
}
.vote-top{
    background-image:url(../graphics/vote-top.gif);
    background-repeat:no-repeat;
    font-weight:bold;
    vertical-align:middle;
    height:34px;
    width:51px;
    padding-top:14px;
    font-size:20px;
    color:#fff;
}
.vote-bottom-active,
.vote-bottom-inactive{
    margin-top: 10px;
    color:#0096D6;
}
/** COMMENTS **/
#pagedebatepermalink .post {
    margin-bottom: 0;
}
.addcomment {
    background: #ededed;
    padding: 10px 15px 20px 65px;
}
#postcomments {
    background: #ededed;
    border-top: 2px solid #2195cf;
    font-size: 11px;
}
#postcomments h3{
    border-bottom: 2px solid #2195cf;
    font-size: 14px;
    padding: 10px 0 5px 5px;
}
#postcomments .profile{
    margin-left: 5px;
    width:60px;
    float: left;
}
#postcomments .profile img{
    width:50px;
}
#postcomments .light {
    background: #fff;
}
#postcomments .comment-name {
    color: #0096d6;
    font-weight: bold;
}
#postcomments .vote-sum,
#postcomments .vote-sum-txt {
    color: #ef8104;
    font-weight: bold;
}
.commentparent, .commentchild{
    margin:15px 0 0 0;
    padding:10px 0px;
}
.commentparent .comment-content,
.commentchild .comment-content {
    float:left;
    width:398px;
}
.comment-content p{
    text-align:justify;
}
.comment-footer{
    font-size:11px;
    color:gray;
}
#postcomments .comment-vote {
    float: right;
    width: 26px;
}


/** PAGER **/
#pagerbottom, #pagertop{
    font-size:11px;
    margin:10px 0;
    font-size: 11px;
    width: 275px;
    float: right;
}
.pagernumbers {
    font-size: 12px;
    background: url(../graphics/pager.png) no-repeat left bottom;
    width: 137px;
    padding: 0 10px 10px 10px;
    text-align: center;
    float: right;
}
.pagedcurrentlinks{
    background: url(../graphics/pager-current.png) no-repeat center top;
    color:#ef8104;
    padding:2px 6px;
}
.pagedlinks{
    margin:0;
    padding:0;
}
#pagerbottom a, #pagertop a{
    background: url(../graphics/pager-other.png) no-repeat center top;
    color:#fff;
    padding:2px 6px 2px 6px;
    text-decoration:none;
}

/** TOOLTIP **/
#dhtmltooltip{
    position:absolute;
    left:-300px;
    width:150px;
    border:1px solid #DBDBDB;
    padding:5px;
    background-color:#fff;
    visibility:hidden;
    z-index:100;
    text-align:left;
}
#dhtmlpointer{
    position:absolute;
    left:-300px;
    z-index:101;
    visibility:hidden;
}
.tooltip{
    font-weight:normal;
}
#opacity{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:gray;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:1;
    display:none;
}
#loading{
    position:fixed;
    left:40%;
    top:40%;
    padding:10px 5px;
    background:transparent;
    z-index:2;
    display:none;
    text-align:center;
    width:170px;
    height:80px;
    background:transparent url('../graphics/loading/background_loading.gif') no-repeat top left;
}