body{
margin:0;
padding:0;
line-height: 1.2em;
background: #FFFFFF url(/images/html.jpg) repeat-x;
height: 100%;
	font: 72%/2.0em verdana, tahoma, arial,  sans-serif; 
}

#global {
		position:relative;
		margin-left: auto;
		margin-right: auto;
		width: 1110px;
		}


#topsection{
		height:202px; /*Height of top section*/
		background: transparent url("../images/logo.gif") no-repeat;
}


#menuhor{
		float: left;
		width: 1110px;
		height:40px;
		background: url(/images/bg_menu.gif) repeat-x 0 -25px ;

}

#contentwrapper{
		float: left;
		width: 1110px;		
		background: #FFFFFF;		
}

#contentcolumn{

		padding: 10px 10px 10px 10px;		
		text-align: justify;
		vertical-align: top;		
		background: #FFFFFF;	
}

#page{

		width: 1110px;		
}
#leftcolumn{
		vertical-align: top;  	  
		width: 180px; /*Width of left column*/
}

#rightcolumn{
		vertical-align: top;
		width:260px;		
}

#footer{
		clear: left;
		width: 1110px;
		color: #FFF;
		background:url(/images/menubg.gif) repeat-x left top;
		text-align: center;
		padding: 4px 0;
}

#footer a{
		color: #FFFF80;
}





.cssform p{
width: 380px;
clear: left;
padding: 8px 0 8px 0;
margin: 0px 0 0px 0;
padding-left: 220px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
text-align: left;
}

