﻿/* CSS Document */
body{	
	text-decoration: none;
	/*pour ne pas avoir de marge en haut et en bas du bloc général*/
	margin: 0px;
	padding: 0px;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#616a6e;
	line-height:15px;
}

img { border:0px; }

.bleu{ color:#0d93d8; text-decoration:none; }
.orange{ color:#ff6600; text-decoration:none; }
.grisfoncer{ color:#1d2021; text-decoration:none; }
.gris{ color:#616a6e; text-decoration:none; }
.noir{ color:#000; text-decoration:none; }

td{ vertical-align:top }
p{ margin:0px; padding:0px; margin-bottom:15px; font-size:11px; line-height:15px;}

.c11{ font-size:11px; }
.c12{ font-size:12px; }
.c14{ font-size:14px; }
.c20{ font-size:20px; }

.blancsepa{ width:11px;}
.simpler{ float:right; display:inline; }
.simple{ float:left; display:inline; }

.centrehaut{ width:961px; height:120px; }
.logo{ float:left; display:inline; margin-left:28px; margin-top:34px; width:254px; }
.menuhaut{ float:right; text-align:right; width:620px; margin-top:55px; }
.rubmenuhaut{ float:right; display:inline; margin-top:5px; }

.centrebando{ width:961px; height:305px; }
.gauche{
	/*width:15%;*/ 
	height:305px; 
	background-image:url('../images/rep-bando.jpg');
	background-repeat:repeat-x;
}

/*.bando1acc{ position:relative; background-image:url('../images/bando1.jpg'); background-repeat:no-repeat; width:691px; height:305px; }*/
#bando0{ float:left; display:inline; width:691px; height:305px; margin-top:-305px; }

.bando1{ float:left; display:inline; background-image:url('../images/bando1.jpg'); background-repeat:no-repeat; width:691px; height:305px; }
.bandotypo{ float:left; display:inline; background-image:url('../images/bandotypo.jpg'); background-repeat:no-repeat; width:691px; height:305px; }
.bandopres{ float:left; display:inline; background-image:url('../images/cabinet.jpg'); background-repeat:no-repeat; width:691px; height:305px; }

.bandorecou{ float:left; display:inline; background-image:url('../images/recou.jpg'); background-repeat:no-repeat; width:691px; height:305px; }

.bandoref{ float:left; display:inline; background-image:url('../images/ref.jpg'); background-repeat:no-repeat; width:691px; height:305px; }

.bandocont{ float:left; display:inline; background-image:url('../images/cont.jpg'); background-repeat:no-repeat; width:691px; height:305px; }

/*.bando2{ float:left; display:inline; width:270px; }*/
.bando2{ float:left; display:inline; width:270px; }

.paie{ float:left; display:inline; background-image:url('../images/menud2.jpg'); background-repeat:no-repeat; width:206px; height:31px; text-align:right; padding-top:18px; padding-right:24px;}

.home{ float:left; display:inline; width:48px; height:16px; background-color:#8bd1eb; padding-top:5px; padding-left:15px; margin-top:235px; }

.sousmenu{ float:left; display:inline; margin-top:3px; display:inline; background-image:url('../images/sousmenu.jpg'); background-repeat:repeat; width:691px; height:102px; }

.menuc{ display:none;}

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


.menu{ float:left; display:inline; height:49px; width:691px; }
.finmenu{ float:left; display:inline; margin-left:55px; margin-top:18px; }

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

#smenu2{
	position:relative;
	margin-left:31px; 
	margin-top:17px;
}

#smenu3{
	position:relative;
	margin-left:148px; 
	margin-top:17px;
}

#smenu4{
	position:relative;
	margin-left:324px; 
	margin-top:17px;
}

#smenu2 li, #smenu3 li, #smenu4 li{
	list-style-image:url(../images/fleche-sousmenu.jpg);
}

#smenu2 a, #smenu3 a, #smenu4 a{	
	font-size:13px;
	color:#0d93d8;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:22px;
}

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



/* ------------------------------ Imgae png sous ie6 + fichier externe ------------------------------------*/

 img, div { behavior: url(/iepngfix.htc) }
 
/* ------------------------------FIN Imgae png sous ie6 + fichier externe ------------------------------------*/

.largetout{ width:961px; }

.slogan{ float:left; display:inline; padding-left:35px; padding-top:33px; height:78px; background-color:#FFFFFF; width:231px; }

.contenutout{ float:left; display:inline; width:691px;}
.imgb{ border:1px; border-style:solid; border-color:#b7bbbd;}
.img_acc1{ float:left; display:inline; margin-top:32px; margin-right:25px;}
.txt_acc1{ float:left; width:415px; display:inline; margin-top:33px; }

.contenu{ float:left; display:inline; width:641px; padding-left:25px; padding-top:28px; padding-right:25px; padding-bottom:22px; }

.contenugris{ float:left; display:inline; width:641px; padding-left:25px; padding-top:20px; padding-right:25px; padding-bottom:25px; margin-bottom:4px; background-color:#f9f9f9; }

.contenubleu{ float:left; display:inline; width:641px; padding-left:25px; padding-top:28px; padding-right:25px; padding-bottom:13px;
background-color:#ecf2f2; }

.grispara1{ float:left; width:303px; display:inline; margin-right:16px; }
.grispara2{ float:left; width:303px; display:inline; margin-left:16px; }
.grispara3{ float:left; width:303px; display:inline; margin-left:16px; margin-top:21px; }

.imgvignette{ float:left; display:inline; margin-top:16px; margin-right:8px;}
.txtvignette{ float:left; display:inline; width:212px; margin-top:14px;}

.plusgris{ float:left; display:inline; padding-left:15px; background-repeat:no-repeat; background-image:url('../images/fleche-orange.jpg'); line-height:8px; font-size:12px; margin-top:8px; }

.plusgris2{ float:left; display:inline; padding-left:15px; background-repeat:no-repeat; background-image:url('../images/fleche-orange-actu.jpg'); line-height:8px; font-size:12px; margin-top:8px; }


.coldroitetout{ /*float:left; display:inline;*/ width:270px; /*margin-left:4px; height:300px;*/ background-color:#f1f1f1; margin:0px; padding:0px; }

.sepableu{ float:left; display:inline; margin-top:28px; }

.contenutout li{ list-style-image:url(../images/puce.jpg);}
.contenutout ul{ margin-left:14px;}


.margeclient{ float:left; display:inline; height:4px; width:266px; background-color:#FFFFFF;}

.client{ float:left; display:inline; width:194px; height:180px; padding-left:36px; padding-top:27px; padding-right:36px; /*margin-bottom:4px;*/ background-color:#f9f9f9; margin-top:0px; }

.actu{ float:left; display:inline; width:194px; padding-left:36px; padding-top:27px; padding-right:36px; margin-bottom:4px; padding-bottom:8px; background-color:#f1f1f1;}


.img_droite{ float:left; display:inline; margin-top:11px; margin-bottom:11px;}



.bas{ float:left; display:inline; height:173px; width:897px; background-repeat:repeat-x; background-image:url('../images/bas.jpg'); margin-top:4px; padding-left:64px; padding-top:35px;  }

.bas ul{
	margin-top:17px;
	margin-left:16px;
}

.bas li{
	list-style-image:url(../images/fleche-fon-gris.jpg);
}

.bas a{	
	font-size:10px;
	color:#cacaca;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:24px;
}

.bas1{ float:left; display:inline; width:150px; }
.sepabas{ float:left; display:inline; margin-right:28px; margin-top:35px;}

.case0{ background-color:#c8e4f2; border:1px; border-style:solid; border-color:#FFFFFF; color:#2089b8; padding:15px; text-transform:uppercase; font-size:11px; vertical-align:middle; }

.case0b{ background-color:#c8e4f2; border:1px; border-style:solid; border-color:#FFFFFF; color:#2089b8; padding:15px; text-transform:uppercase; font-size:11px; vertical-align:middle; text-align:center; }

.case1{ border:1px; border-style:solid; border-color:#c8e4f2; color:#2089b8; padding:15px; }
.case2{ border-right:1px; border-top:1px; border-bottom:1px; border-right-style:solid; border-top-style:solid; border-bottom-style:solid; border-color:#c8e4f2; color:#2089b8; padding:15px;  text-align:center; vertical-align:middle; }

.case3{ border-right:1px; border-left:1px; border-bottom:1px; border-right-style:solid; border-left-style:solid; border-bottom-style:solid; border-color:#c8e4f2; color:#2089b8; padding:15px; center; vertical-align:middle; }
/*.case4{ border-right:1px; border-bottom:1px; border-right-style:solid; border-bottom-style:solid; border-color:#c8e4f2; color:#2089b8; padding:15px; text-align:center; vertical-align:middle; }*/
.tablecentre{ float:left; display:inline; width:638px; margin-top:15px; color:#999999; }
.sepatable{ height:5px; }
.sepatabletout{ margin-top:25px; }

.case4{ border-right:1px; border-bottom:1px; border-right-style:solid; border-bottom-style:solid; border-color:#c8e4f2; color:#2089b8; padding:15px; text-align:center; vertical-align:middle; width:150px; }

.tablecentre ul{ margin:0px; padding:0px; margin-left:15px; }
.tablecentre li{ list-style-image:url('../images/fleche-orange.jpg'); margin:0px; padding:0px; margin-top:15px; }

.liste2{ }
.liste2 ul{ margin:0px; padding:0px; margin-left:35px; }
.liste2 li{ list-style-image:url('../images/fleche-orange.jpg'); margin:0px; padding:0px; margin-top:8px; }

.cham{ width:190px; }














