body  {
	padding:0;
	font:76% Arial,sans-serif;
	background: #5c818a;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */

	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}
a {color:#eee;}
a:hover {color:#fff;}

.twoColFixLtHdr #container { 
	width: 980px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px solid #74a5b8;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
} 
.twoColFixLtHdr #header a {
	color:#EEE;
}
.twoColFixLtHdr #header { 
	background: #a6b6b5;
	width: 100%;
} 
.twoColFixLtHdr #menulogo {
	width:450; float:left;
}
.twoColFixLtHdr #menutop {
	float:right;
	width:480px;
	padding: 15px 10px 0 0px;
	color:#7e9191;
}
#searchform {
		margin:0;padding:0;
}
#menubase {
	margin:0 0 0 180px;
	/*text-align:right;*/
	list-style:none;
	padding: 5px 0 10px 0;
}
#menubase li {
	float:left;
	font-size:16px;
	background:url(img/menu-sep.png) right center no-repeat; 
	padding:5px 20px 10px 0;
	margin-left:15px;
}
#menubase li a {
	color:#EEE;
	text-decoration:none;
}
.menulast {
	background:none !important; 
	padding-right:10px;
}
#home {
	background:url(img/home-image-fond.jpg) top left no-repeat; /*image*/
	height:174px !important;
	display:block;
	padding:35px 15px 0 445px;
}
#home p {
	float:left;
	font-size:14px;
	line-height:20px;
	width:300px;
}
#btnhome {
	float:right; padding:25px 30px 0 0;
}

.twoColFixLtHdr #sidebar1 {
	float: left; 
	width: 280px; 
	background: #FFF; 
	
}

#sidebarcolor1 { background-color:#FFF;padding: 15px 10px 15px 10px;}
#sidebarcolor2 { background-color:#e4ece7;padding: 15px 10px 15px 10px; color:#e4ece7;	}

.twoColFixLtHdr #sidebar1 h3 {
	color: #397f9a;
	font-size:16px;
	padding:5px 0;
}
.twoColFixLtHdr #sidebar1 h4 {
	color: #fff;
	font-size:16px;
	padding:10px 10px;
	margin-bottom:5px;
}
#box-president {
	background:url(img/box-president.png) top left no-repeat; 
	color:#fff;
	padding:7px;
	margin-bottom:20px;
	}

.box-sidebar-content p {
	padding:10px;
}

.box-sidebar-content ul {
	list-style:none;
	padding:2px;
}
.box-sidebar-content ul li {
	background:url(img/block-blue-sep.png) bottom left repeat-x; 
	padding:15px 5px 5px 5px;
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 280px; /* La marge gauche de cet élément div crée la colonne qui s'étend sur le côté gauche de la page - quel que soit le contenu de l'élément div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine. */
	padding: 10px 10px 10px 10px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
}

#boxcancer, #boxexperts, #boxservices {
	float:left;
	width:210px;
	padding:175px 0 0 0px;
	margin:5px;
}
#boxcancer{
	background:url(img/box-cancer.png) top left no-repeat;
} 

#boxexperts {
	background:url(img/box-experts.png) top left no-repeat;
	
}
#boxservices {
	background:url(img/box-services.png) top left no-repeat;
}

#boxcancer ul, #boxexperts ul, #boxservices ul{
	list-style:none;
	margin-left:20px;
}
#boxcancer li, #boxexperts li , #boxservices li{
	background:url(img/box-puce.png) center left no-repeat;
	padding:5px 0 5px 15px;
}
#boxcancer a, #boxexperts a, #boxservices a, .boxmain a{
color:#929694;
}
#boxcancer a:hover, #boxexperts a:hover, #boxservices a:hover{
color:#777;
}
.boxmain a{
	text-decoration:none;
}

.btnbox {margin:15px 0 35px 0;
}

.twoColFixLtHdr #footer { 
	padding: 0 0 20px 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#DDDDDD; 
	background-color:#e9f0e9;
} 
.twoColFixLtHdr #footer p {
	margin: 0; padding: 10px; 
	
	}

#foot1-l {
	float:left;
	color:#e7e7e7;
	background-color:#7ab0ba !important;
	width: 280px; 

}

#foot1-r {
	float:right;
	text-align:right;
	padding:0 10px;
	color:#6d7479;
}

#foot1-r a{
	texte-decoration:none;
	color:#776f66;
}

.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.btnrouge {
	background-color:#b7441d;
	color:#EEE;
	padding:3px;
	border:none;
}
.boxmain {
	float:left;
	/*width:195px;*/
	padding:10px 20px 10px 0;
	margin:5px 5px 0 10px;
	}
.boxmain ul { list-style:none; margin-bottom:10px;}	
.boxmain li {
	background:url(img/block-blue-sep.png) bottom left repeat-x; 
	padding:10px 5px 10px 5px;
}
.twoColFixLtHdr #mainContent h2 { 
	font-size:16px;
	padding:7px 0 5px 0;
	margin:10px 0 5px 0;
}