.cssform label{
font-weight: bold;
float: left;

margin-left: -200px; /*width of left column*/
width: 220px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

* html .threepxfix{
margin-left: 3px;
}

input[type=submit], input[type=button],input[type=reset]{
cursor:pointer;
border: 1px solid #CCCCCC;
background:#6699CC;
color:#FFFFFF;
font-size: 11px;
font-weight:bold;
margin: 5px 5px 5px 5px;
padding: 2px 5px 2px 5px;
background:url(/images/menubg.gif) repeat-x left top;
}

input[type=text],input[type=password], textarea{
border: 1px solid #CCCCCC;
}

select{
    background-color:#FFFFFF;
    color:#000000;
    font-family: Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    border-width: 1px;
    border-color: gray;
    border-style: solid;
}
/* INFO BULLES */
a.infoBulle{
	text-decoration:none;
	z-index:2000;
}

a.infoBulle:hover{z-index:2000;text-decoration:none;position:relative;}

a.infoBulle span{display: none}
a.infoBulle caption{display: none}
a.infoBulle:hover span{
  z-index:2000;
	/*le contenu de la balise span ne
	sera visible que pour l'état a:hover */
	display:block;
	position:absolute;
	text-align: justify;
	
	top:2em; left:1em;min-width:10em;line-height: 1.2em;
	border:1px solid #FFCC66;
	background-color:#FF9900;
	color:#FFFFFF;
	text-decoration:none;

	/*font-weight:none;*/
	padding:4px;
}
/* FIN INFO BULLES */

b{font-size: 110%;}
em{color: #CCCCCC;}

/* -------------------------------------------------------------------------- */
/* styles associés aux textes (titres, liens)---------------------------------*/
/* -------------------------------------------------------------------------- */

#contentcolumn h1 {
  font-size : 14px;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : #FFFFFF;
		border: 1px solid #FFCC66;
		background:url(/images/boutonbg.gif) repeat-x left top;  
  letter-spacing: 2px;
  text-indent: 10px;
}

h1 {
  font-size : 14px;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : #006699;
  letter-spacing: 2px;
}
h2 {
  font-size : 13px;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : #006699;
}
h3 {
  font-size : 12px;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : #006699;
}

h4 {
	font-size : 11px;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	color : #006699;

	text-align: left;
}
legend {
	font-size : 14px;
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	color : #006699;

	text-align: left;
}
a:hover{
  color : #006699;
  text-decoration: none;

}
a:visited{
  color : #006699;
  text-decoration: none;

}
a:link{
  color : #006699;
  text-decoration: none;

}
/* -------------------------------------------------------------------------- */
/* FIN -----------------------------------------------------------------------*/
/* -------------------------------------------------------------------------- */

/* - COMPORTEMENT DU TEXTE DANS LES DIVERS DIV*/

.databox p.comment{
text-align: right;
font-size: 90%;
font-style: italic;
}

.infobox p , .databox p,.pubbox p{
margin: 0.5em;
text-align: justify;
}

.infobox h4,.pubbox h4{
		color: ;
		text-align: left;
		margin: 0px;
		border: 1px solid #ccc;
		background:#999;
		color:#FFF;
		font-weight:bold;
		padding: 1px 2px;
		background:url(/images/menubg.gif) repeat-x left top;
}
.infobox h4,.pubbox h4{
		text-align: left;
		margin: 0px 0 10px 0;
		background:#FFCC99;
		color: #FFFFFF;
		font-weight:bold;
		padding: 1px 2px;

}

 .titlebox h4{
		text-align: left;
		margin: 0px 0 40px 0;
		background:#FFCC99;
		color: #FFFFFF;
		font-weight:bold;
		padding: 1px 2px;

}
.infobox h4, .formboxcontenu .titlebox h4,.pubbox h4{
		border: 1px solid #ccc;
		line-height: 1.1em;
		margin: 0px 0 20px 0;		
		background:url(/images/menubg.gif) repeat-x left top;
}

.databox .titlebox h4{
		border: 1px solid #FFCC66;
		line-height: 1.1em;
		margin: 0px 0 20px 0;		
		background:url(/images/boutonbg.gif) repeat-x left top;
}

.infobox {
		width: 170px;

		float:right;

}
.pubbox {
		width: 250px;

		float:right;

}

.menubox2 {
		width: 400px;
}

.publicite {
		width: 488px;
		height: 120px;
				padding: 50px 0px 0px 0px;
    /*margin:auto;*/
    position:absolute;
    right:0;
    /*top:50;*/
    z-index:2000;
}

.infobox, .pubbox, .menubox2 {
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		background:url(/images/cadre.png) repeat;
		font-size: 90%;
		margin-bottom: 5px;
		padding: 2px;
}

.titlebox{
	padding: 5px 10px 0px 2px;
}

.menubox{
		position : relative;
		width: 100%;
		text-align: right;
		/*padding: 5px 10px 10px 2px;*/
}
.fotobox{
		float: right;
		text-align: right;
		padding: 0px 0px 0px 0px;
}

.databox{
		background:url(/images/comment.png) repeat;
		padding: 5px 10px 15px 10px;
		/*position: relative;*/

}

.databoxfooter{
		background: url(/images/commentarrow.gif) 22px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
		padding-left: 70px;
		padding-top: 1px;
		margin-bottom: 2em;
		font-size: 90%;
		color: #999;
}

.formbox{

		border: 1px dashed #CCCCCC;
		background:url(/images/cadre.png) repeat;
		/*margin-bottom: 2em;*/
		float: left;
		margin-top:1em;

		/*min-height:200px;*/
		text-align: justify;
}

.formboxcontenu{
		background: transparent url(/images/brcorner.gif) bottom right no-repeat;
		position: relative;
		left: 2px;
		top: 2px;
		padding: 10px 10px 10px 10px;
}

.errorbox{
		border: 1px solid #CC3333;
		padding-top: 2em;
		padding-bottom: 2em;
		padding-left: 70px;
		padding-right:10px;
		margin-left: 4em;
		margin-bottom: 2em;
		margin-top: 2em;
		background:  #FFFFCC url(/images/icones/erreur.gif) top left no-repeat;
		width: 400px;

}

.helpbox{
		border: 1px solid #006699;
		padding-top: 2em;
		padding-bottom: 2em;
		padding-left: 70px;
		padding-right: 10px;
		margin-left: 4em;
		margin-bottom: 2em;
		margin-top: 2em;
		background:  #CCFFFF url(/images/icones/toolbox.gif) top left no-repeat;
		width: 400px;

}

.resultbox{
		border: 1px solid #FF9900;
		padding-top: 2em;
		padding-bottom: 2em;
		padding-left: 70px;
		margin-left: 4em;
		margin-bottom: 2em;
		margin-top: 2em;
		background:  #FFCC66 url(/images/icones/bravo.gif) top left no-repeat;
		width: 400px;

}

div.miniphotocontainer{
		position: relative;
		background:  #FFFFFF;
		width: 625px;
    min-height: 200px;
		margin-bottom: 2em;
}
div.spacer {
 	clear: both;
 }
div.miniphotobox {
 		float: left;
		border: 1px solid #CCCCCC;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;
		margin-left: 1em;
		margin-right: 10px;
		margin-top: 2em;
		margin-bottom: 2em;
		width: 104px;
		min-height: 150px;
		text-align: center;
		margin-bottom: 2em;
 }

div.photobox {
 		float: left;
		border: 1px solid #CCCCCC;
		padding-top: 1em;
		padding-bottom: 1em;
		padding-left: 1em;
		padding-right: 1em;
		margin-left: 1em;
		margin-right: 1em;
		margin-top: 2em;
		margin-bottom: 2em;

 }
 div.photobox p {
 	text-align: center;
		font-size: 110%;
  }
 div.photobox p.com {
 	text-align: left;
		font-size: 90%;
  }
 div.photobox p.tel {
 	text-align: right;
		font-size: 90%;
  }

div.miniphotobox p {
 	text-align: center;
		font-size: 80%;
  }

div.miniphotobox img {
 	text-decoration: none;
	border: 0;
  }

div.databox p.lien{
  text-align:right;
  font-style: italic;
}

.soustitre li{
  	font-size: 13px;
  	font-weight: bold;
	margin-left: 20px;
	text-align: left;
	font-size: 100%;
	padding-top: 0px
}

.soustitre b{
  padding-left: 10px;
}
/* -------------------------------------------------------------------------- */
/* styles associés aux tables de listes. (résultats des recherches)-----------*/
/* -------------------------------------------------------------------------- */
.formbox tr.paire{
	background: transparent;
}

.formbox  tr.impaire{
	background: #FFFFFF;
}

.databox tr.paire{
	background: transparent;
}

.databox tr.impaire{
	background: #FFFFFF url(/images/cadre.png) repeat;
}

.databox table.data td{
 text-align :left;
 vertical-align: top;
}

.databox table.liste{
 text-align :left;
 vertical-align: top;
 width:  600px;
 border: 1px solid #CCCCCC;

}

.databox table.liste td{
 border: 1px solid #CCCCCC;
  padding: 5px 5px 5px 5px;
}
.databox table.liste td img{
 border: 0;
}
.databox table.liste tr.titre{
font-size: 120%;
font-weight: bold;

}
/* -------------------------------------------------------------------------- */
/* FIN -----------------------------------------------------------------------*/
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* styles associés aux tables de résumé. (fiche, avis de recherche, annonces)*/
/* -------------------------------------------------------------------------- */
#contentcolumn table{
width: 100%;
margin: 0px 0 0px 0;
padding: 0px 0 0px 0;
border: 0px;
border-collapse:collapse;
}

