/*   
The Name: Lenautisme  2009
Theme URI: http://www.lenautisme.com
Description: Un theme construit pour le site LeNautisme.com
Author: PROMALAC Marketing
Author URI: http://www.lenautisme.com
Version: 0.9
*/

* {
	margin: 0;
	padding: 0;
} 

body{	
	font-family: Verdana, Helvetica, Geneva, sans-serif;
	color: #444;
	font-size: 80%;
	
	background-color: #fff;
}

#principal{
	width: 980px;
	margin: 0 auto;
	
	background-color: #fff;
}

#princ-gauche{
	float: left;
	width: 805px;
}

#princ-droite{
	margin-left: 820px;
	/*padding-top: 8px;*/
}

#contenu{
	/*padding-top : 10px;*/
}

.erreur{
	padding-top: 14px;
	/*font-weight: bold;*/
	color : #003366;
}
.centre{
	text-align: center;
}

.gauche{
	float : left;
}

.droite{
	float : right;
}

/*-----------------*/
/*-----EN-TETE-----*/
/*-----------------*/
#titre-principal{
	width: 980px;
	
	/*margin-bottom: 10px;*/
	padding: 10px 0 0 0;
	margin: 0;
}

#titre-bas{
	font-size: 12px;
	color: #333;
	padding: 9px 8px 8px 8px;
	
	/*background-color : #003365;*/
	margin-bottom:5px;
}

#titre-bas a{
	color: #333;
	text-decoration: none;	
}

#titre-bas a:hover{
	text-decoration: underline;	
}	

#titre-bas input.texte,
#titre-bas input.submitbtn{
border: 1px solid #666;
background-color : #eef;
color: #333;
font-size: 12px;
padding: 1px ;
margin:0;

}

#titre-bas input.submitbtn{
	padding: 0 5px;	
}

#titre-connection-compte{
	float:left;
}

#titre-liens-aide{
	text-align:center;
	padding-top: 2px;
}

#selecteur-pays{
	float:right;
}

#selecteur-pays{
	font-size: 12px;
}

#selecteur-pays #selectPays{
	border: 1px solid #666;
	background-color : #eef;
	color: #333;
	font-size: 11px;
	padding: 0 1px;
	margin:0;
	
}


#titre-logo{
	display:block;
	background-image:url('img/logo.jpg');
	
	background-position: top center; 
	background-repeat: no-repeat;	
	
	/*height: 135px;*/
	height: 191px;
	width: 978px;
	
	text-indent: -9000px;
	overflow: hidden;

	border: 1px #003366 solid;
	
	clear:both;
}

#entete-pays{
	color: #fff;
	/*text-align : center;*/
	/*padding: 2px 0 5px 0;	*/
	padding: 0 0 10px 10px;
	font-size : 11px;
	font-weight: bold;	
	/*background-color: #003366;*/
	margin : -28px 0 0 0;
	
}

#entete-pays img{
	vertical-align:middle;
}
/*
#sous-titre-principal{
	color: #444;
	text-align : center;
	padding: 2px 0;
	
	border-top: 2px #003366 solid;
	border-bottom: 2px #003366 solid;	
	text-transform : uppercase;	
	margin : 0 0 10px 0;
}
*/

#sous-titre-principal h1{
	font-size: 13px;
}



#icon-rss{	
	padding: 10px 0;
	text-align: center;
}

#lien-rss{
	display:block;
	background-image:url('img/rss.jpg');	
	background-position: bottom center;
	
	height: 120px;
	width: 120px;	
	
	text-indent: -9000px;
	overflow: hidden;
	
	margin: 0 auto;
}

#lien-rss:hover{
	background-position: top center;
}
#bloc-ins-env,
#bloc-google-env{
	/*padding : 10px 0 0px 0;
	border-bottom: 2px #444 solid;*/
	margin-top: 8px;
}
#bloc-ins,
#bloc-google{
	/*border : 2px #aaa solid;
	padding: 10px;*/
	
}
#ins-gauche,
#google-gauche{
	float: right;
}

#google-droite{
}

#google-gauche,
#google-droite,{
	width : 382px;
}

#google-bas
{
	width : 400px;
}


#google-centre{
	padding-bottom : 15px;
	width : 420px

}

