/*----------------------------------------------------------*/
/* - feuille de style site Adelf 2010 Marseille ------------*/
/* - date : 16/06/2009 -------------------------------------*/
/*- auteur : ta --------------------------------------------*/
/*---------------------------------------------- Commun --------------------------------*/
*{
font-size:12px;
margin:0px 0px 0px 0px;
font-family:arial;
}

body{
width:900px;
height:auto;
border: solid 1px #02778f;
margin-left:auto;
margin-right:auto;
margin-top:5px;
background-color:#ede8e2;
}

a{
text-decoration:none;
color:black;
}

a:hover{
font-weight:bold;
}

a:active{
font-weight:bold;
}

.couleur{
background-color: #fafdff;
}

.rouge
{
    background-color:red;
    color:white;

}
.justify{
text-align:justify
}

.center{
text-align:center;
}

.centerbold{
text-align:center;
font-weight:bold;
}

sup
{
    font-size:10px;
    font-style:italic;
}
 .note{
font-size:10px;
font-style:italic;
}
hr#acc
{
    margin-top:38px;
}
div.msg
{
    margin-left:auto;
    margin-right:auto;
    border: solid 1px  #02778f;
    
}
.bouton
{
     border: solid 1px  #02778f;
     margin-top:5px;
     margin-bottom:5px;
}
/*---------------------------------------------- Conteneur Haut / Entête--------------------------------*/
div#ctn_haut{
width:900px;
height:140px;
background-image:url(image/banniere.jpg);
background-position:top;
background-repeat:no-repeat;
border-bottom:solid 1px #02778f;
}

/*---------------------------------------------- Centre de la page--------------------------------*/
div#ctn_centre{
width:900px;
height:auto;
margin-top:0px;
background-color:#fafdff;
}

/*------------Menu----------------------------*/
div#ctn_centre div#menu{
width:200px;
height:650px;
float:left;
margin-top:0px;
margin-left:0px;
background-image:url(image/bandeau_gauche.jpg);
background-position:top;
background-repeat:no-repeat;
}

div#ctn_centre div#menu dl{
margin-left:1px;
}

div#ctn_centre div#menu dl dt{
margin:0px 0px 0px 0px;
}

div#ctn_centre div#menu dl dd{
width:150px;
border: dotted 1px #02778f;
margin:2px 0px 0px 10px;
}
div#ctn_centre div#menu ul
{
	margin:285px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
div#ctn_centre div#menu  ul li
{
	margin:-3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#ctn_centre div#menu  ul li a 
{
border:none;
}
div#ctn_centre div#menu  ul li img
{
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.res 
{
	text-align:center;
}
div#soumission
{
	border: solid 1px #02778f;
	background-color:#ede8e2;

}
/*------------Contenu--------------------------*/
div#ctn_centre div#contenu{
width:690px;
height:auto;
margin-left:200px;
padding: 5px 5px 5px 5px;
font-size:11px;
overflow:hidden;
background-color: #fafdff;
min-height:650px;
}

div#ctn_centre div#contenu p{  
width:690px;
height:auto;
margin-bottom:5px;
}

div#ctn_centre div#contenu img.silhouette{  
border:dotted 1px #02778f;
}

div#ctn_centre div#contenu img#acc{  
margin-left:180px;
margin-top:20px;
margin-bottom:20px;
}

div#ctn_centre div#contenu li{  
margin-bottom:3px;
}

div#ctn_centre div#contenu h1{  
width:690px;
text-align:center;
text-decoration:underline;
margin-bottom:10px;
}

div#ctn_centre div#contenu table{  
border:dotted 1px #02778f;
background-color:white;
border-collapse:collapse;
border-spacing:1px;
width:500px;
margin-left:100px;
}

div#ctn_centre div#contenu table tr{  
border:dotted 1px #02778f;
font-size:11px;
}

