body {/*PROCAD GPAO-------------orange: #f24e28---bleu #0485bc--------*/
margin:0;
padding:0;
font: 80% Verdana, Arial, Helvetica, sans-serif;
color:#036;
}
.title-pr{
display:none;}
p {
	padding: 0;
	margin: 10px 0;
}
img {
	border:none;
}
.cls{clear:both;}
ol {list-style-type: decimal-leading-zero;}

form { margin:0; padding:0;}
input, select {font:10px Verdana; margin:2px 0;}
.inputsearch {
	height:13px;
	border:1px solid #000;
	padding-left:8px;
	margin:0;
	background:#FFF ;
	color:#000;
	}
.fond-fixe{
width:1040px;
float:left;
padding:0 0 0 34px;
display:table;
background:url(../ig2009/fond-page.jpg) no-repeat;
}
.conteneur{
width: 1040px;
margin-left:auto;
margin-right:auto;
display:table;
}
#maincontainer{
width: 1000px;
float:left;
margin: 0 auto;
background-color:#FFF;
/*border:1px solid #000;*/
}
.rightpub{
margin-top:5px;
float:right;

}

.topsection{
float:left;
width:100%;
background-color: #FFF;
}
.topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
float:left;
width: 490px;
display:table;
}
#leftcolumn{
float: left;
width: 310px; /* 300px + 10px de marges innertube*/
/*margin-left: -489px; /*Valeur égale à -(LeftColumnWidth + RightColumnWidth)*/
/*background: #C8FC98;*/
background-color:#F0F1F1;
display:table;
}

#leftcolumn p,.tub-right p {
line-height:1.2em; 
margin:0 0.5em 0.5em 0.5em; 
padding:0;
text-align:justify;
}
#leftcolumn .dossbloc,.tub-right .dossbloc{
	width:130px; margin:0 0 0 10px;
}
#leftcolumn h3.restau,.tub-right h3 .restau {color:#820000; padding-top:5px; border-top:5px solid #820000;}
#leftcolumn h3, #leftcolumn h3 a,.tub-right h3,.tub-righth3 a {color:#333;}
#leftcolumn h3 a:hover,.tub-right h3 a:hover { text-decoration:underline}

#rightcolumn{
float: right;
width: 179px;/* 164px + 15px de marges innertube*/
display:table;
/*margin-left: -179px; /*Valeur égale à -RightColumnWidth*/
/*background: #FDE95E;*/
background-color:#FFF;
}

/*-------------------------------------------------------------zone agenda et theme et articles associés col centrale----------------------------------------------------------------------------------------*/
.event-ht{
float:left;
background:url(../ig2009/cs-evenement-ht.png) no-repeat;
width:300px;
display:table;
padding:10px 0 0 0;
text-align:left;
}
.event-ht h1:first-letter,.event-ht h2:first-letter,.event-ht h3:first-letter,.event-ht li:first-letter{
text-transform:capitalize;
}
.event-ht h1{
margin:0 5px 10px 10px;
}
.event-ht h2{
margin:0 0 -10px 10px;
}
.event-ht h3{
font-weight:normal;
}
.event-ht ul{
}
.event-ht li{
line-height:25px;
margin:0 10px 0 0;
}
.event-bs{
float:left;
background:url(../ig2009/cs-evenement-bs.png) no-repeat;
width:300px;
height:20px;
margin:0 0 10px 0;
}

/*-------------------------------------------------------------zone agenda dans simplecol----------------------------------------------------------------------------------------*/
.event-seul{
float:left;
width:300px;
display:table;
padding:10px 0 0 30px;
margin:0 0 0 20px;
}
.event-seul h1{
margin:0 0 10px 10px;
}
.event-seul h2{
margin:0 0 -10px 10px;
}
.event-seul h3{
font-weight:normal;
}	

/*-------------------------------------------------------------Modele de page avec  2 colonnes  grande moyenne----------------------------------------------------------------------------------------*/

#cheminconsultation {
	margin: 5px 0 10px 0;
}
.cnfiche{
text-align:left;
}
.tub-middle{
float:left;
width:640px;
padding:0 0 0 20px;
	}
