/*
 * Créé par Corentin Charron
 * le 2 septembre 2008
 * Précieuse aide trouvée sur alsacreation
 * 
 * http://forum.alsacreations.com/topic-4-36864-1-Diverses-Erreurs-daccessibilite.html#copy
 * 
 * 
 */
a img {
	border:none;
}

html, body {
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	margin: 0;
	margin-top: -08px;
	background-color: #f2f2f2;
	height: 100%;
	text-align:justify;
}

#page {
	min-height: 100%;
	position:relative;
}

#entete {
	background-image: url(img/css/fond_header_total.png);
	background-repeat: repeat-x;
	height: 105px;
	min-width:1024px;
	left:0;
	right:0;
}
.entete_droite {
	position:absolute;
	top:0;
	bottom:0;
	height:100%;
	right:0;
	width:143px;
	min-width:143px;
}
#centre_entete {
	width:738px;
	margin-left:auto;
	margin-right:auto;
}

#logo_image {
	position:absolute;
	left:0;
}

#logo_texte {
	position:absolute;
	left:95px;
}

.menu {
	/*margin-left:266px;	/* 6 menus */
	/*margin-left:194px;	/* 7 menus */
 	margin-left:120px;	/* 8 menus */	
	letter-spacing: -1px;
	font-weight:lighter;
}