#ins-gauche {
	padding-top : 12px;
	line-height: 300%;

}

#ins-gauche .boite-longue{
	width: 320px;
}

#ins-gauche .boite-longue2{
	width: 188px;
}

#ins-gauche .submitbtn{
	margin-top:12px;
}

#ins-droite{
	line-height: 150%;
	width: 400px;
}

#ins-droite ul{	
	padding-top : 8px;
	padding-bottom : 8px;
}

#ins-droite .titre-ins{
	font-weight : bold;
	font-size : 16px; 
}

/* catégories de l'entête */
#tete-cat{
	padding: 5px 10px;
	margin: 5px;
	border: 1px solid #ddd;
	
	background-color : #eef;
	
	font-size : 11px;
}

#tete-cat ul{
	float:left;
	padding: 0 10px 0 0;
	list-style-type: none;
}

#tete-cat ul li{
	padding: 3px 0 0 9px !important;
	background-image: url('img/puce.gif') !important;
	background-repeat: no-repeat !important;
	background-position: 0px 10px !important;
}

#tete-cat li a {
	color: #00a;
	text-decoration : none;	
}

#tete-cat li a:hover{
	text-decoration: underline;
}

/**
*	boîte de sélection d'entreprise
**/
.acc-entreprise select{
	width: 90%;
}

/*-----------------*/
/*-Formulaire de connection-*/
/*-(colonne de gauche)-*/
/*-----------------*/

#gauche-connection{
	
}

#gauche-connection label{
	display : block;
	padding: 0 0 3px 0;
	font-weight: bold;
}

#gauche-connection .texte{
	display : block;
	padding : 2px;
	border: 1px solid #666;
	margin : 0 0 8px 0 ;
}


#gauche-connection .submitbtn{
	font-weight : bold;
	display : block;
	margin : 0 0 16px 0 ;
}

.liens-aide{		
	padding: 8px 0 0 0 ;
	border-top: 1px solid #ccc;
}

.lien-ins{
	font-weight:bold;
}



/*-----------------*/
/*-Formulaire d'inscription-*/
/*-----------------*/
#inscription-accueil{ 
	line-height : 150%;
 }

#inscription-accueil label{ 
	display : block; 
	font-weight : bold; 
	margin : 0 ;
	padding : 0 ;
}

#inscription-accueil input{ 
	display : block;
	margin : 0 0 7px 0 ;
	padding : 2px;
}

/*-----------------*/
/*----COLONNES-----*/
/*-----------------*/
.bloc-titre,
.titre-general,
#sous-titre-principal {
	background-color: #003366;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	
	/*text-transform: uppercase;*/
	
	padding: 2px 5px ;
	margin-bottom:5px;
	
	/*border: 6px #444 solid;
	border-width : 3px 0;*/
}

.titre-general h1,
#sous-titre-principal h1{
	font-size: 15px;
}

.bloc-texte{
	padding: 0 10px;
	margin-bottom: 12px;
	
	text-align: justify;
}

.bloc-texte a{
	color: #00a;
}


#ins-droite ul,
#posts-de-la-meme-cat ul,
.ddop ul,
ul.puce{
	list-style-type: none ;
	text-align : left;
}

.ddop ul ul,
ul.puce ul{
	list-style-type: none ;
	text-align : left;
	padding-left: 5px;
}

.ddop ul li,
#ins-droite ul li,
#posts-de-la-meme-cat li,
ul.puce li {
	padding: 3px 0 0 9px;
	background-image: url('img/puce.gif');
	background-repeat: no-repeat;
	background-position: 0px 10px;
	
}

.ddop ul a,
.liste-art-auteur li a,
#posts-de-la-meme-cat a,
ul.puce a{
	text-decoration : none;
	color: #444;
}

.ddop ul a:hover,
.liste-art-auteur li a:hover,
#posts-de-la-meme-cat a:hover,
ul.puce a:hover{
	text-decoration : underline;
}

.petit li{
	font-size: 12px !important;
}



/*-----------------*/
/*-----DROITE------*/
/*-----------------*/


.form-inscription{
	padding: 0 10px;
	margin-bottom: 12px;
}

