/*******************************************************************************
 *                                     N O R M A L I S A T I O N
 ******************************************************************************/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td  { margin : 0; padding : 0; }

h1,h2,h3,h4,h5,h6 { font-size : 100%; }

ol,ul { list-style : none,disc,circle; }

address, caption, cite, code, dfn, em, th, var { font-style : normal; font-weight : normal; }

table { border-collapse : collapse; border-spacing : 0; }

fieldset, img { border : 0; }

caption,th { text-align : left; }


a img,:link img,:visited img { border: none; }

a { 
	/* 
	bleu 
	color:#0d2d84;

	orange
	color:#ff9600; 
	*/
	color:#0d2d84;
	text-decoration: none; 
	font-weight: normal; 
}
a:hover { 
	color:#ff9600; 
	text-decoration: underline; 
}

a.externe {
    color : #ff9600;
    background: url(../images/lien_externe.png) center right no-repeat;
	padding-right: 13px;
}

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #333;
    background: url('../images/fond_1.jpg') repeat-x top center ;
    background-color: #d3d3d3;
}

/*******************************************************************************
 *                                     N A V I G A T I O N langue
 ******************************************************************************/

#navigation_langue{
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 15px;
    width: 200px;
}



/*******************************************************************************
 *                                     N A V I G A T I O N partie
 ******************************************************************************/

#logo_titre{
	float: left;
	margin-left: 15px;
}

.titre_groupe {
	margin-top: 15px;
}

#barre_titre{    
	position: absolute;
    z-index: 10;
    top: 87px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: url('../images/fond_titre.gif') repeat-x top center ;
	
}

#navigation{
	position: absolute;
    z-index: 3;
	top: 55px;
	left: 15px;
	width: 300px;
	
    list-style: none;
    color:#0d2d84; 
    font-size: 9px;
    display: block;
    padding-right: 10px;
    margin: 0px;
}


#navigation li{
	display: block;
	margin-top: 3px;
	padding-bottom:5px;
    padding-left: 0px;
    padding-right: 4px;
	width: 300px;
    background: url('../images/barre_degradee.png') no-repeat bottom left ;
}

#navigation H1{
    padding-left: 3px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none; 
}


#navigation .groupe_actif H1{
    font-weight: bold; 
	text-align: right;
}

#navigation .actif, #navigation .actif a{
	position: absolute;
	right: 10px;
	font-weight: bold; 
	font-size: 9px;
    padding-right: 0px;
}


#navigation a{
    padding-right: 20px;
}


/*******************************************************************************
 *                                     N A V I G A T I O N societes
 ******************************************************************************/

#navigation_societes{
	position: absolute;
    z-index: 1;
    right: 0px;
    top: 75%;
    margin-top:-70px;
    padding-right: 15px;
    width: 135px;
}

#navigation_societes li{
	float: right;
	margin: 0px;
	margin-top: 5px;
	list-style: none;
}

#navigation_societes .hidden{    
	filter:alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;   
}


/*******************************************************************************
 *                                     N A V I G A T I O N groupe
 ******************************************************************************/

#navigation_groupe{
    position: absolute;
    z-index: 15;
    right: 15px;
    top: 15px;
    width: 233px;
}

#logo{
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 87px;
    width: 213px;
    height: 25px;
}

.menu_desssus{
    position: absolute;
    z-index: 1;
    left: 133px; 
    width:100px;
}

#menu_desssus_1{ top: 58px; }
#menu_desssus_2{ top: 29px; }
#menu_desssus_3{ top: 0px; }

.label_dessus{
    position: absolute;
    z-index: 1;
    margin-top: 6px;
    margin-left: 4px;
    
    font-size: 9px;
    font-weight: bold; 
    color: #0d2d84;
}

.menu_desssous{
    position: absolute;
    z-index: 1;
    left: 21px;
}

#menu_desssous_1{ top: 118px; }
#menu_desssous_2{ top: 147px; }
#menu_desssous_3{ top: 176px; }
#menu_desssous_4{ top: 205px; }
#menu_desssous_5{ top: 234px; }

.label_dessous{
    position: absolute;
    z-index: 1;
    margin-top: 6px;
    width:106px;
    text-align:right;
    
    font-size: 9px;
    font-weight: bold; 
    color: #0d2d84;
}

.cadre_0{
    position: absolute;
    z-index: 0; 
}

.cadre_1{
    position: absolute;
    z-index: 0;
    
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;   
}

.cadre_2{
    position: absolute;
    z-index: 0;
    
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;   
}

.cadre_3{
    position: absolute;
    z-index: 0;
    
    filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;   
}

.cadre_4{
    position: absolute;
    z-index: 0;
    
    filter:alpha(opacity=25);
    -moz-opacity: 0.25;
    -khtml-opacity: 0.25;
    opacity: 0.25;   
}

.cadre_5{
    position: absolute;
    z-index: 0;
    
    filter:alpha(opacity=15);
    -moz-opacity: 0.15;
    -khtml-opacity: 0.15;
    opacity: 0.15;   
}

