﻿*{
	margin : 0 ;
	padding : 0 ;
}

body {
	text-align : center ;
	font-size : 0.7em ;
	color : #5c5c5c ;
	font-family : arial ;
	background : #d4d5d4 url("images/back.jpg") repeat-x left top ;
}
.bold {
	font-weight : bold ;
}
p {
	padding-bottom : 10px ;
}
a{
	text-decoration : underline;
	color : #5c5c5c ;
}
h1{
		margin-left : 20px ;
	margin-bottom : 10px ;
	color : #000000 ;
	font-size : 1.4em ;
}
h2{
	font-size : 1.3em ;
}

.txt_green {
	color : #57c63d ;
}
.txt_bleu {
	color : #3d97c5 ;
}
div#container {
	min-height : 601px ;
	text-align : left ;
	width : 950px ;
	margin : auto ;
	margin-top : 80px ;
	background : transparent url("images/top.jpeg") no-repeat top left ;
}

#container {
height:  601px;
}
html>body #container{
height: auto;
min-height:  601px;
} 

div#container div#pageGlobale {
	margin-left : 79px ;
	padding-left : 10px ;
	margin-top : 86px ;
	margin-right : 69px ;
	padding-right : 11px ;
	float : left ;
	background-color : #ffffff ;
	width:792px;
	padding-right :0px ;
}

#menu ul {
	background : transparent url("images/fond_menu_top.jpeg") no-repeat bottom left ;
		
		height : 50px ;
}

#menu ul li {
	float : left ;
	list-style-type : none ;
	text-indent : -1000em ;
}
#menu ul li a {
		overflow: hidden;
	text-indent: -1000em;	
	display : block ;
	height : 50px ;
}
#menu ul li a.accueil {
	width : 81px ;
	background : transparent url("images/accueil.jpeg") no-repeat top left ;
}

#menu ul li a.accueil:hover, #menu ul li.current a.accueil {
	width : 81px ;
	background : transparent url("images/accueil_on.jpeg") no-repeat top left ;
}

#menu ul li a.mission {
	width : 63px ;
	background : transparent url("images/mission.jpeg") no-repeat top left ;
}

#menu ul li a.mission:hover, #menu ul li.current a.mission {
	width : 63px ;
	background : transparent url("images/mission_on.jpeg") no-repeat top left ;
}
#menu ul li a.approches {
	width : 148px ;
	background : transparent url("images/solutions.jpeg") no-repeat top left ;
}

#menu ul li a.approches:hover, #menu ul li.current a.approches {
	width : 148px ;
	background : transparent url("images/solutions_on.jpeg") no-repeat top left ;
}
#menu ul li a.centre {
	width : 120px ;
	background : transparent url("images/centre.jpeg") no-repeat top left ;
}

#menu ul li a.centre:hover, #menu ul li.current a.centre {
	width : 120px ;
	background : transparent url("images/centre_on.jpeg") no-repeat top left ;
}
#menu ul li a.fidelite {
	width : 167px ;
	background : transparent url("images/fidelite.jpeg") no-repeat top left ;
}

#menu ul li a.fidelite:hover, #menu ul li.current a.fidelite {
	width : 167px ;
	background : transparent url("images/fidelite_on.jpeg") no-repeat top left ;
}
#menu ul li a.realisations {
	width : 85px ;
	background : transparent url("images/realisations.jpeg") no-repeat top left ;
}

#menu ul li a.realisations:hover, #menu ul li.current a.realisations {
	width : 85px ;
	background : transparent url("images/realisations_on.jpeg") no-repeat top left ;
}

#menu ul li a.contact {
	width : 105px ;
	background : transparent url("images/contacter.jpeg") no-repeat top left ;
}