.twoColFixLtHdr #mainContent h3 { 
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}

#breadcrumbs {font-size:10px; color:#222; padding:5px 0 10px 0;}

#content {padding:5px 10px 5px 5px;}

#content h1 {font-size:16px; margin:5px 0;}

#content h2 {font-size:14px;}

#content h3 {font-size:16px; margin:8px 0 0 0; padding:0 0 3px 0;border-bottom:1px solid #E4ECE7}

#content p {padding:3px 0; line-height:18px; text-align:justify;}

#content li {margin:0 5px 5px 25px;text-align:justify;}  

#content td, .verd-10, .verd-10-gras {text-align:center !important; padding:3px;}

.verd-10-gras {font-weight:bold;}

.red #content h1, .red #content h2, .red #breadcrumbs a, .box-sidebar-content-red a, .red #content a {
	color:#9E080C;
}
.green #content h1, .green #content h2, .green #breadcrumbs a, .box-sidebar-content-green a, .green #content a {
	color:#719500;
}
.blue #content  h1, .blue #content h2, .blue #breadcrumbs a, .box-sidebar-content-blue a, .blue #content a {
	color:#397F9A;
}
.brown #content  h1, .brown #content h2, .brown #breadcrumbs a, .box-sidebar-content-brown a, .brown #content a {
	color:#a0914d;
}

.box-sidebar-blue {
	background:url(img/block-blue.png) top left no-repeat; 
	margin-bottom:20px;
}
.box-sidebar-red {
	background:url(img/block-red.png) top left no-repeat; 
	margin-bottom:20px;
}
.box-sidebar-green {
	background:url(img/block-green.png) top left no-repeat; 
	margin-bottom:20px;
}
.box-sidebar-brown {
	background:url(img/block-brown.png) top left no-repeat; 
	margin-bottom:20px;
}
.box-sidebar-content-blue {
	background:url(img/block-blue-fin.png) bottom left no-repeat; 
}
.box-sidebar-content-red {
	background:url(img/block-red-fin.png) bottom left no-repeat; 
}
.box-sidebar-content-green {
	background:url(img/block-green-fin.png) bottom left no-repeat; 
}
.box-sidebar-content-brown {
	background:url(img/block-green-fin.png) bottom left no-repeat; 
}
.bluemenu ul {
	background-color:#3E6F90;
}
.redmenu ul {
	background-color:#c05e60;
}
.greenmenu ul {
	background-color:#719500;
}
.brownmenu ul {
	background-color:#a0914d;
}
.video, .encart {
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 5px;
margin-left: 10px;
float: right;
}
#menupage {
	background:url(img/home-image-fond.png) 150px top no-repeat; display:block;padding:0;
}
.menupage1{
	background:url(img/home-image-fond1.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage2{
	background:url(img/home-image-fond2.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage3{
	background:url(img/home-image-fond3.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage4{
	background:url(img/home-image-fond4.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage5{
	background:url(img/home-image-fond5.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage6{
	background:url(img/home-image-fond6.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage7{
	background:url(img/home-image-fond7.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage8{
	background:url(img/home-image-fond8.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage9{
	background:url(img/home-image-fond9.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage10{
	background:url(img/home-image-fond10.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage11{
	background:url(img/home-image-fond11.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage12{
	background:url(img/home-image-fond12.jpg) 150px top no-repeat !important;display:block;padding:0;
}
.menupage13{
	background:url(img/home-image-fond13.jpg) 150px top no-repeat !important;display:block;padding:0;
}

#menupage ul {
	list-style:none;
	padding:1px 15px 15px 15px;
	margin-top:0 !important;
	float:left;
	width:238px;
}

#menupage li {
	padding-top:8px;
	margin-top:0 !important;
}
#menupage li a{
	color:#EEE;
	font-size:14px;
	text-decoration:none;
}
#menupage li a:hover {
	color:#fff;
}

/* fond different au survol de la souris pour les sous menu et les "basiques
div#menupage li:hover {background: #EDD}
div#menupage li.sousmenu:hover {background: #EBB;}"*/ 

div#menupage ul li {position:relative; list-style: none;}
div#menupage ul ul {position: absolute; top: -1px; left: 190px; width:250px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menupage li a {text-decoration: none; padding: 4px 0 4px 8px; display:block;}
div#menupage ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menupage ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}


.numnew {
	background:url(img/bg-num.png) 0 0 no-repeat; float:left; padding:5px 10px; margin:5px 10px 10px 0; 
}

.numnew a {
	color:#3E6F90; font-size:10px; text-decoration:none;
}

#ajaxSearch_form {margin: 0; padding:0;}

#ajaxSearch_form fieldset{ border:0px !important; float:right; margin: 0 0 0 0; } /*10px;*/


.ajaxSearch_paging, .ajaxSearch_result {padding:10px 0; margin:5px 0;}

iframe {
	border: 1px solid #ffffff;
}