/* On donne les caractéristiques de HTML*/
html {
margin:0px;
background-color:#37241b;
}

/* On donne les caractéristiques du body*/
/* ref couleur bg moche : #275977 */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color:#37241b;
padding:0px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
} 


p {
color:#000000;
font-size:10px;
margin:10px 20px 0 20px;
}

.nostyle {
border: none;
text-decoration: none;
}

img {
border:none;
margin:none;
}

a {
text-decoration:none;
}

a:hover{
text-decoration:underline;
}


/**************************
	 BOITES PRINCIPALES 
***************************/
#conteneur {
width:960px;
margin:0 auto;
background-color:#37241b;
color:#000000;
}

#header {
width:960px;
height:185px;
background-image:url(../IMG/header.jpg);
background-repeat:no-repeat;
background-color:none;
}

#header_menu {
width:960px;
height:39px;
background-image:url(../IMG/menu_header.jpg);
background-repeat:no-repeat;
background-color:none;
margin-top:15px;
}

#menu_principal{
width:700px;
height:19px;
margin-left:30px;
margin-top:12px;
float:left;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

#menu_principal a{
margin:0;
padding:0;
font-size:15px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:300;
color:#d99245;
text-decoration:none;
width:auto;
margin-right:10px;
margin-left:5px;
}

#menu_principal a:hover{
color:#ff7200;
text-decoration:underline;
}

#menu_principal li {
text-decoration:none;
display:inline;
list-style-type:none;
}

#menu_principal ul {
text-decoration:none;
margin:0;
padding:0;
list-style-type:none;
}


#footer {
width:960px;
height:48px;
background-image:url(../IMG/footer.jpg);
background-repeat:no-repeat;
background-color:#37241b;
color:#000000;
clear:both;
margin-bottom:30px;
}

#footer_menu {
width:340px;
margin:auto;
padding-top:20px;
}
#footer_menu p,a{
margin:0;
color:#d99245;
}

/**************************
	 		EVENEMENT
***************************/
#login {
width:250px;
height:160px;
margin-top:0px;
margin-right:25px;
float:right;
}

#login h1{
margin:0;
padding:0;
font-size:19px;
color:#501f11;
font-family:Arial, Helvetica, sans-serif;
}

#login p{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}


/**************************
		 CONTENU 
***************************/
#contenu {
width:960px;
height:620px;
padding:15px 0px 15px 0px;
background-color:#ecc193;
margin-top:10px;
float:left;
}

#contenu h1{
font-size:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
margin-bottom:15px;
font-weight:100;
color:#eca017;
}

#contenu h2{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#164998;
margin-bottom:8px;
font-weight:100;
margin-left:50px;
}

/**************************
		 HOMEPAGE 
***************************/
#droite_bloc {
width:530px;
height:655px;
float:left;
}

#accueil_image {
width:526px;
height:252px;
float:left;
}

#accueil_texte {
width:486px;
height:300px;
float:left;
margin-left:20px;
margin-top:20px;
padding:15px 10px 15px 10px;
font-family:Arial, Helvetica, sans-serif;
background-color:#791313;
color:#FFFFFF;
font-size:11px;
}
#accueil_texte p{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
text-align:justify;
margin-left:10px;
}
#accueil_texte_img{
width:160px;
height:230px;
float:left;
}
#accueil_texte_bio{
width:160px;
height:70px;
float:left; 
clear:both;
margin-top:8px;
color:#000000;
}

#gauche_bloc {
width:425px;
height:583px;
float:right;
}

#actualite {
width:425px;
height:450px;
background-color:#d2a472;
font-family:Arial, Helvetica, sans-serif;
float:right;
}

#actualite h1{
color:#952b17;
font-size:18px;
margin-left:10px;
margin-top:10px;
height:15px;
}

#actualite h2{
color:#501f11;
font-size:15px;
margin-left:25px;
margin-top:5px;
}

#actualite p{
color:#791313;
font-size:12px;
padding:5px;
}

