/***********************************************************************/
/*ENSEMBLE DE LA PAGE*/
/***********************************************************************/
body {width:895px; margin:auto; background-color:#00A8D7; background-image:url("../img/Background.jpg"); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000;}
a img, form, input, textarea, select, label, ul, li, p, span, table, tr, td, th, dl, dt, dd {margin:0; padding:0;}
a img {border:none;}
ul {list-style-type:none; list-style-position:outside;}

h1 {padding:6px 0 0 40px; width:269px; height:26px; background-image:url("../img/Titre.jpg"); background-repeat:no-repeat; font-size:10pt; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
h2 {display:inline; margin:0; padding:0; width:200px; font-size:8pt; font-weight:normal; font-style:italic; color:#CCCCCC;}

table {margin:auto; width:600px; border:solid 1px #4173B1;}
th {margin:1px; padding:5px; border:solid 1px #4173B1; text-align:center; font-weight:bold;}
td {margin:1px; padding:5px; border:solid 1px #4173B1;}

/***********************************************************************/
/*BLOCS PRINCIPAUX*/
/***********************************************************************/
#global {position:relative;}
#entete {position:relative; width:895px; height:59px; background-image:url("../img/Haut.png"); background-repeat:no-repeat;}

#drapeaux {overflow:hidden; position:absolute; top:30px; left:30px;}
#drapeaux p {float:left; margin:0 2px;}

#form_connexion {overflow:hidden; position:absolute; top:30px; right:35px; color:#FFFFFF;}
#form_connexion p {float:left; margin:0 2px;}

#contenu {overflow:hidden; width:895px; background-image:url("../img/Centre.png"); background-repeat:repeat-y;}
#banniere {position:relative; width:895px; height:232px; background-image:url("../img/Banniere.jpg"); background-repeat:no-repeat; background-position:center;}

#menu {position:absolute; top:15px; right:40px; width:212px; height:199px; background-image:url("../img/Menu.png"); background-repeat:no-repeat;}
#menu ul {position:absolute; top:8px; right:35px;}
#menu li {padding:5px 0; width:150px; background-image:url("../img/Pointillets.png"); background-repeat:repeat-x; background-position:bottom;}
#menu li:hover {list-style-image:url("../img/Puce.png");}

#chemin {position:relative; margin:10px 0 0 19px; height:30px; background-image:url("../img/Puce.png"); background-repeat:no-repeat;}
#chemin p {position:absolute; top:-2px; left:15px;}

#pied {position:relative; width:895px; height:116px; background-image:url("../img/Bas.png"); background-repeat:no-repeat;}
#copyright {position:absolute; bottom:30px; left:35px; font-size:8pt; color:#FFFFFF;}

#navigateurs {overflow:hidden; position:absolute; bottom:25px; right:35px;}
#navigateurs p {float:left;}

#gauche {float:left; margin:20px 10px 10px 30px; width:150px;}
#gauche dt {font-weight:bold}

#droite {float:left; margin:20px 0 10px 0; width:670px;}
#aide {left:130px; width:600px;margin:0 0 30px 0; padding:10px; text-align:center; border:solid 1px #000000;}

/***********************************************************************/
/*LIENS ET TEXTES*/
/***********************************************************************/
.soustitre {display:block; font-weight:bold;}
.legende {display:block; margin:10px 0 0 0; font-size:8pt; font-style:italic; color:#000000;}
.legende_galerie {display:block; font-size:8pt; font-style:italic; color:#000000;}
.gras {font-weight:bold;}
.italique {font-style:italic;}

.lien_menu {display:block; width:150px; color:#000000; text-decoration:none; font-weight:bold;}
.lien_menu:hover {color:#4173B1;}

.lien1 {color:#FFFFFF; text-decoration:none;}
.lien1:hover {text-decoration:underline;}

.lien2 {color:#000000; text-decoration:underline;}
.lien2:hover {text-decoration:underline;}

.lien3 {color:#000000; font-weight:bold; text-decoration:none;}
.lien3:hover {text-decoration:underline;}

.lien_chemin {color:#000000; text-decoration:none;}
.lien_chemin:hover {text-decoration:underline;}

.lien_copyright {color:#FFFFFF; text-decoration:underline;}
.lien_copyright:hover {color:#CCCCCC;}

.lien_adm {color:#4173B1; text-decoration:none;}
.lien_adm:hover {text-decoration:underline;}

.lien_adm2 {color:#FF0000; text-decoration:none;}
.lien_adm2:hover {text-decoration:underline;}

.lien_blanc {display:block; position:absolute; top:10px; left:30px; font-size:8pt; color:#FFFFFF; text-decoration:none;}
.lien_blanc:hover {text-decoration:underline;}

/***********************************************************************/
/*DIVERS*/
/***********************************************************************/
.gauche {float:left;}
.droite {float:right;}

.bloc {overflow:hidden; clear:both; margin:0 0 10px 0;}
.bloc2 {overflow:hidden; clear:both; margin:auto; width:500px; text-align:center;}
.bloc2 textarea {width:498px; height:100px;}

.bloc_grand {overflow:hidden; margin:0 30px; padding:5px 0;}
.bloc_grand p {float:left;}

.bloc_petit {float:left; overflow:hidden; width:540px;}
.bloc_petit p {float:left;}

.bloc_formulaire {margin:0 0 10px 0; padding:0 0 5px 0;}
.bloc_formulaire textarea {width:370px;}

.paragraphe_gauche {width:720px; margin:0 10px 0 0;}
.paragraphe_droite {width:720px; margin:0 0 0 10px;}
.paragraphe_petit {width:430px; margin:0 0 0 10px;}

.fenetre {float:right; text-align:center;}
.fenetre_haut {padding:10px 0; width:285px; height:18px; background-image:url("../img/CadreHaut.jpg"); background-repeat:no-repeat; background-color:#00A8D7; font-size:10pt; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
.fenetre_centre {width:285px; background-color:#00A8D7;}
.fenetre_bas {width:285px; height:18px; background-image:url("../img/CadreBas.jpg"); background-repeat:no-repeat; background-color:#00A8D7; font-size:8pt; font-style:italic; color:#FFFFFF;}

.erreur {margin:auto; width:500px; height:30px; background-image:url("../img/Erreur.jpg"); background-repeat:no-repeat; background-color:#00A8D7; border:solid 1px #4173B1; line-height:30px; text-align:center; color:#FFFFFF;}
.erreur2 {margin:0 0 10px 30px; width:500px; height:30px; background-image:url("../img/Erreur.jpg"); background-repeat:no-repeat; background-color:#00A8D7; border:solid 1px #4173B1; line-height:30px; text-align:center; color:#FFFFFF;}
.ligne {overflow:hidden; display:block; border:solid 1px black;}
.centrer {width:auto; margin:auto; padding:15px 0 0 0; font-weight:bold; color:#FFFFFF; text-align:center;}
.alignerdroite {text-align:right;}

.confirmation {margin:0 0 10px 30px; padding:20px 0; width:500px; background-image:url("../img/Erreur.jpg"); background-repeat:no-repeat; background-color:#00A8D7; border:solid 1px #4173B1; text-align:center; color:#FFFFFF;}
.confirmation2 {margin:auto; padding:20px 0; width:500px; background-image:url("../img/Erreur.jpg"); background-repeat:no-repeat; background-color:#00A8D7; border:solid 1px #4173B1; text-align:center; color:#FFFFFF;}

.galerie_demipage {overflow:hidden; float:left; margin:5px; width:400px;}
.galerie_gauche {float:left; margin:0 10px 0 0;}
.galerie_droite {float:left; width:290px;}

.partie_droite {float:left; width:680px;}

.photo {overflow:hidden; float:left; padding:10px; margin:5px; width:380px; text-align:center;}
.photo span {display:block;}

.contact {overflow:hidden; padding:0 0 0 20px; width:400px;}
.contact_adresse {display:block; margin:5px 0; padding:0 0 0 20px; background-image:url("../img/IconeAdresse.jpg"); background-repeat:no-repeat; background-position:left;}
.contact_ville {display:block; margin:5px 0; padding:0 0 0 20px; background-image:url("../img/IconeVille.jpg"); background-repeat:no-repeat; background-position:left;}
.contact_telephone {display:block; margin:5px 0; padding:0 0 0 20px; background-image:url("../img/IconeTelephone.jpg"); background-repeat:no-repeat; background-position:left;}
.contact_portable {display:block; margin:5px 0; padding:0 0 0 20px; background-image:url("../img/IconePortable.jpg"); background-repeat:no-repeat; background-position:left;}
.contact_fax {display:block; margin:5px 0; padding:0 0 0 20px; background-image:url("../img/IconeFax.jpg"); background-repeat:no-repeat; background-position:left;}
.contact_email {display:block; margin:5px 0; padding:0 0 0 20px; background-image:url("../img/IconeEmail.jpg"); background-repeat:no-repeat; background-position:left;}

.form_ligne {overflow:hidden; margin:5px 0;}
.form_ligne_label {float:left; width:130px; margin:0 10px 0 0;}
.form_ligne p {float:left; margin:0 20px 0 0;}

.boucle {overflow:hidden; display:block; padding:5px; width:auto; line-height:30px;}
.boucle2 {overflow:hidden; padding:5px; width:auto;}
.boucle_bloc1 {float:left; padding:0 5px 0 0; width:150px;}
.boucle_bloc2 {float:left; width:50px; text-align:center;}
.boucle_bloc3 {float:left; width:80px;}
.boucle_bloc4 {float:left; width:200px;}
.boucle_bloc5 {float:left; width:300px;}
.boucle_bloc6 {float:left; width:260px;}
.boucle_bloc7 {float:left; width:125px;}
.boucle_actions {float:left; width:auto; text-align:right;}

.avatar {width:20px;}
.commentaires {position:relative; display:block; width:146px; height:43px; background-image:url("../img/Commentaires.png"); background-repeat:no-repeat;}
.nouveau {position:relative; display:block; width:146px; height:43px; background-image:url("../img/Nouveau.png"); background-repeat:no-repeat;}



/***********************************************************************/
/*PAGINATION*/
/***********************************************************************/
.pagination {margin:0; padding:20px 0 5px 0; font-size:10pt; text-align:center;}
.pagination a {background-color:#FFF; border:1px solid #7E7E7E; color:#7E7E7E; margin:2px; padding:1px 3px; text-decoration:none}
.pagination a:hover {background-color:#FFF; border:1px solid #2062B4; color:#2062B4}
.pagination span.inactive {background-color:#FFF; border:1px solid #F0F0FF; color:#F0F0FF; margin:2px; padding:1px 3px;}
.pagination span.active {background-color:#C1DAFA; border:1px solid #2062B4; color:#2062B4; font-weight:700; margin:2px; padding:1px 3px;}

.paginationforum {margin:10px 0 0 0; font-size:10pt; text-align:center}
.paginationforum a {background-color:#FFF; border:1px solid #7E7E7E; color:#7E7E7E; margin:2px; padding:1px 3px; text-decoration:none}
.paginationforum a:hover {background-color:#FFF; border:1px solid #2062B4; color:#2062B4}
.paginationforum span.inactive {background-color:#FFF; border:1px solid #F0F0FF; color:#F0F0FF; margin:2px; padding:1px 3px;}
.paginationforum span.active {background-color:#C1DAFA; border:1px solid #2062B4; color:#2062B4; font-weight:700; margin:2px; padding:1px 3px;}

/***********************************************************************/
/*BBCODE*/
/***********************************************************************/
.BBcode {display:inline; margin:0 10px 0 0; padding:0;}
.BBcode:hover {cursor: pointer;}

.clear {clear:right;}
.previsualisation {display:block; margin:0 0 10px 0; padding:0.2em; width:370px; height:auto; border:1px dashed #000000; overflow:auto; background-color:white; text-align:left;}

.agrandissable div {display:none;}
.agrandissable:hover div {clear:both; display:block; margin:0; padding:5px; border:solid 1px #7E7E7E;}
.agrandissable {display:inline;}
.agrandissable:hover {cursor: pointer;}

/***********************************************************************/
/*FORUM*/
/***********************************************************************/
.forum_ensemble {float:right;}
.forum_gauche {float:left; margin:0; padding:5px; width:110px; text-align:center;}
.forum_droite {margin:0; padding:5px; width:359px; border:solid 1px #7E7E7E;}
.forum_cartouche {margin:0 0 5px 0; padding:5px; width:359px; border:solid 1px #7E7E7E;}
.forum_pied {overflow:hidden; margin:5px 0 0 0; padding:5px; width:359px; font-size:8pt; color:#7E7E7E; font-style:italic; border:solid 1px #7E7E7E; text-align:right;}
.forum_cellule {float:left; margin:0; padding:0 5px;}