/*css spécifique à la péniche*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background : url(../images/navbg2.gif) 0 86px  repeat-x ;
	color : #343434;
	text-align : justify;
}


/*------bloc css pour le prechargement des icones de navigation-------*/
div#preload{
	display : none;
}

div#preload_presse {
	height : 83px;
	background :url(../images/presseHover.gif) no-repeat;
}

div#preload_edition {
	height : 83px;
	background :url(../images/editionHover.gif) no-repeat;
}

div#preload_internet {
	height : 83px;
	background :url(../images/internetHover.gif) no-repeat;
}

div#preload_etude {
	height : 83px;
	background :url(../images/etudeHover.gif) no-repeat;
}

div#preload_aussi {
	height : 83px;
	background :url(../images/aussi2.jpg) no-repeat;
}

h1 {
	text-align : left;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
}

#droite a,  #centre a{
 color : #c00;
}

p {
	margin: 0 0 10px 0;
}

img{
	border : none;
}

.hidden{
	display : none;
}

.logo_left {
	padding : 0 10px 10px 0;	
}

#page {
	position: relative;
	width: 974px;
	margin: 0 auto; 
	background-color:white;
}

/*----------------- Bandeau supérieur ------------------------*/
#entete {
	height: 86px;
	background-color: white;
	background : url(../images/slogan.jpg) no-repeat  500px -15px ;
}

#logo{
	margin : 10px 20px;
	float: left
}

#quick_link{
	float : right;
	margin : 10px;
}

#quick_link a{
		color : black;
}

/*----------------- Bandeau de navigation------------------------*/
ul#navigation{
	margin : 0;
	padding : 0;
	line-height : 35px;
	height : 35px;
	background : #313131;
	color : white;
	list-style-type : none;
}

ul#navigation a{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color : white;
	font-size : 12px;
/* 	display: block; */
	
}

ul#navigation a:hover{
	text-decoration : none;
	padding-bottom : 5px;
/* 	height : 25px ; */
/* 	display: block; */
	border-bottom : 5px solid white;
}

ul#navigation li{
	margin : 0;
	padding : 0 15px;
	float : left;
/* 	border-left : 1px solid white; */
}

ul#navigation li#premier{
	border-left : none;
}

/*----------------- formulaire de recherche ------------------------*/
#recherche{
	float : right;
	text-align : right;	
	/*background : #313131;*/
	line-height : 35px;
	margin:0;
	padding :0;
}

#recherche label{
	color : white;
	font-weight:bold;
}

#search_text{
	border : solid 1px black;
}

#search_button{
	color:white;
	border : white solid 1px;
	background : black;
	font-weight : bold;
	padding :0;
	padding-right : 3px;
	text-align : center;
	margin : 0;
}



/*----------------- Contenu central ------------------------*/
#centre {
	margin : 20px 0;
	/*background-color:#ccc;*/
	margin-left: 170px;
	margin-right: 300px;
	min-height : 450px;
	/*hack ie*/
	height : auto !important;
	height : 450px;
}

#centre h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	margin-bottom : 5px;
}

#centre .notes h2{
	border-top :solid 1px #ccc;
}

#panorama h2 a{
	color : white;
}

#panorama h2{
	font-size : 2.8em;
}

#panorama p{
	display:none;
}

h3#realisation{
	background : url(../images/realisation.gif) no-repeat left bottom ;
	height : 20px;
	border-bottom : solid 1px #c00;
}

/*----------------- galerie de panorama ------------------------*/
#panorama{
	height : 310px;
}

#panorama h3{
	font-size : 12px;
}

/*----------------- Tableau des adresses ------------------------*/
table#adresses{
	font-family: Arial, Helvetica, sans-serif;
	width : 100%;
	font-size : 0.9em;
}

table#adresses td{
	width : 50%;
	
}

table#adresses tr#antennes td{
	border-bottom : solid 1px #c00;
	font-weight : bold;
	
}


