/* ////////////////////////////////////////////////////////////////// */
/* 				                STRUCTURE                             */
/* ////////////////////////////////////////////////////////////////// */
h1 {	position: absolute;
		top: -500px; }

h3     {font-family: Arial, Helvetica, sans-serif ; 
		font-size: 13px; 
		font-weight: bold; 
		text-transform: uppercase;}
		
#page {	width: 892px; 
		position:absolute;
		left:50%;
		margin: 13px 0 0 -446px; }

#header {
		width: 892px; 
		height: auto;
		font-size: 12px;
		color: #FFF; }

#corps {
		color: #3b3d48 ; 
		width: 890px ; 
		_width: 877px ; 
		margin: 0 1px; 
		_padding: 0 0 0 13px; 
		background-color: #FFF ;   }

#col-gauche {
		float: left; 
		width: 218px; 
		height: auto;   
		margin: 10px 0 0 13px ;
		_margin: 10px 0 0 ;
		padding: 18px 0 0 7px ; 
		background-color: #f7f7f7; }
		
#contenu {
		font-size: 11px; 
		float: left; 
		width: 620px ; 
		margin: 10px 0 0 ;
		padding: 10px 0 0 19px ; }

#footer {
		clear: both;
		width: 100%;  
		margin-top: 1px;
		text-align: center;	
		height: 20px; 
		padding: 7px 0 0; 
		font-size: 12px;
		color: #858688;
}

/* ////////////////////////////////////////////////////////////////// */
/* 				                HEADER                                */
/* ////////////////////////////////////////////////////////////////// */
#nav-princ {
		width: 892px; 
		height: auto; }

img.contact {	
		position: absolute; 
		top: 197px; 
		left: 117px; }

#item2 img.contact {
		left: 324px; }

#item3 img.contact {
		left: 521px;
}

#nav-princ ul li {
		float:left ; 
		display:inline;
		width: 196px ;
		height:202px ; 
		border: 1px solid #3b3d48 ;
		border-left: none ; }

#nav-princ li#item1 {
		border-left: 1px solid #3b3d48; 
		background: url(../images/twist-air-pageInt.jpg) left top no-repeat; }

#nav-princ li#item2 {
		background: url(../images/twist-terre-pageInt.jpg) left top no-repeat; }

#nav-princ li#item3 {
		background: url(../images/twist-mer-pageInt.jpg) left top no-repeat ; 
		border-right: none; }

#nav-princ li#item4 {
		background: url(../images/twist-logo-pageInt.jpg) left top no-repeat ;
		width: 299px ;
		height:255px; 
		margin-top: -53px; 
		border-left: 1px solid #3b3d48;
/* -- pour IE6 car le logo d'arrière plan est tronqué : IE6 semble ne pas prendre la marge négative -- */
		_clear: both ;  
		_position: absolute ; 
		_top: 31px; 
		_left: 591px; 
		_z-index:1;
/* -- fin du code pour IE6 -- */
} 

#nav-princ li#item1 ul, #nav-princ li#item2 ul, #nav-princ li#item3 ul {
		float:none ;
		/* on remonte de 10px les puces du menu */		
		margin: 80px 0 0 15px ; }

#nav-princ li#item1 ul li, #nav-princ li#item2 ul li, #nav-princ li#item3 ul li {
		float:none ;		
		height: 21px; 
		width: auto;
		border: none; 
		padding: 0 0 1px 9px;
		margin: 0 ;
		display: block; 
		line-height: 1em;
		background: url(../images/puce.gif) 0% 10% no-repeat ;  }
		
#nav-princ li#item2 ul li#telecom {
		line-height: 1.1em;  }

#nav-princ li#item4 img#en, #nav-princ li#item4 img#fr {
		position: absolute; 
		top: -12px; 
		left: 860px;
/* -- pour IE6, on a dû positionné #nav-princ li#item4 en absolu. 
Donc pour IE6 le référent est #item4 ... (voir plus haut)  -- */
		_top : 10px; 
		_left : 270px;  } 

#nav-princ li#item4 img#en {
		top: 10px; 
		_top: 30px;  }
		
#nav-princ li#item4 img#bouton {
		margin: 184px 0 0 8px ; }

#nav-princ li#item4 img#bouton-partners {		/* version anglaise */
		margin: 195px 0	0 21px ; }

#nav-princ li#item4 span#plusEntrep {
		margin: 0px 0 0 10px;  }

/* ////////////////////////////////////////////////////////////////// */
/* 				                CORPS                                 */
/* ////////////////////////////////////////////////////////////////// */
#col-gauche h2 {
		font-size: 13px; }

#col-gauche, #col-gauche a {
		color: #3b3d48 ; 
		font-size: 11px ; }

#col-gauche ul {
		margin: 15px 0 0; }

#col-gauche ul li {
		background: url(../images/puce-pageInt.gif) left 4px no-repeat;
		margin: 6px 0 0; 
		padding: 0 0 0 12px;  }

#col-gauche ul ul {
		margin: 0; 	}

#col-gauche ul ul li {
		background: url(../images/puceCreuse-pageInt.gif) left 4px no-repeat;
		margin: 6px 0 0; 
		padding: 0 0 0 12px;  }
		
#col-gauche a:hover {
		text-decoration: underline; }		

#col-gauche #telechargement {
		height: 150px ; 
		width: 212px ;
		margin: 35px 0 0 -4px; 
		padding: 12px 0 0;
		background: url(../images/fond-telecharg-gris.gif) left top no-repeat;  }

