*
{
margin : 0px;
padding : 0;
}
body
{
margin : 3px;
background : #ffff99 url(imag-int/bleu_clair.jpg);
font-family : Comic Sans MS;
font-weight : normal;
color : #0033cc;
}
a{color:red}
a:hover{color:black}
a:active{color:red}
a:visited{color:black}
.cadre
{
margin : 4px;
clear:both;
float:left;
}

.cadre1
{
margin : 4px;
float:left;
text-align:center;
}

h1
{
font-family : Comic Sans MS;
font-style : italic;
font-size : 40px;
}
h2
{
font-family : Comic Sans MS;
font-size : 32px
}
h3
{
font-family : Comic Sans MS;
font-size : 24px;
}
h4
{
font-weight:normal;
font-family : Comic Sans MS;
font-size : 18px;
}
h5
{
font-weight : normal;
font-size : 14px
}
.cadre2
{
margin : 4px;
text-align:center;
float:left;
clear: both;
}
.cadre2:hover{color:orange; background:blue}

.cadre3
{
margin : 4px;
text-align:center;
float:left;
}
.cadre3:hover{color:orange; background:blue}

.cadre4
{
margin : 4px;
text-align:center;
float:left;
}
.cadre4:hover{color:orange; background:blue}

.cadre5
{
margin : 4px;
text-align:center;
float:left;
}
.cadre5:hover{color:orange; background:blue}

.cadre6
{
margin : 4px;
text-align:center;
float:left;
}

.cadre7
{
margin : 4px;
float:center;
text-align:center;
clear: both;
}
.cadre7:hover{color:orange; background:blue}

.cadre10
{
background : #66ff66;
padding : 15px;
width : 130px;
height : 50px;
margin-left : auto;
margin-right : auto;
margin : 0px;
float:left;
text-align:center;
line-height : 50px
clear:both
}
.cadre10:hover{color:orange; background:blue}


.cadre-vert
{
background : #66ff66;
padding : 15px;
width : 200px;
height : 500px;
margin-left : auto;
margin-right : auto;
}
.quadrblu
{
background : #0000FF;
padding : 20px;
width : 500px;
height : 400 px;
text-align:justify;
}
.quadrred
{
font-family : georgia;
background : #FF0000;
padding : 20px;
width : 500px;
height : 400 px;
clear: both;

}
.quadrblu2
{
background : #0000FF;
padding : 20px;
width : 500px;
height : 400 px;
float:right;
}