div#ctn_centre div#contenu table td{  
border:dotted 1px #02778f;
}
div#ctn_centre div#contenu table th{  
border:dotted 1px #02778f;
background-color:#02778f;
color:white;
}
div#ctn_centre div#contenu div#accueil
{
   border:dotted 1px #02778f; 
   width:350px;
   margin-left:170px;
   padding:10px;
}
div#ctn_centre div#contenu div#accueil p
{
 
   width:350px;
}
iframe
{
   width:600px;
   height:420px;
   border:dotted 1px #02778f; 
   margin-left:40px;
}
/*--------------------------------------------*/
div#ctn_centre div#contenu  div#org
{
	float:left;
	border:solid 1px #02778f;
	width:340px;
	margin-right:10px;	
	height:568px;
	margin-top:-4px;
	margin-left:0px;
}
div#ctn_centre div#contenu  div#org h2,div#ctn_centre div#contenu div#science h2
{
	width:320px;
	text-align:center;
}
div#ctn_centre div#contenu  div#org .pdt,div#ctn_centre div#contenu div#science .pdt
{
	width:320px;
	text-align:center;
	font-weight:bold;
}
div#ctn_centre div#contenu div#science
{
	border:solid 1px #02778f;
	width:340px;
	height:568px;
    margin-left:348px;	
    float:none;
	margin-top:-4px;
	}

/*----------------------------wizard ------------*/
div#ctn_centre div#contenu div#wizard
{    
width:685px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:none;
}

div#ctn_centre div#contenu div#wizard table
{
border:none;
margin:0px 0px 0px 10px;
border:none;
background-color:white;
}
div#ctn_centre div#contenu div#wizard table td
{
margin:0px 0px 0px 0px;
border:none;
text-align:left;
}

div#ctn_centre div#contenu div#wizard .WZD table
{
width:125px;
margin:0px 0px 0px 0px;
border:none;
}

div#ctn_centre div#contenu div#wizard  .cadre
{
vertical-align:top;
width:70px;
border:none;
background-color:#02778f;
}
div#ctn_centre div#contenu div#wizard  .step p
{
width:600px;
}
div#ctn_centre div#contenu div#wizard  .step p
{
width:600px;
text-align:center;
margin-top:20px;
}
div#wizard span.lbl
{
    display:inline-block;
    width:100px;
    height:17px;
    padding-left:2px;
    color:#02778f;
    }
div#wizard span.lbl2
    {
    display:inline-block;
    width:200px;
    height:17px;
    padding-left:2px;   
    color:#02778f;
    }
div#wizard span.lbl3
    {
    display:inline-block;
    width:200px;
    height:17px;
    padding-left:2px;
      color:#02778f;
    }



/*--------------------------inscr -------------------*/
div#ctn_centre div#contenu div.inscription
{
width:680px;
margin-top:-3px;
margin-left:0px;
padding-left:15px;
border-left:solid 1px  #02778f;
border-bottom:solid 1px  #02778f;
}
div#ctn_centre div#contenu div.inscription span.lbl
{
    color:  #02778f;
    display:inline-block;
    width:100px;
    height:17px;
    padding-left:2px;
    }

div#ctn_centre div#contenu  div.inscription p.titre{
margin-left:-15px;
margin-right:0px;
margin-bottom:5px;
text-decoration:none;
background-color:  #02778f;
color:White;
font-weight:bold;
height:20px;
width:250px;
padding-left:2px;
}

div#ctn_centre div#contenu  div.inscription input
{
    border:dotted 1px  #02778f;
    height:13px;
}

div#ctn_centre div#contenu  div.inscription  .btn_valider
{
    width:120px;
    height:20px;
    margin-left:300px;
}

/*-----------contact-----------------------------*/
div#ctn_centre div#contenu div#contact {
width:600px;
margin-top:0px;
margin-bottom:20px;
}

div#ctn_centre div#contenu div#contact div.adr{
border: dotted 1px  #02778f;
width:275px;
height:105px;
margin-top:15px;
margin-bottom:15px;
margin-left:10px;
padding-left:10px;
float:left;
}

div#ctn_centre div#contenu div#contact .lbl_mail
{
    margin-left:10px;
}

div#ctn_centre div#contenu div#contact .texte_contact
{
      margin-left:10px;
      width:400px;
      border: dotted 1px  #02778f;
}

div#ctn_centre div#contenu div#contact .texte_message
{
      margin-left:10px;
      width:650px;
      height:300px;
      border: dotted 1px  #02778f;
}

/*---------------------------------------------- Conteneur Bas / Pied de page--------------------------------*/
div#ctn_bas{
clear:both;
height:1px;
width:900px;
background-color: #fafdff;
}