#col-gauche #telechargement img#titre {
		margin: 0 0 0 25px; }

#col-gauche form {
		margin: 12px 0 0 11px; 
		width: 190px;  }

#col-gauche form #deja-inscrit {
		margin: 0 0 2px 0; 
		_margin: 0 0 4px 0; /* IE6 */ }	

#col-gauche form p {
		margin: 0; 
		padding: 0; }

#col-gauche form p input#identifiant {
		width: 10.9em ; 
		float: left; 
		border: 0 ; 
		margin: 0 3px 0 0 ; 
		padding: 0 }

#col-gauche form p input#valider {
		float: left; 
		margin: -6px 0 0;  
		_margin: -4px 0 0;  /* IE6 */
		padding: 0}

/* --------- IE 7 ----------- */
		*+html #col-gauche form #deja-inscrit {
				margin: 0 0 5px 0 ; }
		
		*+html #col-gauche form p {
				margin: 1px 0 ; }
		
		*+html #col-gauche form p input#identifiant {
				margin: 0 3px 0 0; }
		
		*+html #col-gauche form p input#valider {
				margin: -4px 0 0; }
/* ---- fin IE7 ---- */

img#pas-inscrit {
		margin: 12px 0 0 11px;   }

img#inscription {
		margin: 2px 0 0 30px; }


#col-gauche #contactez-nous {
		height: 76px ; 
		margin: 5px 0 0 -4px; 
		background: url(../images/fond-contactez.gif) left top no-repeat; }	

#col-gauche #contactez-nous img {
		margin: 27px 0 0 40px;  }

/* ////////////////////////////////////////////////////////////////// */
/* 				               CONTENU                                */
/* ////////////////////////////////////////////////////////////////// */
#contenu h3 {
		margin: -1px 0 0; 
		padding: 0; }

#contenu p {
		margin: 6px 0 ; }

#contenu p#intro {
		margin: 6px 0 4px ;
		line-height: 1em;
		padding: 0 ; }
		
#contenu #liste-telechargeable {
		position: relative ; 
		top : 0px ; 
/*		_top: -10px;  */
		left:  410px; 
		width: 200px ; 
/*		margin: -5px 0 0; 
		float: right; */ }

#contenu #liste-telechargeable a #cache {	
		display: none; }

#contenu #liste-telechargeable a:hover {
		background: none; }

#contenu #liste-telechargeable a:hover #cache {
		display: block ; 
		position: absolute; 
		top : 30px ;
		left: -90px ;
		background-color: #f7f7f7; 
		width: 275px ;
		height: auto ;
		padding: 10px ; 
		color: #3b3d48; 
		border: 1px solid #666; 
		text-decoration: none; }

#contenu #liste-telechargeable img {
		margin-top: 0px; }

/* ---- ajouter pour placer les images d'illustr à droite sous la lsite de téléchargement ---- */
div#contenu img {
		margin-top: 10px; }

div#contenu2 {
		float: left; 
		padding-right: 10px; 
		width: 420px; 
}

div#contenu_cand {
		float: left; 
		padding-right: 10px; 
		width: 590px;
		background: url("../images/Curve1_2.jpg") no-repeat scroll right top transparent;
}

div#contenu_cand li {
		padding-left: 15px;
		background:url("../images/puce-verte.gif") no-repeat scroll left 5px transparent;
}
		
div#contenu2 li {
		padding-left: 15px;
		background:url("../images/puce-verte.gif") no-repeat scroll left 5px transparent;
}

div#contenu2 img {
		margin-top: 10px; }

div#contenu3 {
		float: left; 
		position: relative;
		width: 175px;
}

div#images {
		float: left ; 
		margin: 0 ; 
		padding: 3px; 
		text-align: center; }

div#images img {
		margin: 2px 0 0 ; 
}
/* --- fin de l'ajout ---- */

#contenu ul {
		clear: both ;
		padding-left: 15px;
		margin: 0; }
		
#contenu h4 {
		clear: both ;
		margin: 0;
		color: #5C9601;
}
		
#contenu ul li {
		margin: 0px;  }
		
#contenu ul ul {
		margin: 3px 0 0 2px; }

#contenu ul ul li {
		margin: 0 0 10px 0; 
		padding: 0 0 0 10px; }	

#contenu ul ul ul {
		margin: 5px 0 0 22px;   }

#contenu ul ul ul li {
		margin: 3px 0 5px ;   }	

#contenu ul ul ul ul li{
		margin: -4px 0 ; }	
		
#contenu a {text-decoration: none ; }
		
#contenu a:hover {
		text-decoration: underline; }
		
#contenu img#pdf {
		margin-top: 0; 
		vertical-align: middle}

.titre {font-family: Arial, Helvetica, sans-serif ; 
		font-size: 12px; 
		padding: 0 0 0 12px;
		font-weight: bold; }

.ss-titre {font-family: Arial, Helvetica, sans-serif ; 
		font-size: 11px; 
		padding: 0 0 0 12px;
		font-weight: normal; }


#contenu div#images img.bas-droit {
		float: right;
		margin: 0 10px 0 0; }

.bas-gauche {
		float: left ; 
/*		margin: 5% 0 0; */
} 
 
#contenu3 ul {
		Clear:none;
}

div#contenu3 li {
		padding-left: 10px;
		background:url("../images/puce-verte.gif") no-repeat scroll left 5px transparent;
}