.tub-middle p,.cnfiche p{
padding:0 5px 0 3px;
text-align:left;
}
.tub-middle ul,.cnfiche ul{
margin:0 0 0 20px;
}
.tub-middle li,.cnfiche li{
margin:0 0 0 130px;

}
.tub-middle img,.tub-middle-gd img,.cnfiche img{
float:left;
vertical-align:middle;
width:auto;
padding:5px 15px 5px 5px;
}
.tub-middle-right img,.tub-middle-right-gd img{
float:right;
vertical-align:middle;
width:auto;
padding:5px 15px 5px 15px;
}
.tub-right{
float:right;
width: 310px;/* 164px + 15px de marges innertube*/
margin-left: -179px; /*Valeur égale à -RightColumnWidth*/
/*background: #FDE95E;*/
background-color:#F0F1F1;
}
.theme{
background: #efefef;
width:640px;
}
.theme ul,.theme li{
list-style:circle;
}
/*-------articles mise en forme colonne double  dans page-avec  2 colonnes  moyenne petite--------------*/

.doublecolB-gd {
float:left;
width:310px;
margin: 0 10px 0 0;
border-bottom:1px solid #CCC;
padding:0 0 10px 0;
text-align:justify;
}

/*-------------------------------------------------------------Modele de page avec  2 colonnes  grande petite----------------------------------------------------------------------------------------*/	
.tub-middle-gd{
float:left;
width:780px;
padding:0 20px 0 20px;
text-align:left;
	}
.tub-middle-gd p{
padding:0 5px 0 5px;
}
.tub-middle img,.tub-middle-gd img{
float:left;
vertical-align:middle;
width:auto;
margin:5px 25px 5px 5px;
}
.tub-middle-right img,.tub-middle-right-gd img{
float:right;
vertical-align:middle;
width:auto;
padding:5px 15px 5px 15px;
}
.tub-right-pt{
float:left;
width: 179px;/* 164px + 15px de marges innertube*/

/*background: #FDE95E;*/
background-color:#FFF;

}
.tub-middle a,.tub-middle li a{
text-decoration:underline;
color:#0048e6;
}
.tub-middle a:hover,.tub-middle li a:hover{
text-decoration:underline;
color:#0048e6;
background:#ffc;
}
.tub-middle a:visited,.tub-middle li a:visited{
text-decoration:underline;
color:#900;
}
/*-------articles mise en forme colonne double  dans page-avec  2 colonnes  grande petite--------------*/

.doublecolA-gd {
float:left;
width:380px;
margin: 0 10px 0 0;
border-bottom:1px solid #CCC;
padding:0 0 10px 0;
text-align:justify;
}
/*---------------------------------------------innertube------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.topsection .innertube{
padding: 8px 10px 5px 10px;
}
#contentcolumn .innertube {
width:475px;
margin: 0 5px 10px 10px;
}
#leftcolumn .innertube{
margin: 0 5px 10px 5px;
}
#rightcolumn .innertube{
margin: 0 10px 10px 5px;
}
#footer .innertube{
margin: 10px 10px 0 10px;
border:1px solid #CCC;
padding:10px 10px 10px 10px;
}
.tub-right .innertube,.tub-right-pt .innertube{
margin:5px;
}
/*-------------------------------------------------------------------------------pub google-----------------------------------------------------------------------------------*/
.pub{float:right;
	width:670px;
	height:90px;
	}

.affpub {
	margin:0 0 8px 0;

}
.rightpub{
margin-top:5px;
float:right;
}
/*---------------------------------------logo---------------------*/
.colg {
	float:left;
	width:282px;
	height:auto;
	margin-right:3px;
	}

.logo{
	float:left;
	width:282px;
	height:227px;
	background:url(/ig2009/logo.png) no-repeat;
	border-top:1px solid #fb4c1f;
	margin-top:20px;
	padding:0;
}
.logo img{border:0;
	width:282px;
	height:227px;
	margin:-16px 0 0 0;
	}
/*-----telephone en haut-------------------------------------------------------------*/

.tel {
	float:left;
	top:1px;
	padding-top:4px;
	width:427px;
	height:38px;
	font-weight:bold;
	text-align:center;
	font-size: 24px;
	color:#0485bc;
	border-top:1px solid grey /*#fb4c1f*/;
	background:url(../ig2009/gpao-tel.jpg) top left no-repeat;
	/*background-color:#f9d8cf;/*000066;*/
	}
.tel span{
	font-size: 10px;
	}
/* -------------photo titre central et accroche------------*/

.igc2{
float:left;
width:425px;
height:200px;
border:1px solid #ebecec;
padding:1px 1px 1px 1px;
}	


.igc2 h1{
	font-weight:bold;
	font-size: 20px;
	text-align:center;
	color:#fff;
	padding-top:3px;
	margin:-35px 0 0 0;
}
/*-------colonnne de droite---------------------------------------------------------------------------*/
.colod	{
	float:left;
	margin:0;
	padding:0;
	width:236px;
	height:auto;
}

