/*
Weblibre 3.0 - 18/04/2007
	par Alexis RACKELBOOM - fortement assisté par Cédric TUMMINELLO - qui assistait Gautier ANDRIES	
*/

/* --------------------- Structure de base --------------------- */

body {
	background-color: #dbdbdb;
	margin:0px 0px;
}

a img{border:none; }


/* ----- Marges -----  */

#page {
	margin:0px auto;
	width: 968px;
	background: url('../img/wallpaper/top.jpg') no-repeat top;
}

/* ----- top ----- */

#page #top_left {
	width:210px;
	height:16px;
	text-align:left;
	float:left;
	/*border:1px red solid;*/
	/*padding-right:30px;*/
	/*background:url('../img/menu/login-panel.png') ;*/
	margin-left:5px;
	padding-top:2px;
	font-family:Tahoma;
	font-size:8pt;
}

html>body #page #top_left {
	padding-top:3px;
}

#page #top_right {
	width:710px;
	height:22px;
	text-align:right;
	padding-right:37px;
	/*border:1px green solid;*/
	float:right;
}

/* css hack pour mauvais padding */
html>body #page #top_right {
	padding-right:24px;
}

/* ---- Header ---- */

#page #header {
	background: url('../medias/design2009/header.png');
	height: 174px;
	margin-top:-1px;
	clear:both;
}
#page #header #conteneur_header1{
height:66px;
/* border:1px solid blue; */
}


#logo_weblibre_top{
float:left; width:290px;
}

#moteur_recherche_top{
float:left; width:290px;
width:640px;
color:#fff;
font-size:12px;
text-align:right;
}

#moteur_recherche_top input {
	height:16px;
	font-size:8pt;
	background-color:#FFF;
	color:#999;
	border:1px #999 solid;
	width:300px;
	margin:0px 2px;
}

#moteur_recherche_top input:hover {
	color:#333;
	border-color:#333;
	cursor:pointer;
	background-color:#FFF;
}

#page #header #conteneur_header2{
height:86px;
/* border:1px solid pink; */
}

#menu_principal{
float:left; width:620px;
}
#menu_principal a {
	font-family:tahoma;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#form_login{
float:left; width:290px;
margin-left:35px;
color:#fff;
font-size:10px;
}

#form_login input {
	height:12px;
	font-size:8pt;
	background-color:#fff;
	color:#999;
	border:1px #999 solid;
	width:75px;
	margin:0px 2px;
}

#form_login input:hover {
	color:#333;
	border-color:#333;
	cursor:pointer;
	background-color:#fff;
}

#form_login .img_connexion {
	vertical-align:middle;
	padding-right:0px;
	cursor:pointer;
	margin-top:-1px;
}

#form_login .img_connexion {
	padding:2px 0px;
	vertical-align:bottom;
}

#page #header #conteneur_header3{
height:30px;
/* border:1px solid green; */
}
#page #header #submenu {
	position:relative;
	left:520px;
	width:470px;
	font-family:tahoma;
	font-size:10px;
	color:#fff;
	/* border:1px solid red; */
}

#page #header #submenu a, #page #header #submenu a:link, #page #header #submenu a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#page #header #submenu a:hover {
	color:#ffffff;
}

#page #header #banniere {
	/*position:fixed;*/
	top:35px;
	left:800px;
	width:300px;
	height:50px;
	/*background-color:#B3D7FB;*/
}

.inscription{
margin:0;
paddin:0;
margin-left:10px;
margin-top:3px;
}

.mon_compte{
margin:0;
paddin:0;
}

.p_rechercher{
margin:0;
paddin:0;
margin-left:10px;
margin-top:8px;
width:380px;
}

.img_recherche{
padding: 2px 0;
    vertical-align: bottom;
	cursor: pointer;
    margin-top: -1px;
    padding-right: 0;
    vertical-align: middle;
	}
	
.p_connecte{
margin:30px 0px 0px 5px;
}	
/* ---- Contents ---- */

#top_content{
background: url('../medias/design2009/top-content.png');
    background-repeat: no-repeat;
    height: 37px;
   	padding:0px;
	margin:0px;
}

#page #contents {
	background: url('../medias/design2009/body-content.png') repeat-y;
	width:940px;
	
	/*border:1px white solid;*/
	
	 padding:0px 15px;
	/*margin-top:-5px;*/
	padding-top:25px;
	
	height:370px;
	overflow:visible;
	
	/* police et taille par défaut */
	font-family:tahoma;
	font-size:8pt;
	text-align:justify;
}

html>body #page #contents {
	height:auto;
	min-height:370px;
}

/* ----- Footer ---- */

