/*
Author:Tony Archambeau
*/

*{margin:0;padding:0;cursor:default}
body{
font-family:verdana, arial, sans-serif;
background-color:#f3f3f3;
}


/************************
** Main Structure
************************/

#header{
background-color:#333;
height:85px;
}
#header #logo{
float:left;
position:relative;
margin-top:12px;
margin-left:8px;
}
#header #menuTop{
float:right;
position:relative;
width:240px;
}
#header #menuTop ul{list-style-type:none}
#header #menuTop li{
display:block;
float:left;
text-align:center;
}
#header #menuTop li a{
display:block;
width:80px;
height:80px;
margin-right:6px;
line-height:80px;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
background:url(../img/design/arrow-bbb-02.png) no-repeat bottom center;
color:#bbb;
text-shadow:1px 1px 0px #888;
}
#header #menuTop li a:hover{
background:url(../img/design/arrow-02.png) no-repeat bottom center;
color:#fff;
height:85px;
}
#header #menuTop li.selected a{
background:url(../img/design/arrow-02.png) no-repeat bottom center;
color:#fff;
height:85px;
}
#header .menuLangage{
float:right;
position:relative;
margin-right:2px;
}

#container{
clear:both;
width:830px;
margin:auto;
background:#fff url(../img/design/design-03-830px.png) repeat-y;
padding-top:5px;
}
#content{
width:800px;
margin:auto;
margin-bottom:12px;
font-size:0.8em;
}
#contentleft{
margin-left:8px;
width:580px;
}

#menuDroite{
float:right;
position:relative;
width:190px;
margin:0 4px;
/*border-left:2px solid #989898;*/
padding:8px 4px;
}
#menuDroite ul{list-style-type:none}
#menuDroite li{line-height:1.5em;}
#menuDroite ul li a{
display:block;
padding-left:4px;
text-decoration:none;
color:#202E73;
border-bottom:1px solid #dedede;
}
#menuDroite ul li a:hover{
text-decoration:none;
background-color:#e2e2ff;
}
#menuDroite ul li a:active{
color:#000;
background-color:#bbbbff;
}

#footer{
clear:both;
min-height:30px;
background:url(../img/design/design-03-830px-bottom.png) no-repeat bottom center;
padding-bottom:15px;
}
#footercontent{
width:784px;
margin:auto;
padding:4px 8px;
border-top:2px solid #989898;
font-size:0.8em;
}


/************************
** HTML tags
************************/
img{border:none}

/*** liste ***/
#contentleft ul, #contentleft ol{margin:2px; margin-left:30px}
#contentleft li{text-align:justify}
ul.SansPuce{list-style:none}
ul.SansPuce li{
height:20px;
line-height:20px;
}

/*** title ***/
h1{
margin:4px 2px 6px 2px;
padding-top:10px;
font-size:1.5em;
text-align:center;
text-shadow:1px 1px 0px #888;
}
#contentleft h2{
padding-left:4px;
margin:18px 0 10px 0;
font-size:1.1em;
}
#contentleft .title h2{
margin:4px 0 4px 0;
}
#contentleft h3{
margin:10px 0 4px 30px;
font-size:1em;
}

/*** link ***/
#contentleft a:link, #footer a:link{
color:#202E73;
}
#contentleft a:visited, #footer a:visited{
color:#5d69a6;
}
#contentleft a:hover, #footer a:hover{
text-decoration:none;
color:#e74032;
}
#contentleft a:active, #footer a:active{
background-color:#e74032;
color:#fff;
}
a img{text-decoration:none}
#contentleft h1 a:link, #contentleft h1 a:visited, #contentleft h1 a:hover, #contentleft h1 a:active{
text-decoration:none;
color:#000;
}


/*** table ***/
table{
width:99%;
border-collapse:collapse;
}
td{}
th{}