.blanc{
	float:left;
	top:1px;
	width:236px;
	height:19px;

}
/*-----------------------------------zone recherche en haut---------------------*/
.rech{
float:left;
margin:-24px 0 0 0 ;
padding:0;
	width:236px;
	height:76px;
	background:url(../ig2009/rech-fd.jpg) no-repeat;
	border-top:1px solid #fb4c1f;
}
.rech input{float:left;
		font-size:10pt;
		width:150px;
		border-top:1px solid #036;
		border-right:1px solid #c9c9c9;
		border-bottom:1px solid #c9c9c9;
		border-left:1px solid #036;
		margin:37px 0 20px 41px;
		padding:0;
			}
.rech img{
float:right;
width:41px;
height:76px;
border:0;
margin:0;
?margin:-75px 0 0 0;
padding:0;
}
.rech  .submit{float:right;
width:34px;
height:26px;
background:url(/ig2009/rech-btn2.gif) no-repeat;
border:none;
margin:35px 0 0 0;
padding:0;
cursor:pointer;
}
/*--------------zone contact en haut----------------*/
.contact {
	float:left;
	width:233px;
	height:146px;
	background:url(../ig2009/contact.jpg) no-repeat;
	border:1px solid #ebecec;
	padding:1px 1px 1px 1px;
}
.contact p {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	padding-left:15px;
	padding-top:23px;
	line-height:15px;
}

