/* ======================================================
   	 © Copyright 2006 Idealsite - Tous droits réservés. 
	 
	 ---------------------------------------------------
	 Dernière modification : le 01 Octobre 2007
====================================================== */


/* ========================================Résolution d'écran=============================== */
/* Position css horizontale*/
#global {
	position:absolute;
	left: 50%;
	width: 780px;
	margin-left: -390px;
	top: 5px;
	
     }
/*==============================================================================================*/


/*====================================== Fond de page =====================================*/
.fond {
    margin: 0px;
    padding: 0px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    font-size : 11px; 
	color : #000000;
	background : #444444 ;	
} 

/*====================================== Menu haut =====================================*/

#navigationhaut {
	position: absolute;
	height: 20px;
	width: 780px;
	padding-top: 35px;
}
#navlist
{
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: right;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #FFFFFF;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #FFFFFF;
padding-bottom: 2px;
background: transparent;
color: #081A83;
}

#navlist a:hover { color: #081A83; }

/*====================================== Position recherche + moteur =====================================*/

#rech {
	left: 220px;
	top: 135px;
	position: absolute;
	height: 15px;
	width: 450px;
}

.moteur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#google {
	left: 210px;
	top: 25px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E1E8EF;
	height: 20px;
	width: 150px;
}

/*====================================== Position date =====================================*/
#date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F57B09;
	position: absolute;
	left: 430px;
	top: 0px;
	font-weight: normal;
	
}
/*====================================== Position pub =====================================*/
#pub {
	position: absolute;
	height: 60px;
	width: 460px;
	top: 185px;
	left: 150px;
}
/*====================================== Position bout image droit =====================================*/
#droit {
	position: absolute;
	height: 167px;
	width: 30px;
	left: 780px;
	background-image: url(/images/design/droit.jpg);
	background-repeat: no-repeat;
	top: 5px;
}
/*====================================== Position ossature =====================================*/
#header {
	height: 25px;
	width: 780px;
	background-image: url(/images/design/haut.jpg);
	background-repeat: no-repeat;
}
#haut {
	height: 180px;
	background-image: url(/images/design/www.jpg);
}
#conteneur {
	position: absolute;
	width: 100%;
	background-color:#F57B09;
}
#centre {
	background-color:#FFFFFF;
	margin-left: 120px;
	margin-right: 120px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

#droite {
float:right;
width: 120px;
}
#pied {
	clear:both;
	height: 50px;
	background-image: url(/images/design/bas.jpg);
	background-repeat: no-repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
/*====================================== Position menu haut gauche =====================================*/
#menuhaut {
	list-style-type: none;
	margin: 0;
	padding:163px 0 0 10px;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
	margin: 0 2px;
	color: #081A83;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#menuhaut a:hover {
	text-decoration: none;
	background-color: #F57B09;
}

/*====================================== Lien bas de page =====================================*/
.Lienspied:link {
	font-size : 9px;
	color : #081A83;
	text-decoration : none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
.Lienspied:visited {
	font-size : 9px;
	color : #081A83;
	text-decoration : none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
.Lienspied:hover {
	font-size : 9px;
	color : #FFFFFF;
	text-decoration : none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
/*====================================== Heure =====================================*/
#heure {
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #F57B09;
	left: 700px;
	top: 0px;
}
/*====================================== Page demarrage =====================================*/
#demarrage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	left: 635px;
	top: 180px;
}
/*====================================== Pub =====================================*/
.publicite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #081A83;
	text-decoration: underline;
	margin-left: 5px;
	text-transform: uppercase;
}
/*====================================== Texte rouge =====================================*/
.rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
/*====================================== Page contact =====================================*/
.contact {
	background-image: url(/images/contact/contact.jpg);
	height: 340px;
	width: 425px;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
/*====================================== Nombres de visiteurs =====================================*/
#visiteur {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #081A83;
	position: absolute;
	left: 5px;
	top: 83px;
}
/*====================================== Entete aléatoire =====================================*/
#imagealeatoire {
	position: absolute;
	height: 83px;
	width: 248px;
	left: 0px;
	top: 101px;
}
/*====================================== Lien favoris forum =====================================*/
#favoris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F57B09;
	left: 65px;
	top: 0px;
	position: absolute;
}
.lienfavoris:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.lienfavoris:visited {
	font-size : 10px;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
} 
.lienfavoris:hover {
	font-size : 10px;
	color : #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	background-color: #999999;
} 
/*====================================== Titre accueil et autres =====================================*/
.titreaccueil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #081A83;
	text-transform: uppercase;
	text-align: justify;
	text-indent: 5pt;
	
}


/*====== marge dessus menu gauche et centre ==========*/
#contenuglobal{ 
   padding-top: 3px;
	width:auto;
	}
/*====== menu gauche,droit, contenu centre  ==========*/	
#menugauche,#menudroit,#contenupagecentral{
    text-align:left;
   float:left;
   width:132px;
   margin-bottom:2px;   
}


