/*
Auteur:Tony Archambeau
licence: Creative Commons Paternité 2.0 France
*/
*{margin:0;padding:0}
body{
font-family:Arial, Tahoma, Verdana, sans-serif;
font-size:0.95em;
background-color:#aad3e9;
}
img{border:none}
acronym:hover{cursor:help}

/****** 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; position:relative;}
.justifier{text-align:justify;}
.flotant_droit{float:right; position:relative;}
.FlotantGauche{float:left; position:relative;}
.clignotant{text-decoration:blink;}
.barre75pourcent{width:75%;}
.clean{clear:right;}
.couleurBleu{color:blue;}
.couleurVert{color:green;}
.couleurRouge{color:red;}
.ClearBoth{clear:both;}
.BackgroundColorGreen{background-color:#a3f8a1;}
.BackgroundColorRed{background-color:#f8a1a8;}
.BackgroundColorYellow{background-color:#f8f3a1;}

/****** titres ******/
h1{
color:#1c82c8;
text-align:center;
margin:6px 0;
}
h2{
border-left:3px solid #1c82c8;
padding-left:3px;
margin:18px 0px;
}
.Contenu h3{margin:10px 0 4px 30px;}
.Contenu h4{margin:6px 0 4px 50px;}

/****** liens *******/
a{color:#1c82c8;}
a:hover{color:#fbb006;}
a:active{
color:white;
background-color:#fbb006;
}
a img{text-decoration:none;}

/****** les tableaux *******/
table{
margin:auto;
border-collapse:collapse;
width:99%;
border:2px groove silver;
}
th{
border:1px solid silver;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond_titre_table_4.png");
background-repeat:repeat-x;
background-position:center;
text-align:center;
}
td{
padding:2px 3px;
vertical-align:top;
border:1px solid silver;
background-color:#fafafa;
}
th img{
border:none;
vertical-align:middle;
}
th a{
color:black;
text-decoration:none;
}
.TableauAlternatif td{background-color:#EAEAEA;}

/****** divers HTML *******/
blockquote{
margin-left:20px;
padding-left:10px;
text-align:justify;
font-style:italic;
border-left:1px dotted #adadad;
background:url("http://www.infowebmaster.fr/public/img/design/quote-left-61px.png") no-repeat bottom right;
}
.Contenu input, .Contenu textarea, .Contenu select{margin:3px}
.Contenu ul, .Contenu ol{margin:2px; margin-left:30px}
hr{margin:12px 4px;}
fieldset{
margin:4px;
padding:4px;
border-color:#828177;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
legend{
padding:2px;
border:1px solid #828177;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
p{text-align:justify}


/** Menu Top **/
ul#MenuTop{
list-style-type:none;
margin:0px;
height:16px;
padding-left:16%;
padding-top:1px;
font-size:12px;
background-color:#525252;
border-bottom:2px solid black;
}
ul#MenuTop li{
display:inline;
padding:0 1em;
}
ul#MenuTop li a{
height:16px;
text-decoration:none;
color:white;
}
ul#MenuTop li a:hover{color:#fbb006;}
ul#MenuTop li.current a{color:#fbb006;}

#TopPage{
padding:26px 0 4px 4px;
background-color:#aad3e9;
}

div#HeaderLogo{
position:relative;
float:left;
width:332px;
}
div#BannierePub{
margin-left:41%;
/* width:468px;
height:60px;
border:1px solid red; */
}
div#TopMenuSearch{
position:absolute;
top:17px;
right:0;
width:270px;
float:right;
background-color:#525252;
border-left:2px solid black;
border-bottom:2px solid black;
padding:0 0 3px 3px;;
}


/****** Menu du haut *******/
div#MenuHorizontal{
height:28px;
vertical-align:middle;
padding-left:2px;
background-color:#525252;
border-top:2px solid black;
border-bottom:2px solid black;
}
#MenuHorizontal ul{list-style-type:none; margin:0px}
#MenuHorizontal li{
padding:0 0.5em;
height:28px;
line-height:26px;
}
#MenuHorizontal li.bouton_gauche{
position:relative;
float:left;
padding-right:20px;
padding-left:0px;
}
#MenuHorizontal li.bouton_droite{
position:relative;
float:right;
padding-left:20px;
padding-right:0px;
}
#MenuHorizontal a{
text-decoration:none;
padding:0 0.3em;
font:0.8em "Trebuchet MS";
color:white;
}
#MenuHorizontal a:hover{color:#fbb006;}
#MenuHorizontal a img{
border:none;
padding:0 0.2em;
}
#MenuHorizontal form{margin:0px;}


#Page{
padding:4px;
background-color:#e0eeee;
}