/*** form ***/
fieldset{
padding:4px;
}
label{
display:block;
margin:2px;
padding-top:8px;
}
input[type=text]{}
input[type=text]:hover{}
input[type=text]:focus{}
input[type=button], input[type=submit], input[type=reset]{}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{}
input[type=button]:active, input[type=submit]:active, input[type=reset]:active{}
input[type=button]{}
input[type=submit]{}
input[type=reset]{}
textarea{}
textarea:hover{}
textarea:focus{}

/*** various ***/
p{
text-align:justify;
margin:2px 0;
}

acronym, abbr{
border-bottom:1px dashed #333;
}
acronym, abbr, span.caps{
font-size:90%;
letter-spacing:.07em;
}
blockquote{
border-left:5px solid #ccc;
margin-left:1.5em;
padding-left:5px;
}

/*** cursor ***/
acronym, abbr{cursor:help}
a, a img, input[type=button], input[type=submit], input[type=reset], input[type=image], label{cursor:pointer}
input[type=text], textarea{cursor:text}



/************************
** Main Box
************************/


/*** Captions & aligment ***/
.aligncenter, div.aligncenter{
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft{float:left}
.alignright{float:right}
/*** End captions & aligment ***/


/*** various ***/
.underline{text-decoration:underline}
.center{text-align:center}
.ClearBoth{clear:both;}

.picture{margin:auto}
.pictureleft{float:left}
.pictureright{float:right}
.pictureleft, .pictureright{position:relative; border:1px solid silver;}
.picture, .pictureleft, .pictureright{
position:relative;
margin:4px;
padding:2px;
font-size:0.8em;
font-style:italic;
text-align:center;
}

.icone{
vertical-align:middle;
border:none;
text-decoration:none;
}


.HomeCalendrier{
float:right;
position:relative;
height:60px;
width:60px;
background-image:url(../img/design/calendrier-fond-60px.png);
}
.HomeCalendrierMois{
font-size:8px;
text-transform:uppercase;
color:white;
display:block;
padding-top:12px;
padding-left:10px;
}
.HomeCalendrierJour{
font-size:20px;
text-align:center;
display:block;
padding-top:4px;
}


.post, .PromotionArticle, .auteur, .postBottom{
border:3px solid #dedede;
margin-bottom:9px;
}
.post{
margin-bottom:9px;
padding:3px;
}
.title{
margin-bottom:6px;
padding-bottom:4px;
border-bottom:1px solid #dedede;
}
.postBottom div{
min-height:90px;
}
.PromotionArticle div, .auteur div, .postBottom div{
margin:3px;
padding:3px;
background-color:#f2f2f2;
}
.postBottom li, .PromotionArticle li{
line-height:1.5em;
font-size:0.85em;
}
.feedback{
float:right;
position:relative;
width:120px;
margin-left:4px;
text-align:center;
font-weight:bold;
color:#254F8C;
}

.PromotionArticle{margin-bottom:9px;}
.PromotionArticle input{
width:440px;
margin-top:3px;
font-size:0.9em;
font-family:"Courier New", sans-serif;
color:grey;
}
.PromotionArticle input:focus{
padding:1px;
border:1px solid #dedede;
background-color:#f3f3f3;
}
#contentleft .postBottom ul, #contentleft .PromotionArticle ul{
list-style-type:none;
margin-left:0px;
}
.PromotionReseau{
float:left;
position:relative;
width:100px;
}
.PromotionReseau li{
float:left;
position:relative;
margin:0 4px;
}
.PromotionLien{margin-bottom:12px;}

.date{
float:right;
position:relative;
width:100px;
/*margin-top:-2px;*/
font-size:0.8em;
/*border:1px solid red;*/
color:#e74032;
}
.twitter{
width:400px;
margin:15px auto;
}
.status{
margin:4px 0;
padding:5px;
padding-bottom:4px;
border-bottom:1px dotted #dedede;
}
.statusdate{
margin:3px 0;
font-size:0.7em;
}
#contentleft .statusdate a{
color:#999;
text-decoration:none;
}