/*
Auteur:Tony Archambeau
Licence: copyright
*/
body{
font-size:12pt;
background-color:#fff;
color:#000;
}
img{border:none}

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

/**** titres *****/
h2, h3{
color:rgb(0, 45, 160);
}
h1{text-align:center}
h2{text-decoration:underline}
h3{margin-left:10px}
h4{padding-left:18px}

/**** liens *****/
a{
text-decoration:none;
color:rgb(0, 41, 150);
}

/**** les tableaux *****/
table{
margin:auto;
border-collapse:collapse;
border:2px ridge silver;
width:99%;
}
th{
border:2px ridge silver;
padding:3px 5px;
background-image:url("../img/design/fond_table_th_02.png");
background-repeat:repeat-x;
background-position:center;
}
td{
border:1px solid silver;
padding:3px 5px;
}
.TableauAlternatif td{background-color:#f0f0be;}
.ComPremierePartie{background-color:#ffffb2;}

/**** banniere *****/
#banniere{display:none}

/**** menu gauche *****/
#menu_gauche{display:none}

/***** Menu horizontal *****/
div#menu_horizontal{display:none}

/**** Content *****/
#content{
background-color:#fff;
}

/**** footer *****/
#footer{display:none;}

/**** divers boite *****/
.icone{
vertical-align:middle;
border:none;
text-decoration:none;
}
.formule{
font-weight:bold;
font-size:1.3em;
border:1px dashed #000;
padding:4px;
background-color:#fff;
}
.CodePourBanniere{
background-color:rgb(230, 210, 210);
border:1px dashed #000;
padding:3px;
font-family:Cumberland, Arial, "Times New Roman", sherif;
overflow:auto;
}
.code_langage_c{
background-color:#fff;
border:1px dashed #000;
padding:4px;
font-family:Cumberland, Arial, "Times New Roman", sherif;
}
.affichage_exe{
color:#fff;
background-color:#000;
border:2px ridge #000;
padding:3px;
font-family:Cumberland, Arial, "Times New Roman", sherif;
}
.PageMembre a{text-decoration:none;}
.PageMembre a:hover{
text-decoration:none;
color:#fbb006;
}
.touche{
border:1px outset #000;
background-color:#fff;
padding:1px;
}
.boiteIntro{
float:right;
width:350px;
background-color:#fafab4;
border:1px solid #000;
padding:4px;
margin:4px;
}
.photo_flotte_gauche{
float:left;
margin-right:4px;
}

/**** news *****/
.titre_news, .news, .commentaires_questions{
margin:auto;
padding:5px;
}
.titre_news, .news, .commentaires_questions{width:98%;}
.news, .commentaires_questions{
background-color:#fff;
margin-bottom:10px;
}
.titre_news, .news{text-indent:9px;}
.titre_news{
clear:right;
background-color:#fff;
border:1px solid #000;
border-bottom:1px solid silver;
}
.titre_news a{color:#000}
.news{
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
}
.commentaires_questions{border:2px outset #000;}
.news img{
margin:5px;
border:1px solid silver;
padding:1px;
}

/**** Tutoriel ****/
.CoursBoite{
min-height:80px;
margin-left:20px;
margin-top:20px;
}
.CoursBoite p{
margin-left:70px;
margin-top:10px;
}
.CoursImage{float:left; position:relative}
.CoursImage img{
margin:4px;
border:2px inset silver;
}
.boite_pub_droite{
float:right;
background-color:#fff;
border:1px solid #000;
width:200px;
padding:4px;
margin:4px;
}

.pictureleft{float:left; position:relative}
.pictureright{float:right; position:relative}
.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;
}

/****** 4 images principales *******/
.rmq{/* Style des remarques:valide, danger, erreur, information // <div class="rmq valide"> */
background-repeat:no-repeat;
padding:6px;
padding-left:54px;
}
.valide{color:green; background-image:url('../img/4_principaux/valide_50x50.png');}
.danger{color:rgb(214,189,24); background-image:url('../img/4_principaux/danger_50x50.png');}
.erreur{color:red;background-image:url('../img/4_principaux/erreur_50x50.png');}
.information{color:blue;background-image:url('../img/4_principaux/information_50x50.png');}
.valide, .danger, .erreur, .information{
height:50px; /* On fixe la hauteur, que IE interprčte comme une "hauteur minimale" soit 30px*/
text-align:left;
}