/*====== dessusmenugauche  ==========*/
.hautmenugauche h3{
	font-weight:bold;
	background-image:url(/images/design/hautmenugauche.gif);
	background-position: top left;
	margin:0px 3px;
	text-align:left;
	padding: 9px 8px 3px 8px;
	line-height:13px;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7F7F7F;
}
/*====== fondmenugauche  ==========*/
.hautmenugauche .box {
	background-image:url(/images/design/fondmenugauche.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0px 3px 3px 3px;
	text-align:left;
	width:132px;
	padding-bottom:5px;
	overflow:hidden;
}



/*===== Espace sous lien ============*/
.box .menu li{
	padding: 1px;
}

/*====== retire la liste style  ==========*/
.menu{
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding:0;
}

.menu a
{
background: transparent url(/images/design/list-off.gif) left center no-repeat;
padding-left: 10px;
text-align: left;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #081A83;
margin: 0 2px;
}

.menu  a:hover
{
background: transparent url(/images/design/list-on.gif) left center no-repeat;
color: #F57B09;
margin: 0 2px;
}

/*====== contenu global  ==========*/
#contenupagecentral{
   width:630px;
	padding:0px;
	margin:0px;
}

/*====== Cadre arrondi haut  ==========*/
#arrondihaut{
   width:auto;
   text-align:left;
	margin:0px;
	padding:0px;
	border:0px;
	background-position: top left;
	background-repeat: no-repeat;
/*	background-color: #fff;*/
}
#arrondihaut p{
	margin:0px 0px 0px 8px;
	padding:0px;
	color:#FFFFFF;
	font-size:30px;
/*	font-weight:bold;*/
	letter-spacing: 1px;
	line-height:46px;
	height:9px;
	overflow:hidden;
}
#arrondihaut{background-image: url(/images/design/contenuhaut.gif);}

/*====== Corps contenu  ==========*/
#contenucorps{
   background:#ffffff;
   border-left:1px solid #838383;
   border-right:1px solid #838383;
   width:auto;
   
   
   
}

/*====== Cadre arrondis bas  ==========*/
#arrondibas{
   background-image: url(/images/design/contenubas.gif);
   height:9px;
   margin-bottom:3px;
   overflow:hidden;
   background-color: #ff6600;
}
/*====== Votre pub ici  ==========*/
.votrepubici:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	font-weight: bold;
}
.votrepubici:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #003399;
	font-weight: bold;
}
.votrepubici:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
}
/*====================================== Recherche google =====================================*/
.lienrecherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
}
.recherche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000099;
	
}
/*====== Lien sponsorises  ==========*/
.lienpublicite:link{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.lienpublicite:visited {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.lienpublicite:hover {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}
/*====================================== Lien URL pub =====================================*/
.lienurl:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.lienurl:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.lienurl:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: normal;
	text-decoration: underline;
}
/*====================================== ligne accueil =====================================*/
.hr {
	border-top: 1px solid #666666;
	margin-right: 10px;
	margin-left: 10px;
}

.titreblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 5px;
	margin-left: 10px;
}
/*====================================== Coup de coeur accueil =====================================*/
.coupdecoeur {
	border: 1px outset #000000;
	background-color: #E8F9F9;
	height: auto;
	width: 610px;
}

/*====================================== Page publicite =====================================*/
.acheter:link{
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
.acheter:visited {
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
.acheter:hover {
	font-family: "Trebuchet MS";
	font-size: 24px;
	color: #000099;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
/*====================================== Page contact rouge =====================================*/
.rougecontact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
/*====================================== Plan du site =====================================*/
.plandusite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FF6600;
	text-decoration: none;
}
/*====================================== Proposer un site lien de retour =====================================*/
.lienretour:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
	font-variant: small-caps;
}
.lienretour:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
.lienretour:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
/* mots clé */
#idealsite {
position:absolute; 
width:800px; 
z-index:1; 
top:1000px; 
display:none;
font-size:1px;
color:#ffffee;
}
/*====================================== Lien Forum =====================================*/
.lienforum:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #091A84;
	font-weight: normal;
	text-decoration: none;
}
.lienforum:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #091A84;
	font-weight: normal;
	text-decoration: none;
}
.lienforum:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: normal;
	text-decoration: underline;
}
/*====================================== Lien charte Forum =====================================*/
.liencharteforum:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
}
.liencharteforum:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
}
.liencharteforum:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #091A84;
	font-weight: normal;
	text-decoration: underline;
}
/*====================================== Titre charte Forum =====================================*/
.titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #081A83;
	text-indent: 5px;
}
/*====================================== Lien pub forum =====================================*/
.Lienpubforum:link {
	font-size : 9px;
	color : #081A83;
	text-decoration : none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
.Lienpubforum:visited {
	font-size : 9px;
	color : #081A83;
	text-decoration : none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 
.Lienpubforum:hover {
	font-size : 9px;
	color : #FF0000;
	text-decoration : none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*====================================== Texte décalé =====================================*/
	
.pubforum {
	width: auto;
	padding: 5px;

}