html,body {
	height : 100%;
}

body {
	margin : 0;
	padding : 0;

	background-color : #fcfcf8;
	background-image : url(../images/page-fond.gif);
	background-repeat : repeat-x;
	
}

#page {
	width : 100%;
	min-height : 100%;
	position : relative;

	background-image : url(../images/principal-fond.png);
	background-repeat : repeat-y;
	background-position : center;
}

* html #page {
	height : 100%;
	background-image : url(../images/principal-fond.gif);
}


/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete-conteneur {
	height : 103px;

	background-color : #564349;
	background-image : url(../images/entete-fond.gif);
	background-repeat : no-repeat;
	background-position : center;
}

#entete {
	width : 992px;
	height : 103px;

	background-color : #f9f7e7;

	position : relative;
	margin : auto;
}

#entete #logo {
	position : absolute;
	left : 17px;
	top : 11px;
}

#entete #logo img {
	border : 0;
}

#entete #logo_connexion {
	position : absolute;
	left : 235px;
	top : 90px;
}

#entete #logo_connexion img {
	border : 0;
}



/*--------------------------------------------------------------------
/* MENU HAUT
/**/

#menu_haut {
	width : 550px;

	position : absolute;
	top : 0;
	right : 0;
}

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

#menu_haut ul li {
	display : inline;
}

#menu_haut ul li a {
	float : left;
}

#menu_haut ul li a img {
	border : 0;
}


/*--------------------------------------------------------------------
/* BANDE RECHERCHE
/**/

#bande_recherche {
	color : #fff;
	font-size : 11px;

	background-color : #866c64;
}

#bande_recherche #division {
	float : left;

	padding-left : 20px;
	padding-top : 1em;
	padding-bottom : 1em;
}

#bande_recherche #division a {
	text-decoration : none;
	color : #fff;
	font-weight : bold;
}

#bande_recherche #division a:hover {
	text-decoration : underline;
}

#bande_recherche #recherche {
	float: right;
	padding-right: 17px;
	padding-top: 7px;
	height: 28px;
	
}

#bande_recherche #recherche input {
	padding:0;
	margin: 0;
	
}

#bande_recherche #recherche form {
	padding:0;
	margin: 0;
}


/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	width : 992px;
	margin : auto;

	padding-bottom : 143px;
}

#colonne_gauche {
	width : 213px;
	float : left;

	/*padding-top : 1.5em;*/
}

#colonne_droite {
	width : 779px;
	float : right;

	background-color : #fff;
}


/*--------------------------------------------------------------------
/* COLONNE GAUCHE
/**/

#colonne_gauche .colonne_gauche-bloc {
	margin-bottom : 1.5em;
}

#colonne_gauche .colonne_gauche-bloc a img {
	border : 0;
}

#colonne_gauche .texte {
	font-size : 11px;
	line-height : 14px;

	padding : 10px 20px;
}

#colonne_gauche .texte .element {
	margin-bottom : 1em;
}

#colonne_gauche .texte .dernierElement {
	margin-bottom : 0;
}

#colonne_gauche a.block {
	display : block;
	text-decoration : none;
	color : #746657;
}

#colonne_gauche a.block .titre {
	color : #cb694d;
	font-weight : bold;
	display : block;
}

#colonne_gauche a.block .plus {
	white-space : nowrap;
	color : #07c;

	background : url(../images/lien-plus.gif) no-repeat 100% 0.4em;
	padding-right : 10px;
}

#colonne_gauche a.block:hover .plus {
	text-decoration : underline;
}

#colonne_gauche .texteNormal {
	color : #746657;
}

#colonne_gauche .texteNormal a {
	text-decoration : none;
	color : #07c;
}

#colonne_gauche .texteNormal a:hover {
	text-decoration : underline;
}

#colonne_gauche .texteNormal p {
	margin : 0;
}


/*--------------------------------------------------------------------
/* MENU
/**/

#menu {
	padding-bottom : 2em;
}

#menu #menu-section {
	background-color : #fff;
	padding-top : 0.5em;
}

#menu #menu-section a {
	display : block;

	background-color : #fff;

	color : #887766;
	font-size : 14px;
	font-weight : bold;

	text-decoration : none;

	padding : 0.5em 20px;
}

#menu #menu-section a:hover {
	text-decoration : underline;
}

#menu #menu-section a.actif {
	cursor : default;
}

#menu #menu-section a.actif:hover {
	text-decoration : none;
}

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

* html #menu ul li {
	display : inline;
}

#menu ul li a {
	display : block;
	border-top : 1px solid #ddd8c5;

	padding : 0.5em 20px;

	color : #887766;
	text-decoration : none;
}

#menu ul li a.premier {
	border-top : 0;
}