#PageDroiteContent{
position:relative;
float:right;
width:100%;
margin:0 0 4px -144px;
padding:0;
/* border:1px solid red; */
}
#PageDroite{
margin-left:144px;
/* border:1px solid yellow; */
}
.FilAriane{
font-size:0.7em;
padding:2px;
margin-bottom:2px;
}
.Contenu{
background-color:white;
border:2px solid #525252;
margin-right:164px;
padding:4px;
}


#PageGauche{width:140px;}
#PageGauche .SousMenu{margin-bottom:4px;}
#PageGauche .SousMenu h3{background:url("http://www.infowebmaster.fr/public/img/design/menu-gauche-h3-fond-05.png") no-repeat;}
#BannierePub2 .SousMenu h3{background:url("http://www.infowebmaster.fr/public/img/design/menu-gauche-h3-fond-05-160px.png") no-repeat;}
div#BannierePub2{
float:right;
position:relative;
width:160px;
margin-bottom:4px;
}
div.SousMenu h3{
font-size:0.8em;
text-align:center;
color:white;
}
div.SousMenu ul{
list-style-type:none;
border:2px solid #000000;
background-color:#eeeeee;
border-top:none;
margin:0;
}
div.SousMenu ul li{
padding:1px 0px;
}
div.SousMenu ul li a{
display:block;
margin:0;
padding:1px 0 1px 10px;
text-decoration:none;
background-color:#eeeeee;
color:#1c82c8;
font-size:1.05em;
}
div.SousMenu ul a:hover{
color:#fbb006;
background-color:white;
}

#Footer{
clear:both;
position:relative;
border-top:3px solid black;
/* background-color:#525252; */
background-color:#aad3e9;
margin:-4px;
padding:2px;
padding-left:3%;
height:70px;
font-size:0.85em;
}
#Footer .col, #Footer .coldernier{
position:relative;
float:left;
margin:10px 10px 0 0;
padding:1px 0;
width:33%;
border-right:1px solid #ddd;
}
#Footer .coldernier{
border:none;
width:25% !important;
} /*IE7*/

