* { border:0;margin:0;padding:0}
html,body {background:#f3f3f3 url(images/background.jpg) no-repeat center top;background-attachment:fixed;font-family:Arial, Verdana, Helvetica, sans-serif;font-size:12px;color:#393939;height:100%}
/* ######################## CADRES PRINCIPAUX DU SITE ###################### */
#document {overflow:hidden;position:relative;width:978px;height:auto;margin-left:auto;margin-right:auto}
#entete {overflow:hidden;background:url(images/header.png) no-repeat;width:978px;height:150px}
#nav {overflow:hidden;width:958px;color:#fff;padding-left:20px;margin-top:95px}
#nav2 {overflow:hidden;width:958px;color:#fff;padding-left:20px;margin-top:4px}
#login { padding: 0 0 0 10px; text-align: center}
#corps-haut {overflow:hidden;background:url(images/section-fond.png) no-repeat center top;width:978px;height:16px; margin-top: 0px}
#corps-center {overflow:hidden;background:url(images/section-centre.png) repeat center top;width:978px;min-height:100%;padding-bottom:20px}
/* ######################## CADRES AUXILIAIRES DU SITE ###################### 
 -------[Menu 3]-------- */
#menu3 {float:left;width:205px;border-right:#d7d7d7 1px solid;margin:2px 0 0 20px}
#menu3 ul {list-style:none;margin:0;padding:0}
#menu3 li a {voice-family:inherit;height:24px;text-decoration:none;font-weight:bold}
#menu3 li a:link,#menu3 li a:visited {color:#393939;display:block;background:url(images/menu3.jpg) no-repeat;padding:8px 0 0 30px;font-weight:bold}
#menu3 li a:hover,#menu3 li a:active {color:#000;background:url(images/menu3.jpg) no-repeat 0 -32px;padding:8px 0 0 30px;font-weight:bold}
.img1{ background:url(images/menu-1a.png) no-repeat; width:197px; height:27px}
.img2{ background:url(images/menu-2a.png) no-repeat; width:197px; height:27px; margin-top: 10px}
.img3{ background:url(images/menu-3a.png) no-repeat; width:197px; height:27px; margin-top: 10px}
/* -------[Cadre central page accueil]-------- */
#cadre-central {float:left;width:700px;margin:10px 0 0 10px}
#cadre-central,#cadre-1,h1 {font-size:14px;color:#000;font-weight:700}
.cadre-simple {float:right;width:690px;background:url(images/cadre-simple.jpg) no-repeat bottom left;padding-bottom:20px;margin:10px 50px 0 0}
.sous-cadre-simple {margin:10px 20px}
.sous-cadre-simple .auteur {text-align:right;font-size:11px;padding:5px 55px 30px 0}
.auteur {text-align:right;font-size:11px;padding:5px 55px 40px 0}
/* -------[Cadre central grand]-------- */
#cadre-1,#cadre-3,#cadre-4 {width:900px;margin:10px 0 0 35px}
.cadre-1 {width:900px;background:url(images/cadre-grand.jpg) no-repeat bottom left;padding-bottom:20px;margin:0 20px 0 35px}
.posteur {font-size:11px; font-weight:bold; color:#398ccb;padding-left:40px}
.banniere {text-align:center;padding:20px 20px 0}
.banniere-1 {width:938px;text-align:center;padding:20px 20px 0}
.cadre-1 li {font-size:11px;font-weight:700;letter-spacing:2px;color:#888}
.cadre-2 {width:900px;background:url(images/cadre-grand.jpg) no-repeat bottom left;padding-bottom:20px;margin:0 20px 0 37px}
.cadre-3 ul {list-style-image:url("images/icone-fleche.png");vertical-align:middle;text-decoration:none;font-weight:400;margin:10px 10px 10px 30px}
.cadre-3 li {font-size:12px;font-weight:400;color:#000;text-align:justify}
.cadre-3 h2 {font-size:12px;color:#353534;font-weight:700;margin:0 0 10px 12px}
.cadre-3 {width:867px;background:url(images/cadre-grand1.jpg) no-repeat bottom left;padding:20px 20px 60px 20px;margin:0 20px 0 37px}
.sous-cadre-3 {padding:20px 0 0 40px}
.conteneur_membre {float:left;background:url(images/cadre-grand.jpg) no-repeat bottom left;width:430px;min-height:100%;margin:0 20px 0 35px;padding:20px 0}
.cadre_membre {float:left;width:170px;height:130px;text-align:center;margin:20px 0 10px 10px;padding:0}
.cadre_membre_1 {float:left;width:200px;height:130px;margin:10px;padding:10px}
/* ######################## FORMULAIRE DU SITE ###################### */
.formulaire {background:url(images/login-footer.png) no-repeat;width:130px;height:16px;font-size:10px;color:#e9e8e8;vertical-align:middle;padding:5px 0 3px 5px}
.bouton {background-image:url(images/bouton.png);width:19px;height:18px;border:0;vertical-align:middle;cursor:pointer}
.bouton-footer {background-image:url(images/bouton-footer.png);width:19px;height:18px;border:0;vertical-align:middle;cursor:pointer}
.bouton-1 {background-image:url(images/bouton-1.png);width:135px;height:20px;color:#fff;border:0;vertical-align:middle;font-size:10px;font-weight:400;letter-spacing:2px;cursor:pointer}
.formulaire1 {border:#d5d5d5 1px solid;font-size:11px;color:#000;padding:3px 0 0 5px}
.formulaire2 {border:#d5d5d5 1px solid;width:512px;height:200px;font-size:11px;color:#000;padding:3px 0 0 5px}
.formulaire3 {border:#d5d5d5 1px solid;width:250px;font-size:11px;color:#000;padding:3px 0 0 5px}
.formulaire4 {font-size:11px;color:#000;padding:3px 0 0 5px}
div.socialbookmarking input[type=text] {background:url(images/login-footer.png) no-repeat;width:130px;height:16px;font-size:10px;color:#e9e8e8;vertical-align:middle;padding:5px 0 3px 5px}
/* ######################## DIFFERENTS STYLES DU SITE ###################### */
p {text-align:justify;padding:10px 20px 5px}
img {vertical-align:middle}
option {background-color:#fff;color:#888}
h2 {font-size:11px;color:#000;text-decoration:underline;font-weight:700;margin:0 0 10px 12px}
h3 {font-size:13px;color:#000;text-decoration:underline;font-weight:700;margin:0}
.style4 {font-size:11px;color:#ccc}
.style5 {font-size:10px}
.style6 {font-size:10px;color:#353534}
.style7 {font-size:11px;color:#398ccb}
.style8 {font-size:10px;color:#f3a208;letter-spacing:2px}
.style9 {font-size:10px;color:#398ccb;font-style:italic}
/* ##############  style lien petit cadre login ############### */
.auteur1 {overflow:hidden;display:block;float:right;line-height:24px;height:24px;margin:5px 40px 0 0}
.auteur2 {overflow:hidden;display:block;float:right;line-height:12px;height:24px;margin:5px 40px 0 0}
a.mail,a.mail:visited,a.mail:hover,a.mail:active {overflow:hidden;display:block;float:right;background:url(images/icone.png) no-repeat 0 -48px;line-height:24px;width:24px;height:24px;margin-left:2px}
a.modi,a.modi:visited,a.modi:hover,a.modi:active {overflow:hidden;display:block;float:right;background:url(images/icone.png) no-repeat 0 -24px;line-height:24px;width:24px;height:24px;margin-left:2px}
a.modi1,a.modi1:visited,a.modi1:hover,a.modi1:active {overflow:hidden;display:block;float:right;background:url(images/editer-v.png) no-repeat;line-height:24px;width:24px;height:24px;margin-left:2px}
a.twitter,a.twitter:visited,a.twitter:active {overflow:hidden;display:block;float:right;background:url(images/twitter.png) no-repeat;line-height:24px;width:24px;height:24px;margin-left:2px}
a.twitter:hover{overflow:hidden;display:block;float:right;background:url(images/twitter-hover.png) no-repeat;line-height:24px;width:24px;height:24px;margin-left:2px}
a.comm,a.comm:visited,a.comm:hover,a.comm:active {overflow:hidden;display:block;float:right;background:url(images/icone.png) no-repeat;line-height:24px;width:24px;height:24px;margin-left:2px}

a.lien1,a.lien1:visited,a.lien1:active {background-color:inherit;color:#e9e8e8;text-decoration:none;font-size:9px;font-weight:bold;letter-spacing:2px}
a.lien1:hover {text-decoration:none;background-color:#008cc7;color:#000000;font-size:9px;font-weight:bold;letter-spacing:2px}
a.lien-bio,a.lien-bio:visited,a.lien-bio:active,a.lien-bio:hover {background-color:inherit;color:red;text-decoration:none;font-size:10px;font-weight:bold}
a.lien5:hover {text-decoration:underline;background-color:inherit;color:#fff;font-size:10px;font-weight:400}
a.lien2,a.lien2:visited,a.lien2:active {background-color:inherit;color:#398ccb;text-decoration:none;font-size:11px;font-weight:bold}
a.lien2:hover {text-decoration:underline;background-color:inherit;color:#000;font-size:11px;font-weight:bold}
a.lien20,a.lien20:visited,a.lien20:active {background-color:inherit;color:#398ccb;text-decoration:none;font-size:11px;font-weight:bold;letter-spacing:2px}
a.lien20:hover {text-decoration:underline;background-color:inherit;color:#000;font-size:11px;font-weight:bold;letter-spacing:2px}
a.lien3,a.lien3:visited,a.lien3:active {background-color:inherit;color:#feab4a;text-decoration:none;font-size:11px;font-weight:bold}
a.lien3:hover {text-decoration:underline;background-color:inherit;color:#000;font-size:11px;font-weight:bold}
a.lien5,a.lien5:visited,a.lien5:active {background-color:inherit;color:#ff00ff;text-decoration:none;font-size:11px;font-weight:400}
a.lien4, a.lien4:visited, a.lien4:active {background-color:inherit;color:#fd8a03;text-decoration:none;font-size:12px}
a.lien4:hover {background-color:inherit;color:#000;text-decoration:none}
a.lien6,a.lien6:visited,a.lien6:active {background-color:inherit;color:#CC0404;text-decoration:none;font-size:11px;font-weight:400;letter-spacing:2px}
a.lien6:hover {text-decoration:underline;background-color:inherit;color:red;font-size:11px;font-weight:400}
a.lien7,a.lien7:visited,a.lien7:active {background-color:inherit;line-height:20px;color:#3092c0;text-decoration:none;font-size:11px;font-weight:400}
a.lien7:hover {text-decoration:none;background-color:inherit;color:#fff;font-size:11px;font-weight:400}
a.lien8,a.lien8:visited,a.lien8:active{background-color:inherit;color:#404040;text-decoration:none;font-size:11px;font-weight:400}
a.lien8:hover {text-decoration:underline;background-color:inherit;color:red;font-size:11px;font-weight:400}

.share {display:block;float:right;width:24px;height:0;border:none;background:url(images/facebook-32.png);overflow:hidden;margin:0;padding:24px 0 0;margin-left:2px}
.share:hover {border:none;background:url(images/facebook-32-hover.png)}
.sous-cadre-1,.sous-cadre-2 {padding:20px 20px 0}
.sous-cadre-1 p,.sous-cadre-simple p {font-size:13px; color:#393939; padding: 10px 40px 10px 40px }
.sous-cadre-1 p:first-letter,.sous-cadre-simple p:first-letter { font-size: 18px; color:#000000; font-weight: bold}
.tourner_page,.tourner_page_d {
overflow:hidden;
float:left;
width:900px;
min-height:100%;
text-align:center;
margin:20px 0;
padding:0 0 15px 35px
}
.tourner_page a,.tourner_page_d a {
overflow:hidden;
background:url(images/tourner_page.png);
display:block;
float:left;
color:#404040;
font-weight:700;
height:27px;
line-height:29px;
text-decoration:none;
width:25px;
margin:0 0 0 2px
}
.tourner_page a:hover,.tourner_page_d a:hover {
overflow:hidden;
background:url(images/tourner_page_o.png);
display:block;
float:left;
color:#404040;
font-weight:700;
height:27px;
line-height:29px;
text-decoration:none;
width:25px;
margin:0 0 0 2px
}
.tourner_page a:active,.tourner_page_d a:active {
overflow:hidden;
background:url(images/tourner_page_o.png);
display:block;
float:left;
color:#404040;
font-weight:700;
height:27px;
line-height:29px;
text-decoration:none;
width:25px;
margin:0 0 0 2px
}

.tourner_theme {width:900px;text-align:center;margin:20px 0 0 50px;padding:0 0 0 0}
.tourner_theme a {background:url(images/theme_citation.png);display:block;float:left;color:#404040;font-weight:700;height:35px;line-height:29px;text-decoration:none;width:140px;}
.tourner_theme a:hover {background:url(images/theme_citation_o.png);display:block;float:left;color:#404040;font-weight:700;height:35px;line-height:29px;text-decoration:none;width:140px;}

#footer-wrap{width:100%;height:320px;float:left;background:#151515;top:5px}
#footer-wrap div.footer{float:none;margin:0px auto;padding:17px 0 0 0;width:952px;top:5px}
div.footer h4{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#fff;background:url(images/fond-footer.gif) repeat left top;margin:0;padding:8px 0 8px 6px}
/* -- style for inner div's starting from pages -- */
div.footer div.pages{width:80px;float:left;padding:0;margin:0 10px 0 0;font-size:12px}
div.pages ul{width:80px;float:left;padding:6px 0 0 0;margin:0;list-style-type:none}
div.pages ul li{width:75px;float:none;background:url(images/small_arrow_foot.gif) 0 7px no-repeat;margin-left:6px;padding:2px 0 2px 2px}
div.pages ul li a{padding:2px 0 2px 5px;color:#fff;text-decoration:none}
/* -- stylin services div --- */
div.services{width:80px;float:left;margin:0 10px 0 0;font-size:12px}
div.services ul{width:80px;float:left;padding:6px 0 0 0;margin:0;	list-style-type:none}
div.services ul li{width:75px;float:none;background:url(images/small_arrow_foot.gif) 0 7px no-repeat;margin-left:6px;padding:2px 0 2px 2px}
div.services ul li a{padding:2px 0 2px 5px;color:#fff;text-decoration:none}
/* --- stylin miscellanious div --*/
div.various{width:140px;	float:left;	margin:0 20px 0 0}
div.various ul{width:140px;float:left;	padding:6px 0 0 0;margin:0;list-style-type:none}
div.various ul li{width:130px;float:none;background:url(images/small_arrow_foot.gif) 0 7px no-repeat;margin-left:6px;padding:2px 0 2px 2px}
div.various ul li a{	padding:2px 0 2px 5px;color:#fff;text-decoration:none}
/* --- stylin additional div --*/
div.additional{width:140px;float:left;margin:0 20px 0 0}
div.additional ul{	width:140px;float:left;padding:6px 0 0 0;margin:0;list-style-type:none}
div.additional ul li{width:130px;float:none;background:url(images/small_arrow_foot.gif) 0 7px no-repeat;margin-left:6px;padding:2px 0 2px 2px}
div.additional ul li a{padding:2px 0 2px 5px;color:#fff;text-decoration:none}
div.various ul li a:hover, div.additional ul li a:hover, div.services ul li a:hover, div.pages ul li a:hover{padding:2px 0 2px 5px;color:#5badd8;text-decoration:none}
/* -- stylin social bookmarking div -- */
div.socialbookmarking{width:190px;float:left}
div.socialbookmarking p{color:#fb8a26;font-size:11px;padding-left:8px}
div.socialbookmarking div.bookmarkIcons{width:190px;float:left;padding:4px 0}
div.socialbookmarking div.bookmarkIcons img{float:left;margin-left:9px}
div.socialbookmarking p.rights{width:163px;float:left;font-size:10px}
div.socialbookmarking p.rights a{color:#fff}

.entry {width: 600px}
.votes_count { font-size:10px;color:#398ccb;font-style:italic;margin-right:7px}
a.vote_up, a.vote_down {display:inline-block;background-repeat:none;background-position:center;height:23px;width:30px;margin-left:4px;text-indent:-900%;}
a.vote_up {background:url("images/votes_up.png");}
a.vote_down {background:url("images/vote_down.png");}