.cadre_6{
    position: absolute;
    z-index: 0;
    
    filter:alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;   
}



/*******************************************************************************
 *                                               C O N T E N U
 ******************************************************************************/

#contenu{
    position: absolute;
    z-index: 20;
    left: 340px;
    top: 155px;    
    
 	width:expression((body.clientWidth-635)+'px');
 	height:expression((body.clientHeight-170)+'px');

    right:275px;
    bottom: 15px;
    margin-left: 0px;
    
}

#contenu_block{
	position:relative;
	max-width: 400px;
	height: 100%;
	text-align: justify;
	font-size: 11px;
	line-height: 1.5em;
	margin: auto;
}

#contenu H1{
	 background: url('../images/icone_fleche_blanche.gif') no-repeat 0% 0% ;

    color: #0d2d84;
	font-weight: bold;
	margin-left: -20px;
	padding-left: 20px;
	padding-top: 1px;
    
}
#contenu H2{
	color: #0d2d84;
	font-weight: bold;
}

#contenu table{
	height: 100%;
}

#contenu .texte_haut{
}

#contenu .texte_bas{
	padding-left: 20px;
	height:300px;
}

#contenu td{
	vertical-align: middle;
	padding-left: 20px;
}

.vertical-align-table{
	height:100%;
	width: 100%;
	vertical-align: middle;
	
}

.vertical-align-table td{
	vertical-align: middle;
	padding-left: 8px;
}

#contenu ul li ul li{
margin-left: 20px;
}

#contenu p img{
border:2;
border-color:#000000;
}


/*********************************************************** page actualites  */

#actualites{
    position: absolute;
    z-index: 20;
    left: 15px;
    top: 155px;    
    
 	width:expression((body.clientWidth-290)+'px');
 	height:expression((body.clientHeight-170)+'px');

    right:245px;
    bottom: 15px;
    margin-left: 0px;
    
	line-height:1.5em;
}

#actualites #pages{
	text-align: right;
	margin-top:0px;
	margin-bottom:5px;
	padding-right: 5px;
	padding-left: 5px;
    background: transparent url('../images/fond_pages.png') no-repeat bottom right; 
    _background-image:url(../images/fond_pages.png);
    font-size: 9px;
}

#actualites .page_active{
	font-weight: bold;
    color : #ff9600;
    margin-left: 3px;
}

#actualites a{
	font-weight: bold;
    font-size: 9px;
    margin-left: 3px;
}

#actualites H1{
	font-size: 1.1em;
    color: #0d2d84;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 0px;
    background: url('../images/icone_fleche_blanche.gif') no-repeat bottom left ;
}

#actualites td{
	vertical-align: top;
	padding-top: 15px;
	text-align: justify;
}

#actualites .date{
	position: relative;
	float: right;
    font-size: 9px;
	font-weight: normal;
}


#actualites .infos{
	padding-left: 15px;
}

#actualites .illustration{
	width: 100px;
	height:100px;
	padding:1px;
    border: 1px solid #0d2d84;
}

#actualites p{
	margin-top: 2px;
	margin-left: 7px;
	padding-left : 14px;
    border-left: 1px solid #0d2d84;
}

/*********************************************************** page téléchargements  */

#telechargements{
    position: absolute;
    z-index: 20;
    left: 15px;
    top: 155px;    
    
 	width:expression((body.clientWidth-315)+'px');
 	height:expression((body.clientHeight-170)+'px');

    right:275px;
    bottom: 0px;
    padding-left: 15px;
    
	line-height:1.5em;
}

#telechargements .groupe{
	padding : 15px;
	margin-bottom: 15px;
    border: 1px solid #0d2d84 ;

}

#telechargements H1{
	font-size: 1.1em;
    color: #0d2d84;
	font-weight: bold;
	padding-left: 20px;
	margin-left:-23px;
	margin-right: 20px;
	margin-top: -3px;
	padding-bottom: 2px;
    background: url('../images/icone_fleche_blanche.gif') no-repeat top left ;
}

#telechargements .document{
	margin-left: -2px;
	margin-right: 25px;
	line-height:1em;
}

#telechargements img{
	position:relative;
	top: 4px;
	margin-right: 5px;
}

/*********************************************************** page contacts  */

#contacts{
    position: absolute;
    z-index: 20;
    left: 240px;
    top: 155px;    
    padding-left: 50px;
    margin-left: 0px;
    right:285px;    
    
 	width:expression((body.clientWidth-540)+'px');
	line-height:1.2em;	
	text-align:justify; 

}


#contacts .groupe{
	padding : 15px;
	margin-bottom: 15px;
    border: 1px solid #0d2d84 ;
}

#contacts H1, #contacts_coordonnees H1{
	font-size: 1.1em;
    color: #0d2d84;
	font-weight: bold;
	padding-left: 20px;
	margin-left:-23px;
	margin-top: -3px;
	padding-bottom: 15px;
    background: url('../images/icone_fleche_blanche.gif') no-repeat top left ;
}

