/*-----------------Feuille de style de Charley 2009--------------*/

/*------------------------------RESET CSS-----------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1.3em;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*^^^^^^^^^^^RESET^^^^^^^^^^^^^^*/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background:#17325D url(../images/fond.jpg) repeat-x;
	color: #e1e1e1;
}
	
	
/*STYLES DE BASE */

#centre {
width:620px;
}

#centre p {
margin:5px 0 0 10px;
text-align: justify;
color: #e1e1e1;
}


#centre h1 {
font-family:verdana, arial, sans-serif;
font-size: 19px;
font-weight:normal;
color:#fff;
border-bottom:solid 1px #035ba3;
margin:10px 0;
padding:5px 0;
}

#centre h2 {
font-size: 16px;
font-weight:bold;
color:#e1e1e1;
margin:10px 0;
padding:5px 0;
}

#centre h3 {
font-size: 14px;
font-weight:bold;
color:#FFDD55;
margin:10px 0;
padding:5px 0;
border-bottom:1px solid #FFDD55;
}

#centre h3 em{
font-weight:normal;
padding:0 20px 0 30px;
font-size: 12px;
}

#centre h4 {
font-size: 12px;
font-weight:bold;
color:#fff;
margin:10px 0 5px 0;
}



#centre a {
color: #C0C0C0;
text-decoration: none;
font-weight: bold;
}

#centre a:hover {
color: #fff;
text-decoration: none;
font-weight: bold;
}

br {
color:#fff;
border:1px solid #fff;
}

#centre form {
width:550px;
float:left;
border:solid 1px #5c84b8;
padding:10px;
margin:10px;
}

#centre form p{
text-align:right;
margin: 5px 50px 0 10px;
}

#centre form p strong{
margin: 0 15px 0 0;
}

#centre form input{
width:300px;
}

#centre form select{
width:300px;
}

#centre form textarea{
width:300px;
}

#centre form input#button{
width:300px;
background: #005094;
border:1px solid #0c3c86;
color:#ccc;
}

#centre form input#button:hover{
width:300px;
margin: 0 0 0 10px;
background:#0d5999;
border:1px solid #0c3c86;
color:#e1e1e1;
}

#centre table {
border-collapse:collapse;
margin:10px 0;
}

#centre tr,td {
padding:5px;
border-collapse:collapse;
border:1px solid #ccc;
}

#centre th {
background:#005094;
font-weight:bold;
color:#fff;
border-collapse:collapse;
border:1px solid #ccc;
padding:5px;
}

/*------------------------------------------------------------------------menu gauche html---------------*/
#gauche {
float:left;
width: 231px;
}
#gauche ul{
list-style:none;
text-align:center;
margin:0;
width:231px;
background: url(../images/fond-ul-gauche.jpg) center repeat-y;
padding:5px 0 0 0;
}

#gauche ul li{
list-style:none;
text-align:center;
margin:0;
width: 231px;
background: url(../images/fond-li-gauche.png) center no-repeat;
padding:5px 0 0 0;
}

#gauche ul li a{
color: #93abd2;
text-decoration:none;
}

#gauche ul li a:hover{
color: #fff;
text-decoration:none;
}

/*----------------------------------------------------------------------fmenu droite html---------------
#menu-droite {
float:left;
width: 189px;
}
#menu-droite ul{
list-style:none;
text-align:center;
margin:0;
width:190px;
background: url(../images/fond-ul-gauche.jpg) center repeat-y;
padding:5px 0 0 0;
}

#menu-droite ul li{
list-style:none;
text-align:center;
margin:0;
width: 190px;
height:22px;
background: url(../images/fond-li-gauche.png)center no-repeat;
padding:5px 0 0 0;
}

#menu-droite ul li a{
color: #93abd2;
text-decoration:none;
}

#menu-droite ul li a:hover{
color: #fff;
text-decoration:none;
}*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#totalconteneur{
width:1284px;
margin-right: auto;
margin-left: auto;
/*background-color:#000000;*/
}

/*gauchet et droitet sont des classes destinées à afficher les images autour du header qui le prolonge sur les côtés. */
#gauchet {
width:114px;
height:480px;
background-image: url(../images/bg_g.jpg);
margin-right: auto;
margin-left: auto;
float:left;
}	

#droitet {
width:85px;
height:480px;
background-image: url(../images/bg_d.jpg);
margin-right: auto;
margin-left: auto;
float:left;
}
	
#conteneur {
width: 1085px;
background-color: #00589F;
float:left;
}	

#header-fr {
width:1085px;
height:295px;
background: url(../images/header.jpg) no-repeat;
}

#header-en {
width:1085px;
height:295px;
background: url(../images/header-en.jpg) no-repeat;
}


/*switch langue*/
.bouton-fr a{
width:141px;
height:22px;
background: url(../images/francais.png) no-repeat;
text-decoration:none;
color:#123769;
float:left;
margin: 5px 0 0 0;
padding: 5px 0 0 40px;
}

.bouton-en a{
width:91px;
height:22px;
background: url(../images/anglais.jpg) no-repeat;
text-decoration:none;
color:#123769;
float:left;
margin: 5px 0 0 30px;
padding: 5px 0 0 40px;
}

.bouton-fr a:hover{
background: url(../images/francais.png) no-repeat;
text-decoration:none;
color:#666;
}

.bouton-en a:hover{
background: url(../images/anglais.jpg) no-repeat;
text-decoration:none;
color:#666;
}

/*////////////*/

#centreimage {
background-image: url(../images/bg_conteneur.jpg);
background-repeat: repeat-x;
background-position: top;
}


#centre {
width:591px;
float:left;
padding:20px;
background: url(../images/bg_milieu2.jpg) no-repeat bottom;
}


#droite {
width: 206px;
float:right;
}

#pied {
height: 30px;
background: url(../images/bp.jpg) repeat-x;
padding-top: 40px;
width:1085px;
padding-bottom: 15px;
}


#pied p{
color:#FFFFFF;
text-align:center;
}

#pied p a{
color:#FFFFFF;
text-decoration:none;
}

#pied p a:hover{
color:#ccc;
text-decoration:none;
}


.ko {
clear:both;
}


.nomorateur {
color:#8db0ff;
font-weight:bold;
}