#menu ul li a:hover {
	text-decoration : underline;
}

#menu ul li a.actif {
	background-color : #fbad31;
	color : #fff;
	cursor : default;
}

#menu ul li a.actif:hover {
	text-decoration : none;
}



/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu {
	padding : 15px 0px;
}

.contenu {
	line-height : 1.5em;
	color : #866c64;

	padding : 0px 60px;
	/*padding : 0px 20px;*/
}

#suggesions-lectures  {
	line-height : 1.5em;
	color : #866c64;
}

#bas-contenu {
	border-top: 1px dashed #866c64;
	
	margin-top: 15px;
	padding-top: 10px;
	height: 25px;
}

#partager {
	width: 400px;
	float: left;
}

#facebook {
	width: 20px;
	float: left;
	
	display: none;
}

#haut-de-page {
	float: right;
	width: 80px;
	
	text-align: right;
}


/*--------------------------------------------------------------------
/* PIED
/**/
#Pied {
	background-image: url(../images/bas-site.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-bottom: 40px;

}

#Pied .pied-contenu {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 980px;
	margin: auto;
	
	line-height: 1.5em;
	
}

#Pied-Info {
	background-color: #e4decb;
	color: #866c64;

}

#Pied-Info a {
	color: #07c;
}

#Pied-Menu {
	background-color: #866c64;
	color: #fff;
}

#Pied-Menu a {
	color: #fff;
	font-weight: bold;
	
}

#Pied-Colonnes {
	width: 990px;
	margin: auto;
	padding-top: 10px;
	
	
	color: #fff;
}

#Pied-Colonnes a {
	color: #fff;
}

#Pied-Colonnes div div {
	font-weight: bold;
}

#Pied-Colonnes ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

#Pied-Colonnes ul li {
	margin-top: 5px;
}

#Pied-Colonnes #Pied-Nos-Services {
	float: left;
	width: 310px;
	padding-right: 20px;

}

#Pied-Colonnes #Pied-Realisations-Videos {
	float: left;
	width: 310px;
	padding-right: 20px;

}

#Pied-Colonnes #Pied-Realisations-Web {
	float: left;
	width: 310px;

}


/*--------------------------------------------------------------------
/* PIED ANCIEN
/**/

#pied-conteneur {
	position : absolute;
	bottom : 0;

	width : 100%;
	height : 33px;

	padding-top : 110px;

	background-color : #e68d1b;
	background-image : url(../images/pied-fond.gif);
	background-repeat : no-repeat;
	background-position : center;
	
	/*background-image : url(../images/bas-de-page.gif);
	background-repeat : no-repeat;
	background-position : bottom;*/

}

#pied {
	position: relative;
	
	width : 992px;
	margin : auto;

	font-size : 12px;
	
	text-align : center;
	color : #fbf0e2;
	
	
}

#pied a {
	color : #fff;
}

#pied #copyright {
	margin-top : 0.5em;
}

#pied-menu {
	position: absolute;
	top: -95px;
	left: 0;
	
	text-align: left;
	
	line-height: 15px;
	
}

#pied-menu div {
	float: left;
	height: 100px;
}

#pied-menu #pied-nous-joindre {
	width: 200px;
	padding-left: 100px;
	padding-right: 75px;

	
}

#pied-menu #pied-nos-services {
	width: 200px;
	padding-left: 50px;
	padding-right: 75px;

}

#pied-menu #pied-nos-realisations {
	padding-right: 0;
	padding-left: 0px ;
	width: 290px;
	
}


#pied-menu p,
#pied-menu ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;	
	
}

#pied-menu ul {
	margin-left: 17px;
	padding-left: 0;
	
}

#pied-menu .pied-titre {
	font-weight: bold;
}





/*---------------------------
/* LIENS EXTERNES
/**/

a.external {
	background: url(/images/lien-externe.gif) center right no-repeat;
	padding-right: 15px;
	white-space: nowrap;
	display : inline-block;
}


/*---------------------------
/* VOIR TOUTES LES RÉALISATIONS (sur page d'Accueil)
/**/

#voirToutesLesRealisations,
#voirToutesLesRealisationsVideo,
#voirToutesLesLectures {
	font-size : 11px;
	line-height : 14px;

	padding-top : 0.5em;

	padding-left : 60px;
}

#voirToutesLesRealisations a,
#voirToutesLesRealisationsVideo a,
#voirToutesLesLectures a {
	white-space : nowrap;
	color : #07c;

	background : url(../images/lien-plus.gif) no-repeat 100% 0.4em;
	padding-right : 10px;

	text-decoration : none;
}

#voirToutesLesRealisations a:hover,
#voirToutesLesRealisationsVideo a:hover,
#voirToutesLesLectures a:hover {
	text-decoration : underline;
}