.LivreOr{
margin:8px;
border:2px groove silver;
}
.LivreOrHeader{
background-image:url("http://www.infowebmaster.fr/public/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;
padding-bottom:1px;
background-color:#DADADA;
border:1px solid silver;
}
.AnnuaireRecapitulatif{
position:relative;
float:right;
width:250px;
border:1px solid silver;
background-color:#ccffcc;
padding:4px;
}
.AnnuaireRecapitulatif h3{
text-align:center;
margin-bottom:3px;
}
.InfoBienAnnuaire{
border:1px solid green;
background-color:#a6ffa6;
padding:2px 8px;
margin:4px;
margin-right:268px;
}
.touche{
border:1px outset black;
background-color:white;
padding:1px;
}
.vcard{
margin:4px;
margin-left:30px;
border:1px dotted silver;
padding:4px;
background-color:white;
}
.ImageCalendrier{
height:60px;
width:60px;
background-image:url("http://www.infowebmaster.fr/public/img/design/calendrier_fond_60px.png");
}
.ImageCalendrierMois{
font-size:8px;
text-transform:uppercase;
color:white;
display:block;
padding-top:12px;
padding-left:10px;
}
.ImageCalendrierJour{
font-size:20px;
text-align:center;
display:block;
padding-top:4px;
}

.AccueilImageCalendrier{
position:relative;
float:left;
height:60px;
width:60px;
background-image:url("http://www.infowebmaster.fr/public/img/design/calendrier_fond_60px.png");
}
.AccueilImageCalendrierMois{
font-size:8px;
text-transform:uppercase;
color:white;
display:block;
padding-top:12px;
padding-left:10px;
}
.AccueilImageCalendrierJour{
font-size:20px;
text-align:center;
display:block;
padding-top:4px;
}
.AccueilNews{
position:relative;
float:left;
width:65%;
}
.AccueilNewsBoite{background-color:#f1f1f1;}
.AccueilNewsBoiteFonce{background-color:#e6e6e6;}
.AccueilNewsBoite, .AccueilNewsBoiteFonce{
margin:8px 0px;
border:1px solid #adadad;
min-height:72px;
padding:3px 0;
}
.AccueilNewsBoite h3, .AccueilNewsBoiteFonce h3{
font-size:1.1em;
margin:0 0 0 63px;
}
.AccueilNewsBoite p, .AccueilNewsBoiteFonce p{
margin:0 0 0 63px;
/* padding-left:63px; */
font-size:0.85em;
}
.AccueilInfoDivers{
position:relative;
float:right;
font-size:12px;
margin-left:4px;
width:135px;
border-left:1px solid #ccc;
}
.AccueilInfoDivers ul{list-style-type:none; margin-left:0px;}
.AccueilInfoDivers li, .NewsInfoDivers li{padding:0 0.3em;}
.AccueilInfoDivers li img, .NewsInfoDivers li img{margin:1px;}
.NewsInfoDivers ul{list-style-type:none; margin-left:6px;}
.NewsInfoDivers ul li{margin-left:3px;}
.NewsInfoDivers{
position:relative;
float:right;
font-size:14px;
width:190px;
min-height:110px;
border-left:1px solid #ddd;
}
.AccueilNew{
margin-top:16px;
margin-left:66%;
border:1px solid #adadad;
min-height:68px;
background-color:#fafafa;
text-align:justify;
padding:4px;
}
.AccueilNew h3{
color:#1c82c8;
margin:4px 0px;
text-align:center;
}
.PubHautDroite{
position:relative;
float:right;
margin:4px;
}

/* Boite Debut Page*/
.debutpage{
margin-top:4px;
margin-bottom:8px;
border:1px dashed #adadad;
}
.debutpage img{
margin:5px;
margin-top:13px;
}
.debutpage p{
margin:8px 0px;
padding-left:8px;
padding-right:8px;
}

/****** divers boite sélection *******/
.boiteDroite3{
position:relative;
float:right;
width:400px;
text-align:center;
border:1px solid #6A6A6A;
height:116px;
}
.boiteDroite3 .boiteA, .boiteDroite3 .boiteB, .boiteDroite3 .boiteC, .boiteDroite3 .boiteZ{
position:relative;
float:left;
margin:1px;
}
.boiteDroite3 .boiteA{width:49%;}
.boiteDroite3 .boiteB{width:28%;}
.boiteDroite3 .boiteC{width:78%;}
.boiteDroite3 .boiteZ{
width:21% !important;
} /*IE7*/
.boiteDroite3 h3{
margin:0;
font-size:0.85em;
border:1px solid silver;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond_titre_table_4.png");
background-repeat:repeat-x;
background-position:center;
}
.boiteDroite3 a{
position:relative;
display:block;
float:left;
width:22px;
height:18px;
margin:2px;
text-decoration:none;
border:1px solid #DDD;
color:#444;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond-bouton-boite-hover-01.jpg");
background-repeat:repeat-x;
}
.boiteDroite3 a:hover{
border:1px solid #adadad;
color:black;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond-bouton-boite-01.jpg");
background-repeat:repeat-x;
}
.boiteDroite3 .double a{
width:50px;
height:18px;
}
.boiteDroite3 .grand a{
width:75px;
height:18px;
}

/****** divers boite *******/
.boiteDroite, .boiteDroite2{
position:relative;
float:right;
margin:5px;
}
.boiteDroite{width:230px;}
.boiteDroite2{width:400px;}
.boiteDroite a, .boiteDroite2 a{text-decoration:none;}
.boiteDroite td, .boiteDroite2 td{text-align:center;}
.citation_quote{
margin:4px;
overflow:auto;
}
.citation{
border:1px dotted silver;
padding:4px;
background-color:white;
}
.codage{
margin:5px;
padding:5px;
overflow:hidden;
border:1px solid #4f9d1e;
border-left:4px solid #4f9d1e;
background-color:#daf7c8;
}
.CadreCodage{
margin-left:30px;
}
.ChoixPrincipal, .ChoixPrincipal2, .ChoixPrincipal3, .ChoixPrincipal4{
position:relative;
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;
}
.CadreGoogle h5{
color:#008000;
}
.icone{
vertical-align:middle;
border:none;
text-decoration:none;
}

.InfoBien, .InfoMoyen, .InfoMediocre{
padding:2px 8px;
margin:4px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.InfoBien{
border:1px solid green;
background-color:#a6ffa6;
}
.InfoMoyen{
border:1px solid #ebeb1c;
background-color:#ffffa8;
}
.InfoMediocre{
border:1px solid red;
background-color:#f9b8b8;
}
.pictureleft{float:left;position:relative;}
.pictureright{float:right;position:relative;}
.picture{margin:auto;}
.pictureleft, .pictureright{border:1px solid silver;}
.pictureleft, .pictureright, .picture{
position:relative;
margin:4px;
padding:2px;
font-size:0.8em;
font-style:italic;
text-align:center;
}
.PicturePetitCadre{
position:relative;
float:left;
}
div#ChargementPage{
position:absolute;
width:600px;
height: 250px;
left:50%;
margin-left:-300px;
top:50%;
margin-top:-200px;
padding-top:150px;
text-align:center;
border:4px solid grey;
background-color:white;
z-index:100;
font-size:1.5em;
color:grey;
}

/******** Bouton ******/
.BoutonBackground{
width:350px;
height:56px;
font-size:20px;
padding-left:10px;
padding-top:15px; /* 56-30=26  ;  26/2=13 */
margin:3px;
}
.BoutonBackground a{
text-decoration:none;
color:#333;
font-weight:bold;
}
.BoutonBackground a:hover{
text-decoration:underline;
color:black;
}
.BoutonBackground a{
text-decoration:none;
color:#333;
font-weight:bold;
}
.BoutonBackground a:hover{
text-decoration:underline;
color:black;
}
div.BackgroundRouge{background:url('http://www.infowebmaster.fr/public/img/boutons/background/bouton-rouge-04-350px.png') no-repeat;}
div.BackgroundTurquoise{background:url('http://www.infowebmaster.fr/public/img/boutons/background/bouton-turquoise-04-350px.png') no-repeat;}
div.BackgroundViolet{background:url('http://www.infowebmaster.fr/public/img/boutons/background/bouton-violet-04-350px.png') no-repeat;}
div.BackgroundBleu{background:url('http://www.infowebmaster.fr/public/img/boutons/background/bouton-bleu-04-350px.png') no-repeat;}
div.BackgroundOrange{background:url('http://www.infowebmaster.fr/public/img/boutons/background/bouton-orange-04-350px.png') no-repeat;}
div.BackgroundVert{background:url('http://www.infowebmaster.fr/public/img/boutons/background/bouton-vert-04-350px.png') no-repeat;}

/******** Forum ******/
.ColonneGauche{
text-align:center;
width:30px;
}

/******** Tutoriel ******/
.CoursBoite{
min-height:80px;
margin-left:20px;
margin-top:20px;
}
.CoursBoite p{
margin-left:70px;
margin-top:10px;
}
.CoursBoiteFiche{
padding:5px;
min-height:120px;
margin:4px;
margin-left:20px;
margin-top:20px;
border:1px dashed #adadad;
}
.CoursBoiteFiche p{
margin-left:70px;
margin-top:10px;
}
.CoursImage{
position:relative;
float:left;
}
.CoursImage img{
margin:4px;
border:2px inset silver;
}


/*************** divers boite principale ****************/
.GlossaireCadre{background-color:#fafafa;}
.GlossaireCadreFonce{background-color:#eaeaea;}
.GlossaireCadre, .GlossaireCadreFonce{
border:1px solid grey;
margin:8px 0px;
padding:4px
}
.GlossaireCadre h3, .GlossaireCadreFonce h3{
margin:-4px;
margin-bottom:4px;
}
.GlossaireCadre h3 a, .GlossaireCadreFonce h3 a{
display:block;
padding-left:30px;
padding-bottom:1px;
text-decoration:none;

border:1px solid #DDD;
color:#444;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond-bouton-boite-hover-01.jpg");
background-repeat:repeat-x;
}
.GlossaireCadre h3 a:hover, .GlossaireCadreFonce h3 a:hover{
border:1px solid #adadad;
color:black;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond-bouton-boite-01.jpg");
background-repeat:repeat-x;
}

/****** divers boite sélection *******/
.boiteMilieu3{
margin:auto;
width:495px;
height:87px;
text-align:center;
border:1px solid #6A6A6A;
}
.boiteMilieu3 h3{
margin:0;
font-size:0.85em;
border:1px solid silver;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond_titre_table_4.png");
background-repeat:repeat-x;
background-position:center;
}
.boiteMilieu3 ul{
margin:0;
}
.boiteMilieu3 li{
display:block;
float:left;
list-style-type:none;
}
.boiteMilieu3 li a{
display:block;
float:left;
font-size:1.6em;
width:32px;
height:28px;
margin:2px;
text-decoration:none;
border:1px solid #DDD;
color:#444;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond-bouton-boite-hover-01.jpg");
background-repeat:repeat-x;
}
.boiteMilieu3 li a:hover{
border:1px solid #adadad;
color:black;
background-image:url("http://www.infowebmaster.fr/public/img/design/fond-bouton-boite-01.jpg");
background-repeat:repeat-x;
}

/* Promotion Article */
.PromotionArticle{
margin-top:12px;
border:2px solid #cccccc;
background-color:#dedede;
}
.PromotionArticle ul{
list-style-type:none;
margin:0px;
}
.PromotionArticle li a{
position:relative;
float:left;
display:block;
margin:2px;
}
.PromotionArticle li a img{
padding:2px;
border:1px solid grey;
}
.PromotionArticle li a img:hover{border:1px solid black;}
.PromotionReseau{
position:relative;
float:left;
width:22%;
margin-right:4px;
}
.PromotionArticle input{
width:70%;
font-size:0.9em;
font-family:"Courier New", sans-serif;
color:grey;
}
.PromotionArticle input:focus{
background-color:#f3f3f3;
border:1px solid #cdcdcd;
padding:1px;
}