.listemenu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.listemenu li {
	float:left;
	margin-top: 25px;
}
.listedebut {
	background-image: url(img/css/menu/normalgauche.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listedebut_current {
	background-image: url(img/css/menu/currentgauche.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listedebut:hover/*,.listedebut_current:hover*/ {
	background-image: url(img/css/menu/hovergauche.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listedebut a,.listedebut_current a {
	text-decoration: none;
	text-align: center;
	color: white;
	display: block;
	height: 72px;
	width: 72px;
	padding-top: 50%;
}
.listenormale {
	background-image: url(img/css/menu/normalcentre.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listenormale_current {
	background-image: url(img/css/menu/currentcentre.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listenormale:hover/*,.listenormale_current:hover*/ {
	background-image: url(img/css/menu/hovercentre.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listenormale a,.listenormale_current a {
	text-decoration: none;
	text-align: center;
	color: white;
	display: block;
	height: 72px;
	width: 72px;
	padding-top: 50%;
}
.listefin {
	background-image: url(img/css/menu/normaldroite.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listefin_current {
	background-image: url(img/css/menu/currentdroite.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listefin:hover/*,.listefin_current:hover*/ {
	background-image: url(img/css/menu/hoverdroite.png);
	display: block;
	height: 80px;
	width: 72px;
}
.listefin a,.listefin_current a {
	text-decoration: none;
	text-align: center;
	color: white;
	display: block;
	height: 72px;
	width: 72px;
	padding-top: 50%;

}
#corps {
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	min-height:100%;
}
.zonedroite {
	background-image: url(img/css/fondlateraldroit.png);
	background-repeat: repeat-y;
	width: 143px;
	height:100%;
	margin-left:881px;
	position:absolute;
}

.zonegauche {
	background-image: url(img/css/fondlateralgauche.png);
	background-repeat: repeat-y;
	width: 143px;
	height:100%;
	left:0;
	position:absolute;
}
.contenu {
	width:738px;
	height:100%;
	margin-left:143px;
	margin-right:143px;
	background-color: white;
	padding-bottom:220px;
	padding-top:10px;
}

#pied {
	background-image: url(img/css/footer.png);
	background-repeat: repeat-x;
	height:220px;
	text-align:center;
	width: 100%;
	min-width:1024px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.copyright {
	margin-top:70px;
	color: #4F5E7C;
}
.validite {
	color: #939393;
	font-size:small;
}
.cadre_presentation {
	height: 240px;
	width:717px;
	background-image:url(img/css/cadrespecial.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:auto;
	color:#5E5E5E;
	text-align: center;
	font-size: large;
	letter-spacing: -1px;
}
.cadre_presentation_340 {
	height: 340px;
	width:717px;
	background-image:url(img/css/cadrespecial_340.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:auto;
	color:#5E5E5E;
	text-align: center;
	font-size: large;
	letter-spacing: -1px;
}

.cadre_presentation_360 {
	height: 360px;
	width:717px;
	background-image:url(img/css/cadrespecial_360.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:auto;
	color:#5E5E5E;
	text-align: center;
	font-size: large;
	letter-spacing: -1px;
}
.cadre_presentation_380 {
	height: 380px;
	width:717px;
	background-image:url(img/css/cadrespecial_380.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:auto;
	color:#5E5E5E;
	text-align: center;
	font-size: large;
	letter-spacing: -1px;
}

.cadre_presentation_420 {
	height: 420px;
	width:717px;
	background-image:url(img/css/cadrespecial_420.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:auto;
	color:#5E5E5E;
	text-align: center;
	font-size: large;
	letter-spacing: -1px;
}

.decal10{
	padding-left:10px;
	padding-right:10px;
}

.logomini {
	position:relative;
	top: 3px;
}

.tableau {
	text-align: center;
	width: 684px;
	height:240px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
}

.tableauliste {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	margin-top:15px;
	border: 20px #D4E3FA solid;
	/*-moz-border-radius:30px;*/
	background-color: #D4E3FA;
}

.tableau_cadre_gauche {
	text-align: left;
	width: 684px;
	margin-left:auto;
	margin-right:auto;
}
.tableau_cadre_droite {
	text-align: right;
	width: 684px;
	margin-left:auto;
	margin-right:auto;
}
.tableau_cadre_justifie {
	text-align: justify;
	width: 684px;
	margin-left:auto;
	margin-right:auto;
}
.cadre_1 {
	margin-top:10px;
	width:717px;
	background-image:url(img/css/cadrehaut.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}

.marges_cadre_1 {
	padding-right: 10px;
	padding-left: 10px;
	padding-top:1px;
}
.fluxrss {
	width:520px;
	color: white;
	background-image:url(img/css/cadrerss.png);
	background-repeat:no-repeat;
	text-align:left;
}

.fluxrss li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

.soustitres:hover {
	font-weight:bold;
	color:#2A2A2A;
	text-decoration:underline;
}

.soustitres {
	font-weight:bold;
	color:#2A2A2A;
	text-decoration:none;
}

.demo {
	background-image: url(img/html/demo.png);
	height:43px;
	width:417px;
}

.demo:hover {
	background-image: url(img/html/demo2.png);
	height:43px;
	width:417px;
}

.visite {
	margin-top:10px;
	background-image: url(img/html/visite.png);
	height:43px;
	width:417px;
}

.visite:hover {
	background-image: url(img/html/visite2.png);
	height:43px;
	width:417px;
}

#display {
	display:block;
}

.contenutexte {
	padding-right: 10px;
	padding-left: 10px;
}
.gras{
	font-weight:bold;
}
.petit{
	font-size:smaller;
}
h1 {
	border-bottom: 4px solid #777777;
	text-align: left;
	font-variant:small-caps;
	color: #777777;
	font-size:x-large;
}

h1:first-letter {

	font-size:xx-large;
}

h2 {
	text-align: left;
	color: #848484;
	font-size:large;
}
.h2_gras_noir{
	font-weight:bold;
	color:black;
	font-size:large;
}
h3 {
	text-align: left;
	color: #949494;
	font-size:14px;
	font-style:italic;
}
.conditionsgeneralestitre {
	text-align: center;
	font-size:150%;
	color:#29384D;
	font-weight:bold;
}

.conditionsgenerales {
	border:solid 2px #CBD5E3;
	/*-moz-border-radius:30px;*/
	background-color:#CBD5E3;
	padding-right:15px;
}

.souligne {
	text-decoration :underline;
}
.droite {
	text-align: right;
}
.gauche {
	text-align: justify;
}

.centrage {
	text-align: center;
}
.gras_noir{
	font-weight:bold;
	color:black;
}
.invisible {
	display:none;
}
a.externe:before {
  content: url(img/css/applications-internet.png);
}
.h1_perso_01 {
	font-variant:small-caps;
	font-size:x-large;
}
.h1_perso_01:first-letter {
	font-size:xx-large;
}
.h1_perso_02 {
	font-size:x-large;
}
.gris {
	color: #777777;
}
.vert {
	color:green;
}
.rouge {
	color:red;
}
.retrait_01 {
	text-indent:50px;
}
.form_input_01 {
	font-family:Courier New;
	font-size:16px;
	z-index:1;
	width:500px;
}
.form_largeur_01 {
	width:150px;
}
.form_largeur_02 {
	width:346px;
}
.form_largeur_03 {
	width:60px;
}
.form_largeur_04 {
	width:440px;
}
.form_bouton_validation {
	width:96px;
	height:25px;
	z-index:22
}
.reg{
	font-size:10px;
}
.oblique {
	font-style:oblique;
}

a { /** Style de lien général **/
	color:#283649;
	text-decoration: none;
	font-style:italic;
}

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

.listemenu a { /** Style particulier pour les liens du menu **/
	text-decoration:none;
	font-style: normal;
	color:white;
}

.listemenu a:hover {
	text-decoration:none;
	color:#AACFFF;
}

.validite a { /** Style particulier pour le lien vers FF **/
	color:#365173;
	text-decoration:none;
	font-style: normal;
}

.validite a:hover {
	color:#385A87;
	text-decoration:none;
	font-style: oblique;
}

.validite a img { /** Pour aligner verticalement l'image Firefox **/
	vertical-align:middle;
}

.auteur a { 
	font-style: normal;
	color:#AFAFAF;
}

.auteur a:hover { 
	font-variant:small-caps;
	font-style: oblique;
	text-decoration:none;
	color:#7B88A4;
}

.auteur {
	margin-top:10px;
	font-size:70%;
	font-style:oblique;
	color:#AFAFAF;
}


.copyright a { /** Style particulier pour le lien vers FF **/
	text-decoration:none;
	font-style: oblique;
}

.copyright a:hover {
	text-decoration:none;
	font-style: normal;
	font-variant:small-caps;
	font-style: oblique;
}

.bandeau_contact {
	background-color:#AFC5E2;
	border: #AFC5E2 solid;
	/*-moz-border-radius:30px;*/
	text-align:center;
}

.image_go {
	float:left;
	margin-left: 15px;
}

.lettrine:first-letter {
	float:left;
	font-size:3em;
	font-family:Times;
	font-weight:bold;
}

.mauvaise_connexion {
	background-color:#E2B4AF;
	border: #E2B4AF solid;
	/*-moz-border-radius:30px;*/
}

.mauvaise_connexion_texte {
	color: white;
	font-weight:bold;
	font-size:large;
}

.retour:before {
	content: url(img/html/edit-undo.png);
}