/*ignatienslemanstyle.css 19 octobre 2011*/
/* 

*/

caption{color:green; font-size:40px ;font-weight:bold}
table {text-align: center; vertical-align: top; width: 100%}
table,th,td {border:1px solid black}
th {font-size: 18px ; color : green ; background-color: lemonchiffon}

.top {left:0px; top:0px; height:13%}
.topleft{width:0%; text-align:left; vertical-align:top; margin:0px; border:0px; padding:0px}
.description {font-size:1.125em ;font-style:italic ; color : blue}
.red {font-weight:bold ; color : red}
.leftcolumn50{left:0%; width:50%}
.rightcolumn{position:absolute; right:10%;}
.midcolumn{position:absolute; right:50%;}
.row:after{ content: "";  display: table; clear: both;} /* Clear floats after the columns */
.nouveau{ color : white ;font-size:0.75em ; background-color: red}
  
  /* 
Corrigé ci dessous
id : donne une erreur si employé 2 * dans même page html


*/
/* entete*/
#photogauche {float:left; border:0}
#photodroite {float:right; border:0}
#titre {border:0 ; text-align: center;  font-size:2.5em;  font-weight:bold ; color : red}


/*general*/
.lien {background-color:khaki; border:0}
/*.perso {margin:auto; text-align:center; background-color:ghostwhite; border:0; width:80%} */
.pers {text-align:center; background-color:ghostwhite;margin-left:10px;border:1px solid red; margin-bottom:1%;}
.boiterouge {text-align:left; background-color:rgba(255, 0, 0, 0.04);padding-left:10px;border:3px solid blue; margin-bottom:1%;}
.boitejaune {text-align:left; background-color:rgba(255, 255, 0, 0.04);padding-left:10px;border:3px solid blue; margin-bottom:1%;}
.boiteverte {text-align:left; background-color:rgba(0, 255, 0, 0.04);padding-left:10px;border:3px solid blue; margin-bottom:1%;}
ul {margin-top:0px}
h2 {color:green; font-size:1.75em; margin-bottom:0.2em; margin-top:0.4em}
h3 {color : blue ;  font-size:1.3em ;margin-bottom:0em; margin-top:0.1em}
h4 {color : red ;  font-size:1.2em ; margin-top:0.1em ; margin-bottom:0em;}