/*-----------------Menu de gauche ------------------------*/
#gauche {
	position: absolute;
	left:0;
	width: 150px;
}

#gauche ul{
	list-style-type: none;
	margin: 0px 2px;
	padding:0;
}

#gauche a{
	display : block;
	height : 83px;
	width : 136px;
/* 	background : black; */
}

li#presse a{
	background :url(../images/presse.gif) no-repeat;
}
li#presse a:hover{
	background :url(../images/presseHover.gif) no-repeat;
}

li#edition a{
	background :url(../images/edition.gif) no-repeat;
}
li#edition a:hover{
	background :url(../images/editionHover.gif) no-repeat;
}

li#internet a{
	background :url(../images/internet.gif) no-repeat;
}
li#internet a:hover{
	background :url(../images/internetHover.gif) no-repeat;
}

li#etude a{
	background :url(../images/etude.gif) no-repeat;
}
li#etude a:hover{
	background :url(../images/etudeHover.gif) no-repeat;
}
li#aussi a{
	background :url(../images/aussi1.jpg) no-repeat;
}
li#aussi a:hover{
	background :url(../images/aussi2.jpg) no-repeat;
}

/*
<li id="presse"><a href=""><span class="hidden">Projets web</a></li>
			<li id="edition"><a href=""><span class="hidden">Réseaux sociaux</span></a></li>
			<li id="internet"><a href=""><span class="hidden">Edition web</span></a></li>
			<li id="etude"><a href=""><span class="hidden">Print</span></a></li>
			<li id="aussi"><a href=""><span class="hidden">Et aussi</span></a></li>*/

#gauche li {
	margin: 2px;
	padding : 0;
}

/*-----------------fils d'ariane-----------------------------*/
#hierarchie{
	border-bottom : #ccc solid 1px;
	font-size : 0.9em;
	font-weight : bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height : 15px;
}



#hierarchie a{
	color : #c00;
}


/*-----------------Menu de droite ------------------------*/
#droite {
	position: absolute;
	right:0;
	width: 260px;
}

.menudroit {
	list-style-type: none;
	margin: 0;
	padding:0;
}
.menudroit li {
	margin-bottom: 5px;
}
.menudroit a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}
.menudroit a:hover {
	text-decoration: none;
}

/*-----------------bloc réservé à la newsletter ------------------------*/

#newsletter h3{
	background : url(../images/news.gif) no-repeat left bottom ;
	height : 20px;
	border-bottom : solid 1px #c00;
}

#picto{
	float:left;
	margin: 10px;
}

#newsletter{
	margin-bottom : 50px;
	padding-bottom : 10px;
	border-bottom : solid 1px #c00;
}

#newsletter p.text{
	font-size : 0.8em;
}

#newsletter p.goto {
	text-align : right;
}

#newsletter p.goto a{
	font-weight:bold;
	text-decoration : none;
	color : #c00;
}

#newsletter p.goto a:hover{
	text-decoration : underline;
}



#newsletter .text h4{
	font-size : 1.6em;
	font-weight : bold;
}

#inscription{
	text-align : left;
}


/*-----------------Pied de page ------------------------*/
#pied {
	position : relative;
	height: 30px;
	line-height : 30px;
	border-top : solid 1px #ccc;
	font-size : 0.85em;
	text-align : center;
	color : #535353;
}

#pied a{
	font-weight : bold;
	color:#c00;
}

/*-----------------liste des article dans les rubriques ------------------------*/
#liste-articles h3{
	background : url(../images/realisation.gif) no-repeat left bottom ;
	margin-top : 25px;
	height : 20px;
	border-bottom : solid 1px #c00;
}

#liste-articles h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	margin-top : 0px;
}

#liste-articles h4 a{
color : #343434;

}

#liste-articles p.goto{
	text-align : right;
	background : url(../images/article_end.png) no-repeat center bottom ;
}

#liste-articles p.goto a{
	color :#c00;
}

#liste-articles p.chapo{
	font-size : 0.85em;
}