.contact a:link,.contact a:visited{
	color:#3750a2;}
.contact a:hover{
	color:#0589c7;}
 /*---------------fin zone contact-----*/
/*-------------------------------------------------------------zone pictos si en haut du site dans header----------------------------------------------------------------------------------------*/
.pictos{
float:right;
margin:20px 0 0 0px;
}
.pictos img{
margin:0 10px 0 0;
}
/*--------------------------------------------------------------------mise en forme simple------------------------------------------------------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear { clear: both; }
.clearright { clear: right;}
.clearleft { clear: left;}
.clear, .clearright, .clearleft {line-height: 0; font-size:0;}
/*--------------------------------------------------------------------articles mise en forme simple colonne ------------------------------------------------------------------------------------*/
.simplecol{
float:left;
width:100%;
border-bottom:1px solid #CCC;
margin:10px 0;
padding:10px 5px 0 0;
clear:both;
text-align:justify;
}
.premiere{
float:left;
width:100%;
display:table;
border-bottom:1px solid #CCC;
margin:-15px 0 0 0;
padding:10px 5px 0 0;
/padding:15px 5px 0 0;
clear:both;
text-align:justify;
}
.simplecol h1,.premiere h1,.doublecolA h1, .doublecolB h1,.untiers h1,.deuxtiers h1 {
font-size:18px;

}
.simplecol h1:first-letter,,.premiere h1:first-letter,.doublecolA h1:first-letter, .doublecolB h1:first-letter,.untiers h1:first-letter,.deuxtiers h1:first-letter {
text-transform:capitalize;
}
.simplecol img,.simplecol img a,.premiere img,.premiere img a{
float:left;
border:0;
padding-right:5px;
padding-bottom:10px;
}
.simplecol a,.premiere a{
text-align:left;
}

/*--------------------------------------------------------------------articles mise en forme colonne double ------------------------------------------------------------------------------------*/

.doublecolA, .doublecolB {
float:left;
width:220px;
margin: 0 10px 0 0;

padding:0 5px 10px 0;
text-align:justify;
border-right:1px solid #CCC;
}
.doublecolA img, .doublecolB img{
float:left;
border:0;
padding-right:5px;
padding-bottom:2px;
max-width:210px;
*width:expression(document.body.clientWidth < 210 ? "210px" : "auto");
/**width:expression(document.body.clientWidth > 210 ? "210px" : "auto");*/
}
/*--------------------------------------------------articles mise en forme colonne un tiers/deux tiers---------------------------------------------------------------------------------------*/
.untiers {
float:left;
width:152px;
padding-right:10px;
border-right:1px solid #CCC;
text-align:justify;
}
.deuxtiers {float:right;
/*margin-left:175px;*/
width:290px;

padding:0 10px 10px 10px;
border-bottom:1px solid #CCC;
text-align:justify;
}
.untiers img{
float:left;
border:0;
padding:5px;
max-width:145px;
*width:expression(document.body.clientWidth < 145 ? "145px" : "auto");
/**width:expression(document.body.clientWidth > 145 ? "145px" : "145px");*/
}
.deuxtiers img{
float:right;
border:0;
padding:5px;
max-width:145px;
*width:expression(document.body.clientWidth < 145 ? "145px" : "auto");
/**width:expression(document.body.clientWidth > 145 ? "145px" : "145px");*/
}


/*-------------------------------------------lastnews---CADRE DES DERNIERES news---------------------------------------------------------------------------------------------*/
.cs-lastnews {
	border:1px solid #e1e1e1;
	padding:5px;
	margin-bottom:8px;
	font-size:0.9em;
	line-height:1.3em;
	background-color:white;
	width:288px;
	text-align:left;
}
.lastnews{
border-bottom:1px solid #e1e1e1;
padding:2px;
}	
.lastnews ul {
	margin:0;
	padding:0;
}
.lastnews li {
	list-style-type: circle;
	padding-bottom:4px;
}

.lastnews h2{
 border:none;
font-size:1.3em;
font-weight:bold;
padding:0 0 4px 0;
border-bottom:1px solid #e1e1e1;
}

/*-------------------------------------------------------------box recherche----------------------------------------------------------------------*/
.recherche{
background:url(../ig2009/recherche-ht.jpg); 
display:block;
width:162px; 
height:100px;
margin:0 0 0 4px;
}
.recherche button{
	width:22px;
	height:22px;
	font-size:1em;
	text-align:center;
	}
	
/*------------------------------------------------------box des élus-pas utilisé---------------------------------------------------------------------------*/
.elus{
width: 162px;
display:table;
}
.elus  img{
margin:0px 0 0 4px;
}



/*------------------------------------------------------box ig-du-jour--------------------------------------------------------------------------*/
.ig-du-jour{
width: 162px;
display:table;
margin:5px 0 0 3px;
text-align:center;
}

/*------------------------------------------------------box de la newsletter----------------------------------------------------------------------------*/
.buggy{float:right;
background:url(../ig2009/procad-newsletter.png) no-repeat; 
	height:118px; 
	width:170px;
margin:0 0 10px 2px;
padding:0px 0 0 0;
	
 }
.buggybox{text-align:center;
	padding:45px 0 0 0px;
	text-align:right;
	}
.buggybox input{
margin:0 5px 0 0;
}
.buggybox label{
margin:0 5px 0 0;
}
.contact-submit{
background:url(../ig2009/rech-btn.gif) no-repeat;
}
* html .buggybox {height: 1%;} /* for IE/Win Coorige bug IE6 disparition de DIV*/
*>html .buggybox {he\ight: auto;} /* for IE5/Mac */
/*-------------------------------------------------------------------------box sous newsletter----------------------------------------------------------------------------------*/
.box{float:right;
	height:118px; 
	width:170px;
margin:0 0 10px 2px;
padding:0px 0 0 0;
	
 }
/*--------------------------------------------------------------------10 bonnes raisons-------------------------------------------*/
.bonnes-raisons{
border:3px double #036;
}
.bonnes-raisons img{
margin:0 0 10px 0;
}
.bonnes-raisons p,.bonnes-raisons li{
line-height:1.5em;
}
/*--------------------------------------------------------------------plan du site-------------------------------------------*/
.plan{
padding:0 20px 0 50px;
}

/*-------------------------------------------------------------------------rss----------------------------------------------------------------------------------*/
.rss p{
font-size:1em; 
font-weight:bold;
color:#84082c;
text-align:justify;
padding:0 5px 0 5px;
}
/*-------------------------------------------------------------------------footer----------------------------------------------------------------------------------*/
#footer{
clear: left;
width: 100%;
background: #FFF;
color: #666;
padding: 2px 0;
}

	#footer .mentions{
		margin:0 10px 20px 10px;
		background-color:#666;
		color:#fff;
		padding:5px;
		text-align:center;
	}
		#footer .mentions a {
			color:#fff;
			text-decoration:none;
		}
		#footer .mentions a:hover{
			color:#fff;
			text-decoration:underline;
		}

#footer a{
color: #666;
}
#footer a:hover{
color: #333;
}
#footer ul{
	margin:0; padding:0;
}
#footer li {
	list-style-type: none;
	padding-bottom:4px;
}
#footer .links {
	width:150px;
	float:left;
	margin:0 15px 0 15px;
	padding:0;
	border-right:1px solid #CCC;
}
#footer .links2 {
	float:left;
	margin:0;
	padding:0;

}