/* CSS Document */

body
{
	margin: 0 ; /* marges hautes et basses a 0 et droites et gauches a 0 */
	padding: 0 ; /* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
	text-align: center ; /* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */
	font: 1em "Gill Sans", helvetica, sans-serif ; /* police générale */
	 

}


img
{
	border-width: 0 ;
}


a
{
	text-decoration: none ;
}


a:hover
{

}


div#container
{
	background-color:rgba(1, 169, 219, 0.8) ;
	color: #555555 ;
	width: 980px ; /* On définit la largeur de la division qui contient l'ensemble de la page à 960 pixels */
	margin: 0 auto ; /* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
	padding: 0px 0px 0px 0px ;
	text-align: left ; /* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
	border-radius: 20px 20px 20px 20px;
}


div#header
{
	padding: 1px 0 0 0;
	margin: 0 auto ;
	width: 980px ;
	height: 160px ; /* On définit la hauteur de la partie header*/
	background-color : rgba(1, 169, 219, 0.8);
	border-radius: 20px 20px 20px 20px;
	

}
div#header h2
{
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-style: italic;
	font-size: 1.6em ;
	letter-spacing: 0.1em ;
	color: #000000;
	text-align: left ;
	font-weight:bold;
	padding: 0 0 0 20px;



}

a#logo
{
	position:absolute;
	top: 20px;
	left: 20px;
}

a#tas
{
	position:absolute;
	top: 0px;
	left: 500px;
}




a#flag
{
	margin: 20px 15px 0 0;
	float: right;
}

a#flag1
{
	margin: 20px 60px 0 0;
	float: right;
	}

div#topmenu ul
{
	
	height: 36px; 
	width:980px;
	right: 0px;
	padding: 0;
	background-color : #0000FF;
	border-radius: 20px 20px 0px 0px;
	
}

div#topmenu ul li
{
	float: left ; /*on rend les li flottant pour pouvoir les afficher horizontalement*/
	display: inline;
	text-align: center ;
	
}


div#topmenu ul li a
{
	width: 196px ; /*largeur des boutons*/
	font-family: Comic Sans, Comic Sans MS, cursive;

	font-size: 1.2em ;
	letter-spacing: 0.1em ;
	color: #FFFFFF ;
	display: block ; /*Nous pouvons dimensionner les a grâce à la propriété display: block */
	text-decoration: none ;
	border-radius: 20px 20px 0px 0px;
	padding-top: 5px ;
	
}




div#topmenu ul li a:hover
{
	background-color:#01A9DB ;
	color: #FFFFFF ;
	height: 31px;
	top: 146px;
}





div#content
{
	margin-left: 700px;
	width : 260px;
	text-align: justify ; 
	background-color : transparent; 
	border-radius: 20px 20px 20px 20px;


}
 

div#content h2
{
	padding: 10px 0 10px 0 ;
	margin: 0 ;
	font-weight: normal ;
	text-align: center ;
	font-weight: bold ;
	font-size: 1.6em ;
	letter-spacing: 0.15em ;
	color: #000000 ; 
}


div#content p
{
	text-align: justify ;
	line-height: 1.2em ;
	font-size: 1.0em ;
	color: #000000 ;
	
	
}




div#content1
{
	float: left;
	margin-left: 20px;
	width : 660px;
	text-align: justify ; background-color : #FFFFFF; border-width:1px; border-style:solid; border-color:#01A9DB;
	border-radius: 20px 20px 20px 20px;

}

div#content1 h2
{
	padding: 10px 0 10px 0 ;
	margin: 0 ;
	font-weight: normal ;
	text-align: center ;
	font-weight: bold ;
	font-size: 1.6em ;
	letter-spacing: 0.15em ;
	color: #0000FF ; 
}

div#content1 p
{
	
	line-height: 1.2em ;
	font-size: 1.0em ;
	color: #000000 ;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	
	
}

div#content1 ul li
{
	
	line-height: 1.2em ;
	font-size: 1.0em ;
	color: #000000 ;
	margin:0px 60px 0px 60px;
	padding:0px 10px 0px 10px;
	
	
}

div#content1 ul li ul li
{
	
	line-height: 1.2em ;
	font-size: 1.0em ;
	color: #000000 ;
	margin:0px 10px 0px 10px;
	padding:0px 10px 0px 10px;
	
	
}

div#content1 table

{

    border-collapse: collapse;
	margin: 0 auto ;
	

}

div#content1 td, th /* Mettre une bordure sur les td ET les th */

{
	text-align: center;
    color: #000000 ;border-width:1px; border-style:solid; border-color:#01A9DB; 

}


div#footer_menu
{
	width:980px;
	height: 50px ;
	color: #FFFFFF ; 
	background-color: #0000FF;
	border-radius: 0px 0px 20px 20px;

}




div#footer_menu ul
{

	padding-top: 15px ;

}