#liste-articles ul{
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#liste-articles img {
	margin : 0 10px 10px 0;
}

#liste-articles img.spip_logos{
	border:solid 1px #eee;
}


br.nettoyeur{
	clear:left;
}

/*article dans la même rubrique q'un article*/
#articles_rubriques{
	margin-bottom : 20px;
}

#articles_rubriques h3{
	background : url(../images/rubrique.gif) no-repeat left bottom ;
	height : 20px;
	border-bottom : solid 1px #c00;
}


#articles_rubriques ul{
	list-style-type : none;
	padding : 0;
	margin : 10px;
}

#articles_rubriques h3.relative{
	background : url(../images/relative.gif) no-repeat left bottom ;
}

.cartouche{
	font-family: Arial, Helvetica, sans-serif;
/* 	font-size : 0.9em; */
	font-weight : bold;
}

/*-----------------affichage des images ------------------------*/
#documents_portfolio h3{
	background : url(../images/portfolio.gif) no-repeat left bottom ;
	height : 20px;
	border-bottom : solid 1px #c00;
}

#documents_portfolio img{
	margin : 5px 10px;
 }

#documents_joints h3{
	background : url(../images/documents.gif) no-repeat left bottom ;
	height : 20px;
	border-bottom : solid 1px #c00;
}

#documents_joints ul{
	list-style-type: none;
	margin : 0;
	padding : 0;
}

#documents_joints img.logo_doc{
	float:left;
}


/*surcharge des styles spip*/
h4.forum-repondre{
	font-size : 1em;
	
}

h4.forum-repondre a{
	color :#c00;
}

/*-------------liste des clients--------------*/
#liste-clients a{
	color :#c00;
}

#liste-clients ul{
	list-style-type : none;
	margin : 0;
	padding : 0;
	border-top : solid 1px #ccc;
}

/*----------------liste des newletters-------------------------*/

#last-news h4.last-titre{
	text-align : right;
	font-size : 1.5em;
	color :#c00;
	margin :5px 0;
	padding : 0;
	border-bottom : solid 1px #c00;
}

#last-news  h4.last-titre a{
	color :#c00;
}

#last-news img{
	margin : 0 10px 10px 0;
} 

#last-news  h4.last-titre a{
	text-decoration : none;
}

#last-news p.goto{
	text-align : right;
}

#last-news p.goto a{
	color :#c00;
}

#last-news p.chapo{
	font-weight : bold;
	font-size : 0.85em;
}

#liste-news a{
	color :#c00;
}

#liste-news ul{
	list-style-type : none;
	margin : 0;
	padding : 0;
	border-top : solid 1px #ccc;
}

#liste-news li{
	margin:0;
	padding : 0;
}

#liste-news h4.titre{
	margin:10px;
	padding : 0 0 0 35px;
	line-height : 17px;
	background : url(../images/newsico.gif) no-repeat left top ;
}

#newsletter ul#liste-news {
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#newsletter #liste-news li{
	margin:10px;
	padding : 0 0 0 35px;
	line-height : 17px;
	background : url(../images/newsico.gif) no-repeat left top ;
}


/*-----------------mise en page des notes------------*/
/*#centre div.notes h2 {
	font-size : 0.5em;
}*/


p.spip_note{
	font-style : italic;
	font-size : 0.85em;
}

p.spip_note a{
	color :#c00;
}

div.notes a{
	
}

.invisible{
	display : none;
}

/*---------- mise en forme du plan----------------------*/

#contenu-plan ul{
	list-style-type : none;
}

#contenu-plan li.article a{
	color : #343434;
}

#contenu-plan li.rubrique a{
	color : #c00;
}

/*mise en forme du titre sous le carrousel*/
#slide h1{
/* 	width : 100%; */
	font-family : Verdana,Arial, sans-serif;
	background-color : #333;
	color : white;
	margin : 0 0 20px 0;
	padding : 5px;
	font-weight : normal;
}