#menu ul li a.contact:hover, #menu ul li.current a.contact {
	width : 105px ;
	background : transparent url("images/contacter_on.jpeg") no-repeat top left ;
}
div.head {
	float : left ;
	margin-left : 8px ;
	height : 284px ;
	width : 762px ;
	background : transparent url("images/img_centre.jpeg") no-repeat top left ;
}
div.ombre_menu {	
	height : 12px ;
	background : transparent url("images/ombre_menu.jpeg") no-repeat top left ;
}
.index {
float : left ;
margin-top : -284px ;
width:792px;
}
.main {
padding-top : 0px ;
	width : 800px ;
}

.left {
	width : 230px ;
	margin-top : 10px ;
	float : left ;
	height : 250px ;
}

.left h1 span, .right h1 span  {
	font-size : 1.45em ;
}
.left ul {
	background : #e5e9d5 ;
	width : 170px ;
	margin-left : 8px ;
	padding : 15px 0 15px 30px ;
	margin-bottom : 10px ;
}
.left p a, .right p a{
	font-weight : bold ;
}
 .right p a{
	padding-left : 15px ;
}
.right {
	
	margin-top : 10px ;
	float : right ;
	height : 250px ;
}
.right ul {
	background : #e5e9d5 ;
	margin-right : 10px ; 
	padding : 15px 10px 15px 30px ;
	margin-bottom : 10px ;
}
.right ul li {
	list-style-type : none ;
	list-style-image : url("images/liste_bleu_gris.jpeg") ;
}

.index .main_left {
	position : absolute ;
	margin-top : 284px ;
	margin-left : 10px ;
}
.main .main_left {
	margin-top : 0px ;
	margin-left : 10px ;
	float : left ;
}
.sub_left, .sub_left_index {
	border : 1px solid #e0e0e0 ;
	width : 395px ;
	padding-left : 10px ;
	padding-top : 20px ;
	padding-right : 10px ;
	background : transparent url("images/ombre.jpeg") no-repeat top left ;

}
.sub_left_index {
	border : none ;
	background-image : none ;
}

.sub_left h1 span, .sub_right h1 span{
	color : #5c5c5c ;
}
.sub_left h2 , .sub_right h2{
	padding-bottom : 10px ;
}
.sub_left ul {
	padding : 0px 0 15px 25px ;
}
.sub_left ul li, .sub_right ul li{
	list-style-type: none ;
	list-style-image : url("images/liste_bleu.jpeg") ;
}

#bottomGlobal {
	margin : auto; 
	background : #ffffff url("images/borderFooter.jpg") no-repeat left bottom ;
	height : 46px ;
	width : 950px ;
	clear : both ;
}
.footer_left {
	clear : both ;
position : absolute  ;
float : left;
background-color : #ffffff ;
}
.footer_left ul {
	padding-top : 10px ;
}
.footer_left ul.menu1 {
	padding-left  : 50px ;
}
.footer_left ul.menu2 {
	padding-left  : 60px ;
}
.footer_left ul li{
float : left ;
list-style-type : none ;
padding-right : 15px ;
}

.index .main_right{
padding-top : 304px
}

.sub_right ul {
padding : 0px 10px 10px 25px ;
}

.sub_right {
float : right ;
margin-right : 30px ;
padding-top : 20px ;
width : 320px ;

}
.sub_right img {
border : 1px solid  #e0e0e0  ;
}

ul.puce_grise {
	list-style-image : url("images/liste_gris.jpeg") ;
}
ul.puce_grise  li {
	color : green;
}
.footer_right {
	float : right ;
	width : 335px ;
	padding-top : 10px ;
	text-align : center ;
	background-color : #ffffff ;
}
.fond_gris {
	background-color :#c1c6a9 ;
	padding : 10px  20px 10px 20px;
}
.left p, .right p{
	text-align : center ;
}
img.float_left {
	float : left ;
	padding-right : 10px ;
}
.left ul li {
	list-style-type : none ;
	list-style-image : url("images/liste_vert.jpeg") ;
}
.image_centre {
	text-align : center ;
}
.footer {
	clear : both ;
	float : left ;
	margin-top : 10px ;
	background-color : #ffffff ;
}

.img_fidelite img {
display: block;
border : 0 ;
   margin-left: auto;
   margin-right: auto ;
   }