/*-----------------*/
/*-----GAUCHE------*/
/*-----------------*/
#conte-gauche{
	margin-right: 515px;
}

.connexion{
	text-align: left;
}

#col-inscription{
	text-align : center;
	padding-bottom : 10px;
}

#col-inscription img{
	border : 0;
}

/*-----------------*/
/*-----CENTRE------*/
/*-----------------*/

/*
.titre-general{
	background-color: #444;
	color: #fff;
	font-weight: bold;
	
	padding: 2px 5px;
	margin-bottom:10px;
}

.titre-general h1{
	font-size: medium;
	display: inline;
}
*/

#conte-droite{
	float:right;
	width: 500px;
}
#articles{
	
}

.art-contenu a,
.zone-nav a{
	color: #003366;
	text-decoration : underline;
}

.zone-nav{
	padding-bottom : 10px;
	font-weight: bold;
}

.art-contenu img{
	border: 2px #444 solid;
	margin: 0 5px 5px 0;
}

.art-contenu p{
	padding-bottom: 6px;	
}

.art-contenu ol, .art-contenu ul{
	padding-left: 30px;
	padding-bottom: 8px;
}

.art-contenu{
	line-height: 150%;
	padding-bottom: 15px;
	
	text-align : justify;
}

.art-zone-titre{
	padding: 12px 0 8px 0;
}

.archive-art a,
.art-zone-titre a{
	text-decoration : none;
	color : #444
}

.archive-art a:hover,
.art-zone-titre a:hover{
	text-decoration : underline;
}

.titre-vendu{
	background-image : url('img/vendu.jpg');
	background-repeat: no-repeat;
	background-position : 360px 0;

}

img.mini-image
{
	border: 2px #444 solid;
	float:left;
	
	height : 80px;
	width : 80px;
}

img.mini-espace{
	margin : 0 5px 5px 0;
}

.art-zone-titre h3.art-categorie,
.art-zone-titre h3.art-categorieB{
	font-size: 11px;
	font-weight: normal;
	
	padding-top:2px;
	border-top: 2px #444 solid;
	
	text-transform: uppercase;
	
}

.art-zone-titre h3.art-categorie a,
.art-zone-titre h3.art-categorieB a{
	text-decoration: none !important;
}

.art-zone-titre .region-devise{
	padding-bottom: 4px;
}


.art-zone-titre h1.art-titre{
	font-size: 15px;
	font-weight: bold;
	
	line-height: 110%;
	margin-bottom:3px;
	
}

.art-zone-titre h3.art-categorie,
.art-zone-titre h1.art-titre {
	margin-left: 90px;
}

.art-zone-titre .pasdemarge{
	margin : 0 !important;
}

.archive-art{
	padding-bottom: 10px;
}

.archive-art h1.art-titre{
	font-size: 14px;
	font-weight: bold;
	line-height: 130%;
}


.art-zone-titre .art-info{
	font-size: 11px;
	font-style: italic;
	margin-left: 90px;
	width: 409px;
}

.archive-art .art-info{
	font-size: 11px;
	font-style: italic;
}

.art-zone-titre .art-info a{
	text-decoration: underline;
}


.lien-nav-suiv{
	float:right;
}

.fichier-image{
	text-align: center;
}

.fichier-image img{
	margin: 0 ;
}

.lien-art-ori{
	padding-top: 10px;
	font-weight: bold;
}

.legende{
	font-style: italic;
}

.mess-cat{
	font-weight: bold;
	text-align : center;
}

.btn-inscription{
	text-align: center;
}




/*-----------------*/
/*---PAGE PROFIL---*/
/*-----------------*/

h1.titre-page-profil{
	font-size: 16px;
	font-weight:bold;
	margin-bottom: 10px; 
}

.page-profil #photo_entr,
.page-profil #photo_auteur{
	/*border: 2px #444 solid;*/
	
	margin-bottom: 12px;
}


.page-profil #photo_entr{
	text-align : center;
}

.page-profil #photo_auteur{
	float: left;
}

.page-profil #info_droite{
	margin-bottom: 12px;
}

.page-profil #site_web a{
	color: #003366;
	text-decoration : underline;
}

.page-profil #nom_auteur,
.page-profil #nom_entr{
	font-weight : bold;
}

