/*
Theme Name: DeConcert
Theme URI: http://www.deconcert.com
Description: Theme de DeConcert Communciation
Version: 1
Author: Hadrien
Author URI: http://h.menigand.free.fr/
Tags: 
Text Domain: kubrick
*/
* {
	margin: 0;
	padding: 0;
}

p {margin-bottom:1em;}

p br {margin-bottom:0;}

html, body {
	font-family: arial, tahoma, serif;
	font-size: 8pt;
	background: #ffffff;
	padding: 20px 0;
	color: #656567;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	background: url(img/07-colonnes.png) repeat-y; /* Voir -> Note 1 */
}

/* Navigation */
#navigation {
	background: #FFFFFF; /* -> 2 */
}

/* Sidebar (logo + menu vertical)*/
#navigation {
	width: 171px;
	float: left; /* -> 6 */
	/*border: solid 1px #cccccc;*/
	margin-right: 30px;
}

/* Menu vertical*/
#menu2 {
	/*margin: 185px 0px 0px 0px;*/
	padding: 0;
	list-style: none;
	background: #fff;
}
#menu2 li {
	padding: 0;
	margin: 0;
	height: 22px;
	list-style: none;
	background-repeat: no-repeat;
}
#menu2 li a, .menu li a:visited {
	display: block;
	height: 22px;
	text-indent: -1000px;
	text-decoration: none;
	background-repeat: no-repeat;
}
.actualites {width: 171px; background-image: url(images/menu-actualites.gif);}
.actualites a:hover {width: 171px; background-image: url(images/menu-actualites-hover.gif);}
.contact {width: 171px; background-image: url(images/menu-contact.gif);}
.contact a:hover {width: 171px; background-image: url(images/menu-contact-hover.gif);}
.equipe {width: 171px; background-image: url(images/menu-equipe.gif);}
.equipe a:hover {width: 171px; background-image: url(images/menu-equipe-hover.gif);}
.recrutement {width: 171px; background-image: url(images/menu-recrutement.gif);}
.recrutement a:hover {width: 171px; background-image: url(images/menu-recrutement-hover.gif);}

/* Contenu principal */
#contenu {
	width: 620px;
	float: left;
	/*border: solid 1px #cccccc;*/
}

/* Menu horizontal*/
#menu {
	margin: -3px 0px 70px 0px;
	padding: 0;
	list-style: none;
	background: #ffffff;
}
#menu li {
	float: left;
	padding: 0;
	margin: 0;
	height: 30px;
	list-style: none;
	background-repeat: no-repeat;
}
#menu li a, .menu li a:visited {
	display: block;
	height: 30px;
	padding: 0;
	margin: 0;
	text-indent: -1000px;
	text-decoration: none;
	background-repeat: no-repeat;
}
.accueil {width: 76px; background-image: url(images/menu-accueil.gif);}
.accueil a:hover {width: 76px; background-image: url(images/menu-accueil-hover.gif);}
.presentation {width: 135px; background-image: url(images/menu-presentation.gif);}
.presentation a:hover {width: 135px; background-image: url(images/menu-presentation-hover.gif);}
.philosophie {width: 127px; background-image: url(images/menu-philosophie.gif);}
.philosophie a:hover {width: 127px; background-image: url(images/menu-philosophie-hover.gif);}
.offre {width: 89px; background-image: url(images/menu-offre.gif);}
.offre a:hover {width: 89px; background-image: url(images/menu-offre-hover.gif);}
.references {width: 123px; background-image: url(images/menu-references.gif);}
.references a:hover {width: 123px; background-image: url(images/menu-references-hover.gif);}
.presse {width: 66px; background-image: url(images/menu-presse.gif);}
.presse a:hover {width: 66px; background-image: url(images/menu-presse-hover.gif);}

/* --- POSITIONNEMENT --- */

/* Page */
#global {
	width: 850px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
}

