/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 140%;
}


.clearFix{
	clear:both;
	float:none;
}

#page {
	width:650px;
	display:block;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
}


/*------------------------------ENTETE----------------------------*/	
#header {
	width: 100%;

}
#logo{
	width:650px;
	height:250px;
	display:block;
}
.logo {
	display:block;
	margin:30px 0 0 0;
	width: 310px;
	height: 220px;
	float: left;
	background: url(elements/logo_all.jpg) no-repeat top left;
}

h1.logo a{
	display:block;
	width:310px;
	height:220px;
}

h1#sans_marge_haut{
	margin:0px 0px 30px 0px;
}
h1.numeros a{
	color: #8b8989;
	text-decoration:none;	
}

#head_mid_left{
	width: 325px;
	height: 175px;
}
#head_large{
	width: 650px;
	height: 100px;
}

p#intro_english{
	color: #000000;
	font-size: 0.9em;
}

p#intro_french{
	color: #8b8989;
	font-size: 0.9em;
}

#menu {
	width: 300px;
	height: 200px;
	margin:30px 0 0 0;
	float: right; 
}
#menu2 {
	width: 300px;
	height: 200px;
	margin:0px 0 0 0;
	float: right; 
}

#navigation {
	width: 250px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
}

#navigation li {
	background: #ffffff ;
	color: #ffffff ;
	border: none ;
	margin-bottom: 1px ;
}

#navigation li a {
	display: block ;
	color: #ffffff ;
	font: 0.5em Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	padding: 15px 0 ;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {	
	text-decoration: none ;
}

li#abonnement {background: #ffffff url(elements/abonnement.jpg) left top no-repeat ; }
li#abonnement a:hover {background: #ffffff url(elements/abonnement.jpg) right top no-repeat ; }
li#contact {background: #ffffff url(elements/contact.jpg) left top no-repeat ; }
li#contact a:hover {background: #ffffff url(elements/contact.jpg) right top no-repeat ; }

hr {
  clear: both;
}



/*------------------------------CORPS----------------------------*/
h1{
	font-weight:900;
}

#content img{
	border: 1px solid #000000;
	margin-top: 20px;
	margin-bottom: 20px;
}

.col_gauche {
  float: left;
  width: 50%;
}
.col_droite {
  margin-left: 50%;
  padding: 1em;
  padding-right:0.5em;
}

.col_gauche_abo {
  margin-left: 115px;
  margin-bottom: 30px;
  float: left;
  width: 80%;
}

a#english{
	color: #000000;
	text-decoration:none;
}
a:hover#english 
  { color: #8b8989; 
  text-decoration: none; 
}

a#french{
	color: #8b8989;
	text-decoration:none;
}
a:hover#french 
  { color: #000000; 
  text-decoration: none; 
}

.italique {font-style: italic;}
.plus_grand{font-size:130%;}
.interligne_petit{line-height: 135%;}

img#noborder_marge_gauche{
	border: 0;
	margin-left: 30px;
}


h1#moins_marge_haut{
	margin-top:10px;
}

img#noborder{
	border: 0;
	margin-top: 0;
	margin-bottom: 0;
}
img#noborder_plus_marge_hautbas{
	border: 0;
	margin-top: 40px;
	margin-bottom: 30px;
}

img#marge{margin-right: 10px; }

.english{
	color: #000000;
	font-size: small;
	margin-top: 0;
}
	
.french{
	color: #8b8989;
	font-size: small;

}
#form{
	margin-top:0;
	width: 600px;
	height: 400px;
	clear:both;
}

#mentions{
  	float: left;
	line-height: 90%;
	text-align : justify;
}



/*-------------------------NAVIGATION PAGES-----------------------*/

#pagination {
	width: 100%;
	height:60px;
	text-align: center; 
}
#pagination img {
	margin: 0 40px 0 40px;
	vertical-align: center;

}

#pagination a img {border:0px solid #FFF;}

#footer {
	clear: both;
}


.clear {
	clear: both;
}