@charset "utf-8";
/* CSS Document */

body{
height: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align :left;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:12px
	color : #000;
	background:url(../images/bg_body2.png) repeat-x;
}
 
#conteneu{}

.conteneur_home
{
	width: 800px;
	margin:0 auto;
	height: 560px;
	margin-top: 20px;
	margin-bottom:10px;
	border: 6px solid #fff;
	background:url(../images/bg-conteneur.jpg) #FFFFFF;
}

.conteneur_presentation
{
	width: 800px;
	margin:0 auto;
	height: 1260px;
	margin-top: 20px;
	margin-bottom:10px;
	border: 6px solid #fff;
	background:url(../images/bg_conteneur_services.png) #FFFFFF;
}

.conteneur_normale
{
	width: 800px;
	margin:0 auto;
	height: 1150px;
	margin-top: 20px;
	margin-bottom:10px;
	border: 6px solid #fff;
	background:url(../images/bg_conteneur_services.png) #FFFFFF;
}


.conteneur_service {
	width: 800px;
	margin:0 auto;
	height: 1800px;
	margin-top: 20px;
	margin-bottom:10px;
	border: 6px solid #fff;
	background-image:url(../images/bg_conteneur_services.png);
}


 /*\/\/\/\/\/\/  HAUT  \/\/\/\\/\/\/\/*/
	 
#haut {
	width : 100%;
	height : 190px;
	background:url(../images/testlogo.bmp);
	text-align : left;
}


#haut002 
{
	width : 100% ; 
	height : 91px ; 
	background : #fff url(images/top.jpg); 
	text-align : left
}



/*\/\/\/\/ CONFIGURATION ul, li / MENU  \/\/\/\/*/

ul, li 
{
margin : 0; 
padding : 0; 
list-style : none ; 
float : left
}

/*\/\/\/\/ MENU \/\/\/\/*/

#menu 
{
	text-align : center;
	font-size:15px;
	width:100%;
	padding-left: 0%;
	float: right;
	padding-top: 2px;
	background:url(../images/bg_menu.png) repeat-x;
	height:36px;
}

#menu li 
{
	padding : 4px 02px 4px 02px;
}

#menu li a 
{
text-decoration : none ; 
color : #fff; 
padding : 2px 10px 2px 10px; 
margin : 0;
background:url(../images/menu.png) no-repeat right;
}

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

/*/\/\/\/\/\/  SEPARATEUR / SPACER  \/\/\/\/\/\/\/*/ 
 
#deco 
{
	width : 100%;
	height : 10px;
	background:url(../images/bg_deco.jpg) repeat-x;
	clear : both
}

/*/\/\/\/\/\/ BLOCS GAUCHES ET DROITS EN FLOAT  \/\/\/\/\/\/\/*/ 

#centre{ background:transparent;}

.gauche 
{
	float : left;
	width : 205px;
	background : transparent;
	color : #525252;
	height : 380px;
	margin-top: 5px;
}

.gauche img 
{ 
	border : 1px solid #000 ; 
	margin : 5px 10px 0 15px; 
}

.droite 
{
	float : right;
	margin-left : 5px;
	width : 583px;
	color : #000000;
	padding-bottom : 40px;
	font-size:14px;
	height: 845px;
	margin-top: 5px;
	border-left: 1px dashed #525252;
}


.droite_home
{
	margin-left : 5px;
	width : 800px;
	color : #000000;
	padding-bottom : 40px;
	font-size:14px;
	height: 295px;
	margin-top: 5px;
}


.droite_presentation
{
	float : right;
	margin-left : 5px;
	width : 583px;
	color : #000000;
	padding-bottom : 40px;
	font-size:14px;
	height: 950px;
	margin-top: 5px;
	border-top-color: #127BD6;
	border-right-color: #127BD6;
	border-bottom-color: #127BD6;
	border-left-color: #127BD6;
	background-attachment: fixed;
	border-left-style: dashed;
	border-left-width: 1px;
}

.droite_services 
{
	float : right;
	margin-left : 5px;
	width : 583px;
	color : #000000;
	padding-bottom : 20px;
	font-size:12px;
	height: 1500px;
	margin-top: 5px;
	border-left: 1px dashed #525252;
}

/*/\/\/\/\/\/\/\/\/  IMAGES  \/\/\/\/\/\/\/\/\/\/*/  

.img_nompage {
	float: left;
	margin-right:20 px;
	padding-right: 10px;
}

/*/\/\/\/\/\/\/\/\/  PARAGRAPHES  \/\/\/\/\/\/\/\/\/\/*/ 	 

h1 {font-size : 50px ; color : #000; margin : 2px 10px 0 10px ; padding : 0; color : #fff; text-transform : uppercase}
h2 {font-size : 24px ; color : #000; margin : -10px 10px 0 10px ; padding : 0 ; font-family : veranda ; color : #fff ; letter-spacing : 4px}
h3 {font-size : 12px ; color : #000; margin : 5px 10px 0 15px ; padding : 0}
h4 {font-size : 24px ; color : #1C9159; margin : 5px 10px 0 15px ; padding : 0}	
p {
	margin : 5px 10px 0 15px;
	border-left-width: thin;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

/*/\/\/\/\/\/\/\/\/  LIENS  \/\/\/\/\/\/\/\/\/\/*/ 

a {color : #3A4B76 ; text-decoration : underline ; font-weight : bold}
a:hover {text-decoration : none}

/* hr */ 

div.hr {
height: 1px;
margin : 10px 10px 10px 15px;
padding : 0;   
width : 160px;
background : url(images/hr.jpg) repeat-x}

div.hr hr {display: none;  padding :0; }

/*/\/\/\/\/\/\/\/\/  LOGO  \/\/\/\/\/\/\/\/\/\/*/ 

.logo {
	margin-left : 500px ; 
	margin : 0 0 0 15px ; 
	padding : 0 ; 
	display: block; 
	border : 0;
}


.reflet{
    filter : alpha(opacity=85);
    -moz-opacity : 0.85;
    opacity : 0.85;
  } 

#footer{
	border-top:2px solid #E5E5E5;
	clear:both;
	font-size:12px;
	padding-bottom:1px;
	padding-top:3px;
}
	
div#footer ul 
{
	clear:both;
	list-style-image:none;
	list-style-position: outside;
	list-style-type:none;
	margin:0pt auto;
	overflow:hidden;
	text-align:center;
	width:860px;
	color:#FF6600;
}

div#footer ul li.special 
{
	margin:0pt 10px;
	color:#FF6600;
	font-size: 0.89em;
}

div#footer ul li
{
	display:inline;
	color:#FF6600;
}


/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/

#ma_liste li
{
background: #000000;
padding: 5px;
color: #ffffff;
}

#ma_liste-menu a.wactive
{
padding: 0px 2px;
background: #000000;
color: #eeeeee;
}

/*/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/*/

.table{ margin-bottom:10px;}
.td td 
{
	text-align: center;
	border:1px dotted #6495ed
}
#conteneur #centre .droite_presentation #tabb {
	border: 2px solid #157DD6;
}