/* Footer */
#footer {
	padding: 0;
	margin: 30px 0px 0px 0px;
	text-align: center;
	font-size:12px;
	font-family: "century gothic";
}
#footer a{
text-decoration: none;
}
#footer a:hover{
font-weight: bold;
}
.gris{
color:#9c9d9f;
}
.gris :hover{
font-weight: bold;
}
.vert{
color:#97be0d;
}
.vert :hover{
font-weight: bold;
}

#sous-onglet {
	height: 185px; 
	font-size: 11px;
	list-style: none;
}
#sous-onglet li {
	float: left;
	padding: 0;
	margin: 0;
	height: 17px;
	width: 171px;
	list-style: none;
	background-repeat: no-repeat;
	border-bottom: 1px solid #e6e6e7;
}
#sous-onglet li a {
	color: #4f4f50;
	display: block;
	height: 17px;
	padding: 2px 0 0 5px;
	margin: 0;
	text-decoration: none;
	background-repeat: no-repeat;
}

#sous-onglet li a:hover {
	background-color: #e6e6e7;
}

#sous-onglet li.current_page_item {
	background-color: #e6e6e7;
}



/* Mise en forme texte */
ul#diaporama li  {
	padding: 0;
    margin: 0;
	list-style: none;
}

hr {
	color: #e6e6e7; 
	background-color: #e6e6e7; 
	height: 1px; 
	border: 0;
	margin: 1px 0 2px 0; 
}

#texte {
	width: 310px; 
	height: 245px; 
	text-align: justify; 
	/*color:#9c9d9f; */
	/*color:#7a7b7c; */
	color: #4f4f50;
	padding: 0px 10px 0px 0px; 
	overflow: auto;
}



#texte2 {
	width: 615px; 
	height: 245px; 
	text-align: justify; 
	/*color:#9c9d9f; */
	/*color:#7a7b7c;*/ 
	color: #4f4f50;
	padding: 0px 10px 0px 0px; 
	/*overflow: auto;*/
}

#texte li, #texte2 li{
	margin-left: 13px;
	list-style-image: url(images/puce.gif);
}

a {
	color: #97be0d;
}

.deconcert {
	color: #97be0d;
}

.langue {
	float:right; 
	color: #AAAAAA;
	margin-top: 4px;
}

	.langue a {
		text-decoration: none;
		color: #AAAAAA;
	}



/* h1 */
h1 {
	margin-bottom: 15px;
	font-size: 14px; 
	color: #97be0d; 
	/*text-transform: uppercase;*/
}


h1 span {
	display: none;
}

.titre-presentation {
	width: 113px;
	height: 18px;
	background: url("images/titre-presentation.gif") no-repeat;
}

.titre-accueil {
	width: 113px;
	height: 18px;
	background: url("images/titre-accueil.gif") no-repeat;
}

.titre-philosophie {
	width: 113px;
	height: 18px;
	background: url("images/titre-philosophie.gif") no-repeat;
}

.titre-philosophie {
	width: 113px;
	height: 18px;
	background: url("images/titre-philosophie.gif") no-repeat;
}

.titre-presse {
	width: 113px;
	height: 18px;
	background: url("images/titre-presse.gif") no-repeat;
}

.titre-offre {
	width: 113px;
	height: 18px;
	background: url("images/titre-offre.gif") no-repeat;
}

.titre-references {
	width: 113px;
	height: 18px;
	background: url("images/titre-references.gif") no-repeat;
}

.titre-actualites {
	width: 113px;
	height: 18px;
	background: url("images/titre-actualites.gif") no-repeat;
}

.titre-recrutement {
	width: 113px;
	height: 18px;
	background: url("images/titre-recrutement.gif") no-repeat;
}

.titre-contact {
	width: 113px;
	height: 18px;
	background: url("images/titre-contact.gif") no-repeat;
}

.titre-equipe {
	width: 113px;
	height: 18px;
	background: url("images/titre-equipe.gif") no-repeat;
}

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */
a.jScrollArrowUp {
	background: url(images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

/* hack FF pour masquer les contours pointill� sur les liens
-------------------------------------------------------*/
a{outline: none;}
:focus{-moz-outline-style: none;}