/*------------------------GENERAL----------------------------------------------------------------*/
body, html {background:#f7f7f7 url(../images/background_arc-en-ciel.jpg) no-repeat center top;padding:0;margin:0;font-family:Verdana, Arial; text-align:left;font-size:0.9em;color:#404040;border-top:2px solid #4d4d4d;}
p {margin:20px 0px 10px 0;padding:0;line-height:150%;text-align: justify;}
img {border:none;}
a {color:#00a9e0;}
a:hover {color:#e90d88;}
//a:visited{color:#97c46f;}
a {outline:none;}
form {padding:0;margin:0 0 0 0;}
.clear {clear:both;margin:0;padding:0;visibility:hidden;}
.clearie {clear:both;margin:0;padding:0;visibility:hidden;}
/*-------------------------HEADER-----------------------------------------------------------------*/
#conteneur {margin:0 auto;width:1024px;}
#connexion {width:500px;height:50px;display:inline;float:right;background:url(../images/onglet_connexion.png) no-repeat right top;text-align: center;padding:3px 0 0 0;}
p.connexion {color:white;margin:0;padding:0;text-align:center;}
#form_id {width:200px;}
#form_mdp {width:100px;}
#logo {position:absolute;margin:10px 0 0 0;width:600px;}
a#lien_logo {background:url(../images/logo.png) no-repeat left top;width:350px;height:107px;display:block;margin:0 0 0 50px;padding:0;}
h1#slogan {position:absolute;color:#B4B4B4;top:80px;left:150px;margin:0;padding:0;font-family:Comic Sans MS,Verdana, Arial; font-size:1.6em;}
#conteneur_contenu {background:#fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 6px 6px 12px #888;-webkit-box-shadow: 6px 6px 12px #888;box-shadow:6px 6px 12px #888;}
/*-------------------------SOCIAL-----------------------------------------------------------------*/
#social_block {float:right;height:50px;margin:30px 10px 0 0;}
.social {display:block;height:30px;width:65px;position:relative;margin:20px 0 0 5px;float:right;}
.social:hover {height:50px;margin-top:0;}
.rss {background:url(../images/nav-rss.png) no-repeat right top;}
.twitter {background:url(../images/nav-twitter.png) no-repeat right top;}
.facebook {background:url(../images/nav-facebook.png) no-repeat right top;}
.youtube {background:url(../images/nav-youtube.png) no-repeat right top;}
.dailymotion {background:url(../images/nav-dailymotion.png) no-repeat right top;}
.contact {background:url(../images/nav-contact.png) no-repeat right top;}
/*-------------------------INDEX------------------------------------------------------------------*/
#contenu {width:728px;float:left;display:inline;padding:0 10px 0 10px;}
div.article {margin:0 0 20px 0;padding:0;border-bottom:1px dotted #aaa;}
h1.title {margin:10px 0 5px 0;padding:0;font-family:Comic Sans MS; font-size:1.3em;font-weight:normal;}
h1.titre {display:inline;float:left;}
h2 {margin:10px 0 5px 0;padding:0;font-family:Comic Sans MS; font-size:1.2em;font-weight:normal;}
a.titre {display:inline;float:left;margin:0;padding:0;}
a.titre h1.title {margin:0;padding:0;font-family:Comic Sans MS; font-size:1.3em;font-weight:normal;}
.souligner {text-decoration : underline;}
div.infobar {width:728px;background:url(../images/info-bar.png)no-repeat left top;height:42px;padding:0;}
p.date {margin:9px 0 0 12px;padding:0;display:inline;float:left;color:#aaa;font-size:0.9em;}
p.auteur {margin:9px 0 0 25px;padding:0;display:inline;float:left;color:#aaa;font-size:0.9em;}
p.auteur a{color:#999;font-weight: bold;}
p.commentaire {margin:9px 10px 0 0px;padding:0;display:inline;float:right;font-size:0.9em;}
p.commentaire a{color:#888;font-weight: bold;}
p.com_sponsor {color:#888;font-weight: bold;text-decoration:underline;}
p.motscles {background: url(../images/icon_mots_cles.gif)no-repeat left center;margin:15px 0 5px 0;padding:0 0 0 30px;}
a.precedent {float:left;font-size:0.9em;}
a.suivant {float:right;font-size:0.9em;}
/*-------------------------ARTICLES------------------------------------------------------------------*/
div.millieu {text-align:center;font-size:1.1em;}
p.allopass {text-align:center;font-size:1.1em;}
div.millieu p.gris {border:1px solid #aaa;display:inline;padding:2px 5px;margin:0 3px 5px 3px;}
div.millieu p.noir{border:1px solid #000;display:inline;font-weight:bold;padding:2px 5px;margin:0 3px 5px 3px;}
.centre {display:block;margin:0 auto;}
.micro_img {float:left;margin:10px 10px 15px 0;width:100px;}
.carre {width:220px;height:220px;margin:5px auto 5px auto;background:url(../images/image.jpg) no-repeat;padding:10px 0 0 10px;display:block;}
.encadre {float:left;width:220px;height:220px;margin:5px 5px 5px 6px;background:url(../images/image.jpg) no-repeat;padding:10px 0 0 10px;display:inline;}
a.desc span {display:none ;text-decoration:none ;background:white;width:192px;color:#404040;}

a.desc:hover span {display: block;position: absolute;margin:-203px 0 0 -1px;border:1px solid #404040; padding: 4px; text-align:center} 
/*-------------------------COMMENTAIRES------------------------------------------------------------------*/
.com_admin {background:#ffdfbf;margin-bottom:10px;padding:10px 10px;}
.com {margin-bottom:10px;padding:10px 10px;background:#f5f5f5;}
/*-------------------------AUTEURS------------------------------------------------------------------*/
img.pg_auteur {float:left;display:inline;margin:10px 0 20px 0;}
p.pg_auteur {float:left;display:inline;width: 558px;margin-left:20px;}
/*------------------------SIDEBAR-----------------------------------------------------------------*/
#sidebar {float:right;width:266px;padding:0 10px 0 0;}
.sidebar_block {padding:0;margin:0 0 30px 0;}
.sidebar_block h3.title {background:no-repeat right bottom;height:39px;width:256px;color:#fff;font-weight: bold;text-transform: uppercase;font-family:Comic Sans MS,Verdana, Arial; font-size:1.2em;padding:6px 0 0 10px;margin:10px 0 5px 0;}
.sidebar_block h3.h3coul1 {background:url(../images/title_sidebar1.gif);}
.sidebar_block h3.h3coul2 {background:url(../images/title_sidebar2.gif);}
.sidebar_block h3.h3coul3 {background:url(../images/title_sidebar3.gif);}
.sidebar_block h3.h3coul4 {background:url(../images/title_sidebar4.gif);}
.sidebar_block h3.h3coul5 {background:url(../images/title_sidebar5.gif);}
.sidebar_block h3.h3coul6 {background:url(../images/title_sidebar6.gif);}
.sidebar_block h3.h3coul7 {background:url(../images/title_sidebar7.gif);}
.btnctr {display:block;margin:0 auto;}
#form_email {width:256px;margin:10px auto;}
div.errnews {background:#fbb;border:1px solid #f00;color:red;margin: 5px 0 5px 0;padding:5px 10px 5px 10px;-moz-border-radius:7px 7px 7px 7px;text-align:center;}
div.oknews {background:#bfc;border:1px solid #080;color:#080;margin: 5px 0 5px 0;padding:5px 10px 5px 10px;-moz-border-radius:7px 7px 7px 7px;text-align:center;}
.partage_block {width:360px;float:left;}
.partage_icone {width:154px;margin:10px 0 0 0;}
.sidebar_block a.partage {display:inline;height:128px;width:91px;position:relative;margin:0;float:left;padding:0;}
.sidebar_block a.twitter_partage {background:url(../images/twitter_128.gif) no-repeat right top;margin:0 0 0 30px;}
.sidebar_block a.facebook_partage {background:url(../images/facebook_128.gif) no-repeat right top;margin:0 0 0 25px;}
.partage {display:block;height:24px;width:38px;position:relative;margin:0;float:left;padding:0;}
.twitter_partage {background:url(../images/twitter_partage.gif) no-repeat right top;margin:0 20px;}
.facebook_partage {background:url(../images/facebook_partage.gif) no-repeat right top;}
a#lien_bouton {background:url(../images/bouton.gif) no-repeat left top;width:188px;height:40px;display:block;margin:0 auto;padding:11px 0 0 0;color:#fff;
font-family:Verdana,Comic Sans MS, Arial; font-size:1.10em;text-decoration:none;text-align:center;font-weight: bolder;}
/*------------------------FOOTER------------------------------------------------------------------*/
#pied_ext {color:#dcdcdc;background:#4d4d4d;padding:0;margin:0;}
#contenu_pied {margin:0 auto;width:1016px;}
p.footer {margin:0;padding:10px 0 20px 0;}
/* -----------------------MENU------------------------------------------------------------------- */
#topmenuContainer {float: left;background:white;height:34px;width:100%;margin:0 0 30px 0;-moz-box-shadow: 6px 6px 12px #888;-webkit-box-shadow: 6px 6px 12px #888;box-shadow:6px 6px 12px #888;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
ul#topmenu {margin: 6px 0 0 10px;border: 0 none;padding: 0;list-style: none;}
ul#topmenu li {float: left;font-family:Comic Sans MS;	font-size: 1.2em;padding-left:5px;margin-right: 15px;}
ul#topmenu li#topmenu-1 { border-left: 4px solid #00a9e0; }
ul#topmenu li#topmenu-2 { border-left: 4px solid #e90d88; }
ul#topmenu li#topmenu-3 { border-left: 4px solid #f08d32; }
ul#topmenu li#topmenu-4 { border-left: 4px solid #f2da00; }
ul#topmenu li#topmenu-5 { border-left: 4px solid #d08acd; }
ul#topmenu li#topmenu-6 { border-left: 4px solid #eb2d2f; }
ul#topmenu li#topmenu-7 { border-left: 4px solid #97c46f; }
ul#topmenu li a, ul#topmenu li a:link, ul#topmenu li a:active, ul#topmenu li a:visited, ul#topmenu li a:hover {border: 0 none;color: #B4B4B4;background: none;}
ul#topmenu li a#lien1:hover {color: #00a9e0;}
ul#topmenu li a#lien2:hover {color: #e90d88;}
ul#topmenu li a#lien3:hover {color: #f08d32;}
ul#topmenu li a#lien4:hover {color: #f2da00;}
ul#topmenu li a#lien5:hover {color: #d08acd;}
ul#topmenu li a#lien6:hover {color: #eb2d2f;}
ul#topmenu li a#lien7:hover {color: #97c46f;}
ul#topmenu li#topmenu-1 a.selected { color: #00a9e0; }
ul#topmenu li#topmenu-2 a.selected { color: #e90d88; }
ul#topmenu li#topmenu-3 a.selected { color: #f08d32; }
ul#topmenu li#topmenu-4 a.selected { color: #f2da00; }
ul#topmenu li#topmenu-5 a.selected { color: #d08acd; }
ul#topmenu li#topmenu-6 a.selected { color: #eb2d2f; }
ul#topmenu li#topmenu-7 a.selected { color: #97c46f; }
/* -----------------------SOUS MENU------------------------------------------------------------------- */
#topmenuContainer ul#topmenu li ul {display:none;position:absolute;background:#fff;list-style: none;padding:5px 20px 10px 13px;margin:0;-moz-border-radius:0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;border-left: 1px solid #B4B4B4;border-bottom: 1px solid #B4B4B4;border-right: 1px solid #B4B4B4; }
#topmenuContainer ul#topmenu li ul li{font-family:Comic Sans MS;font-size: 1em;}
#topmenuContainer ul#topmenu li#topmenu-1 ul li {padding-left:7px;border-left: 2px solid #00a9e0;}
#topmenuContainer ul#topmenu li#topmenu-2 ul li {padding-left:7px;border-left: 2px solid #e90d88;}
#topmenuContainer ul#topmenu li#topmenu-3 ul li {padding-left:7px;border-left: 2px solid #f08d32;}
#topmenuContainer ul#topmenu li#topmenu-4 ul li {padding-left:7px;border-left: 2px solid #f2da00;}
#topmenuContainer ul#topmenu li#topmenu-5 ul li {padding-left:7px;border-left: 2px solid #d08acd;}
#topmenuContainer ul#topmenu li#topmenu-6 ul li {padding-left:7px;border-left: 2px solid #eb2d2f;}
#topmenuContainer ul#topmenu li#topmenu-7 ul li {padding-left:7px;border-left: 2px solid #97c46f;}
#topmenuContainer ul#topmenu li:hover ul { display:block;}
#topmenuContainer ul#topmenu li:hover ul li {float:none;margin:0;padding:0;}
//#topmenuContainer ul#topmenu li#topmenu-1 ul {border-color:#00a9e0;}
//#topmenuContainer ul#topmenu li#topmenu-2 ul {border-color:#e90d88;}
#topmenuContainer ul#topmenu li#topmenu-1 ul li a:hover {color: #00a9e0;}
#topmenuContainer ul#topmenu li#topmenu-2 ul li a:hover {color: #e90d88;}
#topmenuContainer ul#topmenu li#topmenu-3 ul li a:hover {color: #f08d32;}
#topmenuContainer ul#topmenu li#topmenu-4 ul li a:hover {color: #f2da00;}
#topmenuContainer ul#topmenu li#topmenu-5 ul li a:hover {color: #d08acd;}
#topmenuContainer ul#topmenu li#topmenu-6 ul li a:hover {color: #eb2d2f;}
#topmenuContainer ul#topmenu li#topmenu-7 ul li a:hover {color: #97c46f;}
/* --------------------COULEURS------------------------------------------------------------------ */
.coul1 {color:#00a9e0;}
.coul2 {color:#e90d88;}
.coul3 {color:#f08d32;}
.coul4 {color:#f2da00;}
.coul5 {color:#d08acd;}
.coul6 {color:#eb2d2f;}
.coul7 {color:#97c46f;}
.coul1:hover {color:#00a9e0;}
.coul2:hover {color:#e90d88;}
.coul3:hover {color:#f08d32;}
.coul4:hover {color:#f2da00;}
.coul5:hover {color:#d08acd;}
.coul6:hover {color:#eb2d2f;}
.coul7:hover {color:#97c46f;}