#footer {
/*
	background: url('../img/wallpaper/footer.jpg');
	height: 93px;
	width:970px;
	text-align:center;
	*/
	width:968px;
	margin:auto;
	padding:0px;
	
}
#footer_header{
background-image: url("../medias/design2009/top-footer.png");
    background-repeat: no-repeat;
    height: 68px;
   	padding:0px;
	margin:0px;
}

#footer_content{
    background-image: url("../medias/design2009/body-content.png");
    background-repeat: repeat-y;
    height: 120px;
    color:#000000;
	padding:0px;
	margin:0px;
}
#logo_footer{
width:100px;
margin-top:-20px;
margin-left:50px;
}
#page #footer .copyright {
margin-top:-40px;
	font-family:Tahoma;
	font-size:8pt;
	text-align:center;
}

#page #footer .copyright a:link,#footer .copyright a:visited {
	/* color:white; */
	text-decoration:none;
	color:#004A99;
}


/* --------------------- Eléments --------------------- */

/* gestion des positions */
.spacer {
	clear:both;
	 visibility:hidden; 
}



/*  ---- top ---- */

#page #top_right .onglet {
	height:16px;
	padding-top:6px;
	float:right;
	margin-right:-14px;
}

#page #top_left input {
	height:12px;
	font-size:8pt;
	background-color:#DBDBDB;
	color:#999;
	border:1px #999 solid;
	width:75px;
	margin:0px 2px;
}

#page #top_left input:hover {
	color:#333;
	border-color:#333;
	cursor:pointer;
	background-color:#DDD;
}

#page #top_left .img_connexion {
	vertical-align:middle;
	padding-right:0px;
	cursor:pointer;
	margin-top:-1px;
}

html>body #page #top_left .img_connexion {
	padding:2px 0px;
	vertical-align:bottom;
}

#page #top_left .img_deconnexion {
	vertical-align:middle;
	cursor:pointer;
	margin-top:-1px;
}

#page #top_left .score_webbies {
	color:#666666;
}

#page #top_left form {
	display:inline;
}

/* --- contents -- */

#page #contents h1 {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	display:inline;
}

#page #contents h2 {
	display:inline;
}

#page #contents h3 {
	display:inline;
}

#page #contents h4 {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	display:inline;
}


/* cadre de taille XL */

.cadre_xl {
	width:940px;
	float:left;
	height:50px;
	overflow:visible;
}

.cadre_xl #titre {
	padding:0px;
	background:url('/img/cadres/cadre_xl/cadre_xl_bleu.jpg') no-repeat bottom left;
}

.cadre_xl #contenu {
	margin:-16px 0px 0px 0px;
	padding:10px 10px 20px 10px;
	border:1px #004a99 solid;
	border-top:0px;
}

/* cadre de taille L */

.cadre_l {
	width:695px;
	float:left;
	padding:0px 5px ;
	height:50px;
	overflow:visible;
}

.cadre_l #titre {
	padding:0px;
	background:url('/img/cadres/cadre_l/cadre_l_marine.jpg') no-repeat bottom left;
}

.cadre_l #contenu {
	margin:-16px 0px 0px 0px;
	padding:10px 10px 20px 10px;
	border:1px #002454 solid;
	border-top:0px;
}

/* cadre de taille M */

.cadre_m {
	width:445px;
	float:left;
	padding:0px 5px ;
	height:50px;
	overflow:visible;
}

.cadre_m #titre {
	padding:0px;
	background:url('/img/cadres/cadre_m/cadre_m_bleu.jpg') no-repeat bottom left;
}

.cadre_m #contenu {
	margin:-16px 0px 0px 0px;
	padding:10px 10px 20px 10px;
	border:1px #002454 solid;
	border-top:0px;
}

/* cadre de taille s */

.cadre_s {
	width:215px;
	float:left;
	padding:0px 5px ;
	height:50px;
	overflow:visible;
}

.cadre_s #titre {
	padding:0px;
	background:url('/img/cadres/cadre_s/cadre_s_marine.jpg') no-repeat bottom left;
}

.cadre_s #contenu {
	margin:-16px 0px 0px 0px;
	padding:10px 10px 20px 10px;
	border:1px #002454 solid;
	border-top:0px;
}

/* CSS hack pour IE 6 : problème de min-height */
html>body #page #contents .cadre_s, html>body #page #contents .cadre_m, html>body #page #contents .cadre_l, html>body #page #contents .cadre_xl {
	height:auto;
	min-height:50px;
}

/* -------------------------------- Classes utiles à tous les tpl -------------------------------- */

.bleu {
	color:rgb(0,74,153);
	/* #004a99 */
}