td{
vertical-align: middle;
}


table.EnteteParcours{
font-size: 100%;
color : white;
font-weight: bold;

}

table.EnteteParcours tr.CatGar{
background: #006699 url(/images/menubg.gif) repeat-x;
padding: 0px 0 0px 0;
}

table.DetailParcours{
padding: 0px;
margin: 0px;
font-size: 100%;
text-align:center;
background:  url(/images/cadre.png) repeat;
color : #006699;
font-weight: normal;
}

table.DetailParcoursForm{
padding: 0px;
margin: 0px;
font-size: 100%;
text-align:center;
background:  url(/images/cadrevert.png) repeat;
color : #006699;
font-weight: normal;
}

table.DetailParcoursForm caption{
color: white;
font-weight :bold;
background: #006699 url(/images/menubgvert.gif) repeat-x;
padding: 0px 0 0px 0;
}

tr.titreresume{
	background:url(/images/boutonbg.gif) repeat-x left top;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}

tr.basresume{
text-align: left;
		background:url(/images/menubg.gif) repeat-x left top;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
}

td.libform{

	background: #CCFFFF url(/images/cadre.png) repeat;;
	color:#006699;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
    border-right-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
    padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

td.tdmenu{
border-right:1px solid #006699;
background: #006699;
vertical-align: top;
}

td.photomoyenne{
width: 80px;
text-align: center;
background: #CCFFFF url(/images/cadre.png) repeat;
}

td.infos{
	width: 120px;
	background: #CCFFFF url(/images/cadre.png) repeat;
}

td.separation{
border-bottom:1px solid #006699;
}

td.gras{
	width: 300px;
	background: #FFCC66 url(/images/comment.png) repeat;
}
td.texteresume{
	background: #FFCC66 url(/images/comment.png) repeat;
}
td.texteresumebleu{
	background: #CCFFFF url(/images/cadre.png) repeat;
}

.titreresume img{
  vertical-align: middle;
}

tr.MenuMessagerie{
	background:url(/images/menubg.gif) repeat-x left top;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
}
.MenuMessagerie td#image{
	width:10px;
}

table.Annonces td{
vertical-align: top;
  padding: 5px 5px 5px 5px;
  margin : 5px 5px 5px 5px;
}
/* -------------------------------------------------------------------------- */
/* FIN -----------------------------------------------------------------------*/
/* -------------------------------------------------------------------------- */img.album {
  	padding: 1% 1% 1%;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-width: 1px 1px 1px 1px;
		margin-left: 5px;
}

.action{
cursor:pointer;
border: 0px;
font-weight:bold;
margin: 5px 5px 5px 5px;
}

img.illus{
	float: left;
	margin-right: 5px;
}
.infobox img.aide{
	border: 0px;
	position: relative;
}

.titlebox img{
	float : left;
	margin-right: 10px;
	margin-bottom: 5px;
	z-index: 100;
}