#contacts table{
	width:100%;
	max-width: 600px;
}

#contacts td{
	text-align:left;
	padding-bottom: 2px;
}

#contacts th{
	text-align:right;
	padding-right: 5px;
	padding-bottom: 2px;
	font-weight: normal;
	width:80px;
}

#contacts input{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #2A2A2A;
    border: 1px solid #0d2d84;
    background: #FFF;
    width: 90%; 
}

#contacts select{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #2A2A2A;
    border: 1px solid #0d2d84;
    background: #FFF;
}

#contacts textarea{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #2A2A2A;
    border: 1px solid #0d2d84;
    background: #FFF;
    margin: 0px;
    
    width: 90%; 
    height: 160px; 
}

#contacts_coordonnees{
	position: absolute;
    z-index: 5;
    left: 55px;
    bottom: 15%;
	line-height:1.4em;
	padding : 15px;
	margin-bottom: 15px;
    border: 1px solid #0d2d84 ;
    
	font-weight: bold;
}

/*********************************************************** page recrutons  */

#recrutons{
    position: absolute;
    z-index: 20;
    left: 300px;
    top: 160px;    
    padding-left: 50px;
    margin-left: 0px;
    
 	width:expression((body.clientWidth-615)+'px');
 	height:expression((body.clientHeight-160)+'px');

    right:285px;
    bottom: 15px;
    
	line-height:1.2em;	
	text-align:justify;
}

#recrutons H1 a { 
	font-weight: bold;
}

#recrutons H2 { 
	margin-top:1.3em;
}


#recrutons .groupe{
	padding : 15px;
	margin-bottom: 15px;
    border: 1px solid #0d2d84 ;
}

#recrutons H1{
	font-size: 1.1em;
    color: #0d2d84;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 1px;
	margin-left:-23px;
	margin-top: -5px;
	padding-bottom: 5px;
    background: url('../images/icone_fleche_blanche.gif') no-repeat top left ;
}

#recrutons .infos{
	position: relative;
	float: right;
	top: 2px;
    font-size: 9px;
    margin-left: 15px;
	font-weight: normal;
}

#recrutons #repondre{
	float: right;
	font-size: 1.1em;
    color: #0d2d84;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 1px;
	margin-left:-23px;
	margin-top: -15px;
	margin-right: 10px;
	padding-bottom: 20px;
    background: url('../images/icone_fleche_blanche.gif') no-repeat top left ;
}



#recrutons table{
	width:100%;
	max-width: 600px;
}


#recrutons td{
	text-align:left;
	padding-bottom: 2px;
}

#recrutons th{
	text-align:right;
	padding-right: 5px;
	padding-bottom: 2px;
	font-weight: normal;
	width:120px;
}

#recrutons input, #recrutons file{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #2A2A2A;
    border: 1px solid #0d2d84;
    background: #FFF;
    width: 90%; 
}

#recrutons select{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #2A2A2A;
    border: 1px solid #0d2d84;
    background: #FFF;
}

#recrutons textarea{
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #2A2A2A;
    border: 1px solid #0d2d84;
    background: #FFF;
    margin: 0px;
    
    width: 90%; 
    height: 120px; 
}

/*********************************************************** page references  */

#references{
	line-height: 1.6em;
}

/*********************************************************** page savoir-faire  */

#savoir-faire {
    list-style: none;
}

#savoir-faire li{
    list-style: none;
	margin-bottom:20px;
}


/*********************************************************** page localisation  */

#coordonnees{
	position: absolute;
    z-index: 5;
    left: 110px;
    bottom: 20%;
	line-height:1.4em;
}


#coordonnees H1{
	font-size: 1.1em;
    color: #0d2d84;
	font-weight: bold;
	margin-left: -20px;
	padding-left: 20px;
	padding-top: 10px;
    background: url('../images/icone_fleche_blanche.gif') no-repeat bottom left ; 
}


/*******************************************************************************
 *                                               DOCUMENTS ATTACHES
 *****************************************************************************/

#documents{
	position: absolute;
    z-index: 10;
    left: 15px;
    bottom: 320px;
    width: 300px;
    
    text-align: right;
    font-size: 9px;
    list-style: none;
    padding-right: 10px;
    margin: 0px;
}

#documents li{
}

#documents img{
	vertical-align: middle;
	margin-bottom: 0px;
}



/*******************************************************************************
 *                                               ILLUSTRATIONS
 *****************************************************************************/

#citele_illustration{
	position: absolute;
    z-index: 2;
    left: 0px;
    bottom: 0px;
    width:400px;
    margin-left: -10px;
    margin-bottom: 0px;
}

#illustration{
	position: absolute;
    z-index: 1;
    left: 15px;
    bottom: 15px;
    width:300px;
    height:300px;
}

#illustration .image {
	position: absolute;
    z-index: 1;
    left: 0px;
    bottom: 0px;
    margin: 0px;
    width:300px;
    height:300px;
}