.page-profil #adresse{
	font-style : italic;
}

.page-profil #nom_auteur,
.page-profil #nom_entr,
.page-profil #site_web,
.page-profil #adresse {
	margin-bottom: 8px;
}

.page-profil #desc_auteur{
	border-top : 2px #444 solid;
	padding-top: 10px;
	margin-bottom: 15px;
}

.art-auteur-titre{
	font-weight: bold;
	font-size: 13px;
}

.art-auteur-info{
	font-size: 11px;
	font-style: italic;
}

.art-auteur-info a{
	text-decoration : underline;
}

.titre-liste-art-auteur{
	font-weight: bold;
	font-size: 15px;
	margin-bottom : 15px;
}

.liste-art-auteur ul{
	list-style-type : none;
}

.liste-art-auteur li{
	margin-bottom : 10px;
	padding-bottom : 10px;
	border-bottom : 1px #aaa solid;
}

.liste-art-auteur .mini-image{
	/*height : 50px;
	width : 50px;*/
}

.art-info-auteur{
	margin-left : 90px !important;
}


/*-----------------*/
/*-FIN D'UN ARTICLE*/
/*-----------------*/


.fin-art{
	clear: both;
}

.fin-art #lien_profil,
.fin-art #site_web{
	margin-left:80px;
}

.fin-art #lien_profil a,
.fin-art #site_web a,
.lien-fin-article a{
	color: #003366;
	text-decoration : underline;
}

.fin-art #banniere{
	text-align: center;
	padding-top: 7px;
	border-top: 1px #444 solid;
	margin-top: 7px;
}

.fin-art #slogan{
	text-align: center;
	font-weight: bold;
}


.fin-art #banniere img{
	border: 0;
}

#bannierehaut{
	text-align:center;
	padding-bottom:5px;
}

#bannierehaut img{
	border: 0;
}

#posts-de-la-meme-cat{
	/*padding-top: 7px;
	border-top: 1px #444 solid;
	margin-top: 7px;*/
	margin-top: 14px;
}

.titre-mini-profil, 
#posts-de-la-meme-cat b{
	background-color: #444;
	color: #fff;
	font-weight: bold;
	
	padding: 2px 2%;
	margin-bottom:5px;
	
	width: 96%;
	
	display:block;

}

.lienContact{
	text-align: center;
	padding: 2px 0 5px 0;
}

.lienContact a{
	text-decoration:none;
	
}

.lienContact a:hover{
	text-decoration: underline;
}

.lien-fin-article{
	padding: 5px 0;
	text-align: right;
	font-size: 11px;
}

#google-bas{
	padding-top: 7px;
	border-top: 1px #444 solid;
	margin-top: 15px;
	
	
}

/*-----------------*/
/*------PIED-------*/
/*-----------------*/
#pied{
		
	border-top : 2px #444 solid;
	
	text-align : center;
	font-size: 11px;
	
	padding: 7px 0 ;
	margin-top : 12px;
}

#pied a{
	color: #003366;
	text-decoration : underline;	
}

/*-----------------*/
/*-LIENS METAMOTEUR*/
/*-----------------*/

.meta-titre{
	padding-top: 30px;

}

.meta-titrelien{
	font-size: 11px;
	font-weight : bold;
	
	border-top: 1px #444 solid;
	margin-top: 10px;
	padding-top: 10px;
	
	padding-bottom: 4px;
}

.meta-titrelien a{
	font-weight: bold;
	color: #003366;
	text-decoration : underline;
}

.meta-descrlien{
	font-size: 11px;
	padding-bottom: 4px;
}

.meta-lien a{
	font-weight: bold;
	font-size: 10px;
	color: #003366;
	text-decoration : underline;
}

.meta-lien2 a{
	font-size: 10px;
	color: #666;	
	text-decoration : none;
}


/* AUTRE IMAGES */

#auto-thumb{
	float: right;
	padding-left : 5px;
	margin-left : 5px;
	border-left: #666 solid 1px;	
}


.ann-img-petit{
	clear : both;
	text-align : center;
}

/*images des articles */
.img-petit {
	float: right;
	text-align : right;
	width: 210px
}
.img-petit img{
	float: right;
	margin : 0 0 5px 0;
}