.marine {
	color:rgb(0,36,84);
	/* #002454 */
}

.marinesmall {
	color:rgb(0,36,84);
	/* #002454 */
}

.cyan {
	color:rgb(108,137,196);
	/* #6c89c4 */
}

.rouge {
	color:rgb(131,31,22);
	/* #831f16 */
}

.orange {
	color:rgb(255,153,0);
	/* #ff9900 */
}

.gris {
	color:rgb(131,131,131);
	/* #838383 */
}


.lien:link, .lien:visited {
	text-decoration:underline;
	color:#004A99;
	font-weight:normal;
}

.lien:hover {
	text-decoration:none;
	color:#004a99;
	font-weight:normal;
}

.lien_question:link, .lien_question:visited {
	text-decoration:none;
	color:#004a99;
	font-weight:bold;
}

.lien_question:hover {
	text-decoration:underline;
	color:#666666;
	font-weight:bold;
}

.page_accueil:link, .page_accueil:visited {
	text-decoration:underline;
	color:#666666;
}

.page_accueil:hover {
	text-decoration:underline;
	color:#333333;
}

.questionLabel {
	color:#666 ;
}

.rss_head, .rss_head a:link, .rss_head a:visited {
	color:#004A99;
	font-size:8pt;
	text-decoration:none;
}

.bouton {
  font-family:Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #004a99;
  text-decoration: none;
  cursor:pointer;
}


/* ----- box -----*/

#box {
	display:none;
	width:350px;
	height:250px;
	overflow:hidden;
	background-color:#EEE;	
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border:1px #004A99 solid;
	font-family:tahoma;
	font-size:8pt;
	position:absolute ;
	top:0px; 
	left:0px;
}

#box img {
	border:1px gray solid ;
}

#box .close {
	border:0px ;
	vertical-align:middle;
}

#box .link_close:link, #box .link_close:visited {
	text-decoration:underline;
	color:#993300;
}

#box .link_close:hover {
	text-decoration:underline;
	color:#004a99;
}

/* -------------------------------- chapeauPreview -------------------------- */

#chapeauPreview {
	display:none;
	width:250px;
	height:250px;
	position:absolute ;
	top:0px; 
	left:0px;
	font-family:tahoma;
	font-size:8pt;
}

#chapeauPreview #resume {
	padding:5px;
}

#chapeauPreview #contents h4, #chapeauPreview #contents p {
	font-family:tahoma;
	font-size:8pt;
}


/* -------------------------------- Box menu -------------------------------- */

#menu_user {
	width:220px;
	/*border:1px red solid;*/
}

#menu_user .icone {
	border:0px;
	vertical-align:middle;
}

#menu_user #menu_user_head {
	background:transparent url('/img/menu/menu_user_top.png') no-repeat;
	width:220px;
	height:11px;
	margin:0px;
	padding:0px;
/*	margin-bottom:-10px;*/
	font-size:8px;
}

#menu_user #menu_user_bottom {
	background:transparent url('/img/menu/menu_user_bottom.png') no-repeat ;
	width:220px;
	height:11px;
	margin:0px;
	padding:0px;
}

#menu_user table {
	padding:5px;
	display:inline-table;
	background-color:#FFFBEF;
	width:220px;
	border-left:1px #004a99 solid;
	border-right:1px #004a99 solid;
}

#menu_user table td {
	padding:0px;
	padding-left:5px;
	padding-right:5px;
}

#menu_user table td {
	height:20px;
	
}

#menu_user table td .icone {
	width:auto;
	margin:0px;
	padding:0px;
}

#menu_user table tr td hr {
	height:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#EEE;
	/*border-bottom:1px #004a99 dotted;*/
}

#menu_user a:link, #menu_user a:visited {
	text-decoration:none;
	color:#004A99;
}

#menu_user a:hover {
	text-decoration:none;
	color:#004a99;
}

#menu_user #user_connected_img .avatar {
	border:1px #C4C4C4 solid;
}

#menu_user #user_connected_img {
	float:left;
	width:auto;
	padding-left:15px;
	padding-right:10px;
}

#menu_user #user_connected_desc {
	float:right;
	width:120px;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	/*border:1px blue solid;*/
}

#menu_user .tools_align {
	padding-left:45px;

}

#menu_user .tools_align .tools {
	padding-left:30px;
	padding-right:0px;
	text-align:left;
	width:170px;
}

#page #boutiqueShape {
	position:absolute;
	top:0px;
	left:0px;
	width:789px;
	height:570px;
	display:none;
	z-index:20;
	background-image:url(../img/boutique/wallpaper/ie6/background.png);
	background-repeat:no-repeat;
}

