/*
Dâte:15/11/2007
Auteur:Tony Archambeau
Nom:design1
copyright:libre
*/
body{
background-image:url("../img/design/fond_point-4.png");
background-repeat:repeat-x;
font-family:Arial, Tahoma, Verdana, "Times New Roman", sherif;
}
img{border:none;}
acronym:hover{cursor:help;}
blockquote{font-style:italic;}

/********************** pratique ***********************/
.p_marge{margin-left:30px;}
.p_marge_2{margin-left:70px;}
.souligne{text-decoration:underline;}
.souligne_dessus{text-decoration:overline;}
.barrer{text-decoration:line-through;}
.centrer{text-align:center;}
.centrer_bloc{margin:auto;}
.align_droite{text-align:right;}
.justifier{text-align:justify;}
.flotant_droit{float:right;}
.FlotantGauche{float:left;}
.clignotant{text-decoration:blink;}
.barre75pourcent{width:75%;}
.clean{clear:right;}
.couleurBleu{color:blue;}
.couleurVert{color:green;}
.couleurRouge{color:red;}

.BackgroundColorGreen{background-color:#a3f8a1;}
.BackgroundColorRed{background-color:#f8a1a8;}
.BackgroundColorYellow{background-color:#f8f3a1;}

/********************** titres ***********************/
h1{
text-align:center;
color:#8dcf64;
margin-top:14px;
margin-bottom:14px;
}
h3{
margin-left:30px;
}
h4{
margin-left:50px;
}

/********************** liens ***********************/
a{
color:#8dcf64;
}
a:hover{
color:#fbb006;
}
a:active{
color:white;
background-color:#fbb006;
}

/********************** les tableaux ***********************/
table{ /* Le tableau en lui-même */
margin:auto; /* Centre le tableau */
border-collapse:collapse; /* Colle les bordures entre elles */
width:100%;
border:2px groove silver;
}
th{ /* Les cellules d'en-tête */
border:1px solid silver;
background-image:url("../img/design/fond_titre_table_4.png");
background-repeat:repeat-x;
background-position:center;
text-align:center;
}
td{ /* Les cellules normales */
border:1px solid silver;
background-color:#fafafa;
padding:2px 3px;
}
th img{
vertical-align:middle;
border:none;
}
th a{
color:black;
text-decoration:none;
}
.TableauAlternatif td{
background-color:#EAEAEA;
}

/********************** divers boite ***********************/
.banniere{text-align:center;}
.separation{
height:16px;
background-image:url("../img/design/sep_03.png");
background-repeat:repeat-x;
margin:0px -8px;
}
#ContenuDroite{
text-align:left;
width:99%;
margin:auto;
}
.menugauche{display:none;}

.LivreOr{
margin:8px;
border:2px groove silver;
}
.LivreOrHeader{
background-image:url("../img/design/fond_titre_table_4.png");
background-repeat:repeat-x;
background-position:center;
overflow:visible;
padding:3px;
border-bottom:1px solid silver;
}
.LivreOrContenu{
padding:4px;
}
.ListePage{
text-align:center;
margin:8px;
background-color:#DADADA;
border:1px solid silver;
}
.AnnuaireRecapitulatif{
float:right;
width:250px;
border:1px solid silver;
background-color:#ccffcc;
padding:4px;
}
.AnnuaireRecapitulatif h3{
text-align:center;
margin:0px;
margin-bottom:3px;
}
.InfoBienAnnuaire{
border:1px solid green;
background-color:#a6ffa6;
padding:2px 8px;
margin:4px;
margin-right:268px;
}

/********************** divers boite principale ***********************/
.cadreprincipal{
margin-top:4px;
margin-bottom:4px;
margin-right:-4px;
border:1px solid #bf8605;
padding:8px;
background-color:#f7f7f7;
position:relative;
}
.cadreprincipal img{margin:5px;}
.cadreprincipal table img{margin:0px;}
.cadreprincipal p{margin:8px 0px;}
.cadreprincipal h2{
border-left:3px solid #8dcf64;
padding-left:3px;
}
.debutpage{
margin-top:4px;
margin-bottom:8px;
border:1px dashed #bf8605;
}
.debutpage img{
margin:5px;
margin-top:13px;
}
.debutpage p{
margin:8px 0px;
padding-left:8px;
padding-right:8px;
}
.pieddepage{
clear:both;
text-align:center;
border:1px solid #bf8605;
background-color:#f7f7f7;
padding:2px;
margin:0 -4px -4px -4px;
}
.pieddepage img{display:none;}
.pieddepage a{display:none;}

/********************** divers boite ***********************/
.boiteDroite{
float:right;
width:230px;
margin:5px;
}
.boiteDroite a{
text-decoration:none;
}
.boiteDroite td{
text-align:center;
}
.boiteDroite2{
float:right;
width:400px;
margin:5px;
}
.boiteDroite2 a{text-decoration:none;}
.boiteDroite2 td{text-align:center;}
.citation_quote{
margin:4px;
}
.citation{
border:1px dotted silver;
padding:4px;
background-color:white;
}
.citation_quote{
margin:4px;
}
.codage{
margin:5px;
padding:5px;
overflow:hidden;
border:1px solid #4f9d1e;
border-left:4px solid #4f9d1e;
background-color:#c6ebaf;
}
.CadreCodage{
margin-left:30px;
}
.ChoixPrincipal, .ChoixPrincipal2, .ChoixPrincipal3, .ChoixPrincipal4{
float:left;
margin:8px;
}
.ChoixPrincipal{
width:330px;
height:100px;
}
.ChoixPrincipal4{
width:330px;
height:60px;
}
.ChoixPrincipal2{
width:250px;
height:40px;
}
.ChoixPrincipal3{
width:150px;
height:20px;
}
.FondChoix{
background-color:#cce7e8;
}
.code_a_coller{
background-color:white;
font-family:Cumberland, Arial, "Times New Roman", sherif;
border:1px dashed black;
padding:2px;
margin:1px;
}
.couleurFondGris{
background-color:silver;
border:1px solid #767676;
cursor:default;
}
.CadreGoogle{
width:590px;
padding:8px;
background-color:white;
margin:auto;
border:1px solid black;
}
.CadreGoogle h4{
color:#0000cc;
text-decoration:underline;
margin:0px;
}
.CadreGoogle h5{
color:#008000;
margin:0px;
}
.icone{
vertical-align:middle;
border:none;
text-decoration:none;
}
.InfoBien{
border:1px solid green;
background-color:#a6ffa6;
padding:2px 8px;
margin:4px;
}
.InfoMoyen{
border:1px solid yellow;
background-color:#ffffd4;
padding:2px 8px;
margin:4px;
}
.InfoMediocre{
border:1px solid red;
background-color:#f9b8b8;
padding:2px 8px;
margin:4px;
}
.pictureleft{float:left;}
.pictureright{float:right;}
.picture{margin:auto;}
.pictureleft, .pictureright{border:1px solid silver;}
.pictureleft, .pictureright, .picture{
margin:4px;
padding:2px;
font-size:0.8em;
font-style:italic;
text-align:center;
}

/***************** Tutoriel ***************/
.CoursBoite{
min-height:80px;
margin-left:20px;
margin-top:20px;
}
.CoursBoite p{
margin-left:70px;
margin-top:10px;
}
.CoursImage{float:left;}
.CoursImage img{
margin:4px;
border:2px inset silver;
}

/********************** Menu du haut ***********************/
div#menu_horizontal{display:none;}
div#menu_horizontal_2{display:none;}