@charset "utf-8";
/*
Theme Name: B2PWeb
Theme URI: http://www.b2pweb.com/
Description: Thème créé par Histoire des Suds - www.histoire-des-suds.com
Version: 1.0
 */



/* /////////////////////// DOCUMENT ////////////////////////// */

#connexion {width:100%;height:35px;background:url(images/barre_connexion.jpg) repeat-x;}
.textconnexion {text-align:right;width:880px; margin:0 auto;background:transparent;padding-top:8px;}
.france {float:left;clear:left;padding-right:10px;padding-top:1px;}
.anglais {float:left;padding-top:1px;}
.compte {float:left;padding-left:20px;}

#page {margin:0 auto; width:960px;margin-bottom:20px;}

#header {position:relative;width:960px;height:284px;background:url(images/bgheader.jpg)}

#slogan {top:29px;left:280px;width:450px;position:absolute;font-size:18px; font-weight:bold;font-style:italic;color:#fff;text-align:left;}

#actu {margin-left:40px;margin-right:40px;width:200px;float:left;text-align:justify;}
*html #actu {margin-left:20px;}
.actucontent {margin-bottom:10px;padding-bottom:10px;background:url(images/separationactu.jpg) no-repeat bottom center;}

#maincontent {background:transparent;width:350px;float:left;text-align:justify;margin-bottom:270px;}

*html #maincontentpage {width:590px;}
#maincontentpage {
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:#fff;
	width:600px;
	float:left;
	text-align:justify;
	margin-top:30px;
	color:#000;
	padding:0px 20px 20px 20px;
	line-height:18px;

	
	/*filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;*/

	}





*html .pub {margin-right:20px;}
.pub {float:right;width:250px;height:250px;margin-right:40px;margin-top:66px;}


/* /////////////////////// FOOTER ////////////////////////// */

*html #footer {padding-left:0px;padding-right:0px;}
#footer {position:relative;background:transparent;width:880px;clear:both;padding-right:40px;padding-left:40px;padding-top:20px;padding-bottom:40px;font-size:11px;line-height:20px;}
.liensfooter {text-align:left;float:left;width:500px;margin-left:5px;}
.logohds {float:right;width:98px;}
.puzzle {width:35px;height:37px;float:left;}

/* /////////////////////// TYPO ////////////////////////// */

.vert {color:#ade02f;}
.date {margin:0px;font-weight:bold;font-size:14px;letter-spacing:-1px;}

#actu h2 {color:#ade02f; margin:0px; text-align:left;}

#maincontentpage p {font-size:12px;}
#maincontentpage h1 {border-bottom:1px solid #000;color:#000;font-size:24px; text-align:left;}
#maincontentpage h2 {color:#ccc; text-align:left;}
#maincontentpage h3 {background-color:#ade02f;color:#000;-moz-border-radius:5px;padding:5px;}

.right {float:right;}

/* /////////////////////// LIENS ////////////////////////// */

#actu a {text-decoration:underline;color:#ade02f;font-weight:bold;}
#actu a:hover {text-decoration:none;color:#fff;}

#maincontent a {text-decoration:underline;color:#ade02f;font-weight:bold;}
#maincontent a:hover {text-decoration:none;color:#fff;}

#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#maincontentpage a {color:#000;font-weight:bold;text-decoration:underline;}
#maincontentpage a:hover {text-decoration:none;}

/* /////////////////////// MENU ////////////////////////// */

ul#menu {position:absolute;right:40px;top:85px;font-weight:bold;font-size:13px;font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;float:right;list-style-type:none;width:auto;}
ul#menu li{display:block;float:left;margin:0;padding:0;border-right:1px solid #e6e6e6;background:transparent;}
ul#menu li.noborder {display:block;float:left;margin:0;padding:0;border-right:0px;background:transparent;}
ul#menu a{text-decoration:none;height:15px;display:block;float:left;margin:0;color:#FFF;padding: 0px 6px 0px 6px}
ul#menu a:hover{color:#ade02f;}

ul#sousmenu {visibility:hidden; width:190px; float:none; position:absolute;left:0px; top:15px; text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif;margin:0;padding-top:10px; list-style-type:none; background-color:#333;}
ul#sousmenu li {padding:7px; border-right:none; border-bottom:1px solid #666; float:none;}
ul#sousmenu li a {float:none; display:block; color:#fff; text-decoration:none;}
ul#sousmenu li a:hover {color:#ade02f;}

ul#menu li:hover > ul {visibility:visible;}

/* ///////////////////// FORMULAIRES //////////////////// */

input[type="submit"] {margin:0;background-color:transparent;border:0px;color:#fff;font-size:12px;font-weight:bold;}

input[type="submit"]:hover {color:#ccc;}

input[type="text"] {margin:0;padding:0px;background-color:#fff;color:#000;border:0px;}

input[type="password"] {margin:0;padding:0px;background-color:#fff;color:#000;border:0px;}

/* /////////////////// IMAGES DU SITE /////////////////////// */

a img {border:0px;}

.alignleft {float:left;margin: 4px 10px 5px 0px}
.alignright {float:right;margin: 4px 0px 5px 10px}