.bloc_actualite {
width:393px;
height:118px;
background-image:url(../IMG/actu_background.jpg);
background-repeat:no-repeat;
margin-right:20px;
margin-bottom:10px;
float:right;
}


#newsletter {
width:368px;
height:106px;
margin-top:20px;
float:right;
background-image:url(../IMG/newsletter.jpg);
background-repeat:no-repeat;
background-position:top;
}
#newsletter h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
margin:0;
padding:0;
margin-top:50px;
font-weight:300;
margin-left:40px;
}
#newsletter p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
margin:0;
padding:0;
margin-top:5px;
margin-left:40px;
}

/**************************
	 		PAGE
***************************/
#page {
width:960px;
min-height:845px;
padding:15px 0px 15px 0px;
background-color:#ecc193;
margin-top:10px;
background-image:url(../IMG/ombre_bas.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#contenu_page {
width:920px;
height:845px;
background-color:#fbe4cd;
float:left;
clear:right;
}
#contenu_page h1{
margin:0;
padding:0;
color:#480d0d;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
margin-top:10px;
}
#contenu_page h2{
margin:0;
padding:0;
color:#a10808;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
margin-top:10px;
margin-left:20px;
}
#contenu_page h3{
margin:0;
padding:0;
color:#480d0d;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
margin-top:10px;
}

#bloc_page_gauche{
width:20px;
min-height:100%;
background-color:#ecc193;
background-image:url(../IMG/ombre_gauche.jpg);
background-position:right;
background-repeat:repeat-y;
float:left;
}

#bloc_page_droite{
width:20px;
min-height:100%;
background-color:#ecc193;
background-image:url(../IMG/ombre_droite.jpg);
background-position:right;
background-repeat:repeat-y;
float:right;
clear:right;
}



/**************************
	 		EVENEMENT
***************************/
.evenement_bloc {
width:320px;
min-height:50px;
margin-top:10px;
font-weight:200;
}

.evenement_bloc a{
margin:0;
padding:0;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

#menu_page {
width:120px;
height:845px;
background-color:#f7d8b8;
float:left;
overflow:auto;
}

#menu_page2 {
width:120px;
height:845px;
background-color:#f7d8b8;
float:left;
overflow:auto;
background-image:url(../IMG/motif_page2.jpg);
background-position:top;
background-repeat:no-repeat;
}

#sousmenu_page {
width:770px;
height:845px;
background-image:url(../IMG/motif_page.jpg);
background-position:left;
background-repeat:no-repeat;
background-color:#fbe4cd;
float:left;
clear:right;
padding-left:30px;
color:#00000;
overflow:auto;
}

#sousmenu_page p{
font-size:12px;
}

#sousmenu_page_gauche {
border-right:1px solid #bcab9a; 
width:330px;
height:780px;
overflow:auto;
float:left;
font-weight:300;
font-size:12px;
}

#sousmenu_page_gauche p{
font-size:12px;
}

#sousmenu_page_droite {
width:410px;
height:780px;
overflow:auto;
float:right;
color:#000000;
padding-right:10px;
overflow:auto;
}

#sousmenu_page_droite h1 {
margin:0;
padding:0;
color:#a10808;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
margin-top:10px;
margin-bottom:15px;
}

#sousmenu_page_droite h4 {
margin:0;
padding:0;
color:#a10808;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
margin-top:10px;
margin-bottom:15px;
}

#sousmenu_page_droite p {
margin:0;
padding:0;
font-size:12px;
font-weight:100;
color:#000000;
text-align:justify;
margin-top:5px;
}

.commentaire_bloc {
width:340px;
min-height:30px;
background-color:#f8d8b9;
padding:5px;
margin-top:5px;
font-size:11px;
}

.commentaire_bloc h5{
color:#501f11;
margin:0;
padding:0;
font-size:12px;
}

/**************************
	 	MENUS
***************************/
#bloc_menu {
width:750px;
min-height:100px;
background-color:#501f11;
padding-bottom:20px;
margin-top:20px;
color:#FFFFFF;
font-weight:100;
font-size:11px;
}
#bloc_menu h2 {
color:#FFFFFF;
font-size:18px;
margin-top:0;
}