html>body #page #boutiqueShape {
	background-image:url(../img/boutique/wallpaper/background.png);
}

#page #boutiqueShape .bouton {
	color:#004a99;
	font-size:8pt;
	width:100px;
	margin:5px 5px;	
}

#page #boutiqueShape .disabled {
	color:#999;
}


#page #boutiqueShape #boutiqueContents {
	background-image:url(../img/boutique/wallpaper/ie6/boutique.png);
	background-repeat:no-repeat;
	width:603px;
	height:385px;
	float:left;
}

html>body #page #boutiqueShape #boutiqueContents {
	background-image:url(../img/boutique/wallpaper/boutique.png);
}

#page #boutiqueShape #boutiqueContents #boutiqueContentsDiv {
	margin-top:45px;
	margin-left:10px;
	margin-right:10px;
	overflow-y:auto;
	font-family:tahoma;
	font-size:10pt;
	z-index:1000;
}

#page #boutiqueShape #boutiqueContents #boutiqueContentsDiv .lien, #page #boutiqueShape #boutiqueContents #boutiqueContentsDiv .lien:link, #page #boutiqueShape #boutiqueContents #boutiqueContentsDiv .lien:visited {
	color:#993300;
}

#page #boutiqueShape #boutiqueContents #boutiqueContentsDiv .lien:hover {
	color:#004a99;
}

#page #boutiqueShape #boutiqueContents #boutiqueContentsDiv .thumbs {
	float:left;
	margin:5px;
	text-align:center;
	width:135px;
	position:relative;
}

#page #boutiqueShape #boutiqueContents #boutiqueContentsDiv .thumbs img {
	width:80px;
}

#page #boutiqueShape #boutiqueContents #boutiqueContentsDiv .thumbs span {
	font-family:tahoma;
	font-size:10pt;
	font-weight:bold;
}

#page #boutiqueShape #boutiquePanier  {
	background-image:url(../img/boutique/wallpaper/ie6/panier.png) ;
	background-repeat:no-repeat;
	width:179px;
	height:385px;
	float:right;
}

html>body #page #boutiqueShape #boutiquePanier  {
	background-image:url(../img/boutique/wallpaper/panier.png) ;
}

#page #boutiqueShape #boutiquePanier #boutiquePanierContent  {
	margin-top:50px;
	margin-left:5px;
	margin-right:5px;
	font-family:tahoma;
	font-size:8pt;
	z-index:1000;
}

#page #boutiqueShape #boutiquePanier #boutiquePanierContent .bouton {
	width:70px;
}

#page #boutiqueShape #boutiquePanier #boutiquePanierContent #panierContenuDetail {
	margin-top:15px;
	overflow-y:auto;
	overflow-x:hidden;
	height:200px;
	width:155px;
}

html>body #page #boutiqueShape #boutiquePanier #boutiquePanierContent #panierContenuDetail {
	width:100%;
}

#page #boutiqueShape #boutiquePanier #boutiquePanierContent .small {
	width:35px;
}

#page #boutiqueShape #boutiquePanier #boutiquePanierContent .nom_p {
	color:#004a99;
	font-size:8pt;
}

#page #boutiqueShape #boutiquePanier #boutiquePanierContent .cost {
	color:#8F431A;
}

#page #boutiqueShape #boutiqueDetails {
	clear:both;
	background-image:url(../img/boutique/wallpaper/ie6/detail.png);
	background-repeat:no-repeat;

	width:789px;
	height:145px;	
}

html>body #page #boutiqueShape #boutiqueDetails {
	background-image:url(../img/boutique/wallpaper/detail.png);
}

#page #boutiqueShape #boutiqueDetails #boutiqueDetailsContent {
	margin-left:10px;
	margin-right:10px;
	overflow:auto;
	font-family:tahoma;
	font-size:10pt;
}

#page #boutiqueShape #boutiqueValidation {
	font-family:tahoma;
	font-size:8pt;
	background-image:url(../img/boutique/wallpaper/ie6/validation.png);
	background-repeat:no-repeat;
	padding:50px 20px 40px 20px;	
	width:717px;
	height:555px;
}

html>body #page #boutiqueShape #boutiqueValidation {
	background-image:url(../img/boutique/wallpaper/validation.png);
	width:717px;
	height:555px;
}

#page #boutiqueShape #boutiqueValidation input {
	border:1px #999 solid ;
	font-family:tahoma;
	font-size:10pt;
}

#page #boutiqueShape #boutiqueValidation textarea {
	border:1px #999 solid ;
	font-family:tahoma;
	font-size:10pt;
	width:250px;
	height:50px;
}

div#popCorrecteur{
display:none;
}