/* images des annonces */
.ann-img-petit img {
	height : 80px; 
	width : 80px; 
	float: left;
	padding :0;
	margin : 3px 7px;
	border : 2px #444 solid;
}

/* AUTRES STYLES */

.info-ann {padding: 0 0 5px 15px;}

.fincat{border : 1px #aaa dashed; padding : 15px; margin : 0 10px; background-color : #E3F7FF;}
.fincat p, .fincat ul{padding: 0px 0 15px 0;}

.fincat a {color : #22f}
.fincat .titrefincat{font-size : 16px;}

.gras{font-weight : bold;}
.centre{text-align : center;}

.nbvues{font-size : 11px; font-weight : normal; color: #666; font-style : italic;}

.barre{
	text-decoration: line-through;
}


#ann-form-contact{
	border : 1px #aaa solid; padding : 15px; margin : 0 10px; 
}

#ann-form-contact h3{
	font-weight : bold
	font-size :  14px;
}

#ann-form-contact p{
	margin:0;
	padding: 3px 0;
}

#ann-form-contact input, 
#ann-form-contact textarea{
	width : 430px;
	padding: 3px;
	border : #666 solid 1px;
}

#ann-form-contact textarea{
	height: 110px;
}

#ann-form-contact #verif{
	width: 120px;
}

#ann-form-contact #submit{
	width: 200px;
	padding : 5px;
	cursor : pointer;
	font-weight : bold;
}

/* POPUP */

#popup{ 
background-color: #fff; 
width : 710px;
border : 5px solid #000;
}

#popup .boitecourte {
	width : 215px;
	padding : 1px 3px;
	margin : 0 0 5px 0;
}

#popup .submitbtn{
	width : 227px;
}

#popup-haut{
	font-size : 20px;
	font-weight : bold;
	text-align : center;
	padding : 3px;
	color: #fff;
	background-color : #003366;
}

#popup .gauche{ 
float: left;
width : 430px;
line-height : 27px;
padding : 7px 0 10px 10px;
}

#popup ul.puce li {
	background-position: 0px 16px;	
}

#popup .droite{ 
float : right;
width : 235px;
padding : 7px 10px 10px 0;
}

#popup-bas{clear:both;
text-align : right;
color : #fff;
background-color : #003366;
padding : 5px;
}
		
#popup-bas a{
	color : #fff;
}

#popup-bas img{
	border: 0 ;
}

.drapeau{
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

#titre-drapeau{
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 -4px 0 !important;
}

.mini-liens{
	text-align: right;
	font-size: 11px;
}

.mini-dossier{
	padding: 0 19px 0 0;
	background-image: url('img/minidossier.gif');
	background-repeat: no-repeat;
	background-position: right top;	
}


.mini-imprimer{
	padding: 0 19px 0 0;
	background-image: url('img/imprimer.png');
	background-repeat: no-repeat;
	background-position: right top;	
}

.mini-imprimer-images{
	padding: 0 19px 0 0;
	background-image: url('img/imprimer-images.png');
	background-repeat: no-repeat;
	background-position: right top;	
}

.env-deuxcolonnes{}

.deuxcolonnes-gauche,
.deuxcolonnes-droite{
	width: 240px;
}

.deuxcolonnes-gauche{ float: left;}
.deuxcolonnes-droite{ float: right;}

.lignegrispale{
	margin: 5px 0;
	border: 1px solid #aaa;
	border-width: 1px 0 0 0;
}

/* ----------------------------*/

.bloc-image{
	width: 840px;
	margin: 0 auto;
}

.fichier-image-1c{
	/*float:left;
	width: 500px;*/
}

.att-google-1{
	float:right;
	width:340px;
}

.att-blocs-google{
	float:left;
	width:340px;
}

#contenu-1c .art-contenu{
	margin-left: 350px;
}

/*
.ann-img-petit-1c{
	margin: 0 auto;
	width: 840px;
}

*/

#menu-principal-titre{
	background-color : #003365;
}

#recherche-titre{
	color: #fff;
	padding: 2px;
}

#recherche-titre #st{
	border: solid 1px #aaa;
	width: 250px;
	font-size: 12px;
	padding: 1px;
}