#bloc_menu P {
color:#FFFFFF;
font-weight:100;
font-size:11px;
margin:0;
}

/**************************
	 	Livre d'or
***************************/
#bloc_livre {
width:500px;
height:280px;
background-color:#791313;
padding:10px;
margin-top:20px;
color:#FFFFFF;
font-weight:100;
font-size:11px;
margin:auto;
margin-bottom:20px;
}

#bloc_livre p{
color:#FFFFFF;
font-weight:100;
font-size:11px;
}

.livre_bloc {
width:665px;
min-height:50px;
background-color:#f8d8b9;
padding:5px;
margin:auto;
margin-top:5px;
font-size:11px;
}

.livre_bloc h5{
color:#501f11;
margin:0;
padding:0;
font-size:12px;
margin-bottom:7px;
}

/**************************
	 		CONTACT
***************************/

#contact {
margin:0;
color:#eca017;
font-size:10px;
}

/**************************
	 		FORMS
***************************/

#form_candidat {
width:500px;
color:#333333;
font-size:13px;
float:left;
margin-left:10px;
}
#form_candidat li{
list-style-type:none;
margin-top:10px;
}
#form_candidat textarea{
width:350px;
height:130px;
}

.erreur {
color:#990000;
font-size:11px;
}


.row_first {
color:white;
height:30px;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:300;
text-align:left;
background-color: #806d7a;
}

.row_even {
background-color:#d9d3d7;
height:20px;
padding:3px;
}

.row_odd {
padding:3px;
height:20px;
}

#contenu_page_texte td, th{
padding:5px 15px 5px 10px;
}
/**************************
	 DIV TELECHARGEMENT
***************************/
#contenu_page_download{
min-height:20px;
width:370px;
float:left;
color:#707173;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin-top:30px;
border-top:1px solid black;
padding-bottom:20px;
padding-top:5px;
}
/**************************
	 	MENU JAVA
***************************/

#evenement_soust {
padding:10px 15px 10px 10px; 
min-height:20px; 
display:none; 
position:absolute; 
top:228px; 
margin-left:90px; 
background-color:#572113;
}
*+html #evenement_soust{
margin-left:-125px;
}
*html #evenement_soust{
margin-left:-125px;
}
#evenement_soust a:hover{ 
color:white;
text-decoration:none;
}
#evenement_soust li{
text-decoration:none;
display:block;
list-style-type:none;
}
#evenement_soust a{
margin:0;
padding:0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:300;
color:#d99245;
text-decoration:none;
}
#evenement_soust a:hover{
text-decoration:underline;
color:#ff7200;
}

#menu_soust {
padding:10px 15px 10px 10px; 
min-height:20px; 
display:none; 
position:absolute; 
top:228px; 
margin-left:190px; 
background-color:#572113;
}
*+html #menu_soust{
margin-left:-200px;
}
*html #menu_soust{
margin-left:-125px;
}
#menu_soust a:hover{ 
color:white;
text-decoration:none;
}
#menu_soust li{
text-decoration:none;
display:block;
list-style-type:none;
}
#menu_soust a{
margin:0;
padding:0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:300;
color:#d99245;
text-decoration:none;
}
#menu_soust a:hover{
text-decoration:underline;
color:#ff7200;
}


#nouveaute_soust {
padding:10px 15px 10px 10px; 
min-height:20px; 
display:none; 
position:absolute; 
top:228px; 
margin-left:260px; 
background-color:#572113;
}
*+html #nouveaute_soust{
margin-left:-200px;
}
*html #nouveaute_soust{
margin-left:-125px;
}
#nouveaute_soust a:hover{ 
color:white;
text-decoration:none;
}
#nouveaute_soust li{
text-decoration:none;
display:block;
list-style-type:none;
}
#nouveaute_soust a{
margin:0;
padding:0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:300;
color:#d99245;
text-decoration:none;
}
#nouveaute_soust a:hover{
text-decoration:underline;
color:#ff7200;
}