body { 
text-align:center;
margin: 0; padding: 0; text-align:left;
}

img { border:none;
margin:5px 0 0 5px;
padding:0 2px 1px 0;
}
#wrapper {
width:850px;
text-align:left;
position: relative; 
margin:10px auto 0 auto;
padding: 0;
background-color:transparent;
} 

#banner { position:relative; 
margin: 0 15px 0 0; 
padding: 0;
height:108px;
text-align:left;
background:url(images/blue_gradient6.jpg) top left repeat-x;
border-bottom:1px solid #ffffff;
}

.img1 {
width:233px;
height:49px;
margin:0 0 0 150px;
padding:0;
background:url(images/rcbenseignement5.jpg) top left no-repeat;
}

.img2  {
position:absolute; top:0; left:20px;
width:126px;
height:75px;
margin:0;
padding: 0;
background:url(images/dove14.jpg) bottom left no-repeat;
}
.img3 {
position:absolute; top:0; right:60px;
width:300px;
height:97px;
margin:0;
padding: 0;
background:url(images/rainbow.jpg) center left no-repeat;
}
.menu {
position:relative;
text-align:center;
margin:40px 0 0 20px;
padding:5px 10px 4px 0;
list-style:none;
list-style-type:none;
}

.menu li {
display:inline;
margin:0; 
padding:0;
font: bold 9pt Arial Rounded MT;
z-index:6;
}
.menu a:link, .menu a:visited {
border-right:1px solid #cccccc;
border-left:1px solid #dddddd;
border-top:1px solid #dddddd;
margin:0;
padding:10px 20px 10px 20px;
font: bold 10pt Arial Rounded MT;
text-decoration:none;
color:#1a1b72;
background: url(images/bggris2.jpg) left top repeat-x #ffffff;
}

.menu a:hover, .menu a:active {
padding:10px 20px 10px 20px;
background: url(images/bggrisover.jpg) left top repeat-x #ffffff;
}

.content { position: relative;
margin: 20px 0 0 0;
padding: 0;
text-align:left;
z-index:1;
}
#images {
margin:0;
padding: 5px 15px 0 0;
}

#top_sommaire {
z-index:1;
height:39px;
margin-left:0px; padding:0;
background: url(images/top_som3.gif) no-repeat top left;

}
#bottom_sommaire {
width:255px;
height:42px;
margin-left:0px; padding:0;
background: url(images/bottom_som3.gif) no-repeat bottom left;
}
#encadre {
z-index:5;
margin:-0.5px; padding:0;
border-left:1px solid #cfdaeb;
}
#encadre h1 {
background: url(images/titre_encadre.gif) no-repeat bottom center;
margin:0 0 10px 0; padding:0;
}
#encadre1 {
margin:10px 0 1px 0;
padding:0;
}

#encadre2 {
text-align:center;
margin:25px 15px 15px 0;
padding:75px 85px 75px 90px;
border:2px solid #ddd;
background:url(images/flowers.jpg) top left repeat #fff;
}
#encadre3 {
width:255px;
z-index:5;
margin:-0.5px; padding:0;
}
#encadre3 h1 {
background: url(images/titre_encadre.gif) no-repeat bottom center;
margin:0; padding:0;
}

#gd_titre {
height:25px;
background: url(images/titre_encadre_gd.jpg) no-repeat top left;
margin-top:0px; padding:0;
}

.liste {
list-style-type:none;
list-style:none;
margin: 0;
padding: 5px 0 5px 10px;
}
.liste li {
text-align:left;
margin:0;
padding:5px 5px 10px 15px;
}
.liste li a:link, .liste li a:visited {
text-decoration:none;
margin:0;
padding:1px 0px 2px 19px;
color:#828282;
font: 11pt Arial rounded Mt, sans serif;
background:url(images/arrow1bl.jpg) center left no-repeat #ffffff;
}
 
.liste li a:hover {
background-color:#ffffff;
background:url(images/arrow1.jpg) center left no-repeat #ffffff;
text-decoration:underline;
}

.liste2 {
border-top:2px solid #93a8c8;
border:3px solid #dedede;
list-style-type:none;
margin: 0;
padding: 15px 15px 0px 15px;
background:#fff;
}
.liste2 li {
text-align:left;
margin:0;
padding:15px 10px 10px 30px;
background:#fff;
}
.liste2 li a:link, .liste2 li a:visited {
text-decoration:none;
margin:0 0 0 0;
padding:10px 10px 10px 45px;
color:#858585;
font: bold 12pt Arial, sans serif;
background:url(images/arrow1blgd.jpg) 1% 65% no-repeat #ffffff;
}
 
.liste2 li a:hover {
background:url(images/arrow1gd.jpg) 1% 65% no-repeat #ffffff;
color:#42428a;
font-size:13pt;
}

#nouveau {
background:url(images/nouveau_gd.gif) 45% 35% no-repeat #fff;
}

.indleft {
margin:0;
padding:0 5px 0 5px;
}

.left {
margin:0;
padding:0 5px 0 5px;
}

#piedsdepage {
border-top:1px solid #dedede;
list-style:none;
list-style-type:none;
margin-top: 10px;
padding:5px 0 0 0;
}

#piedsdepage li {
font: 8pt Arial Rounded MT;
color: #828282; 
display:inline;
margin: 5px 50px 20px 10px;
padding:0;
text-align:center;
}

#piedsdepage li a {
font: 9pt Arial Rounded MT;
color: #828282;
}

ul#simpl {
font: 11pt Arial Rounded MT;
color: #545454;
list-style:none;
list-style-type:none;
margin:0;
padding:25px 0 5px 15px;}

ul#simpl li { margin: 0 0 30px 0;
padding:0;
}
	
p { font: 10pt Arial Rounded MT; color: #545454;  text-align: justify;
background-color:transparent;
margin:5px 10px 5px 10px;
padding:0;
}



#left {
color: #828282; 
font-weight:bold;
width:150px;
margin: 0 5px 5px 5px;
padding: 0 0 0 15px;
}
#bord {
margin:0 0 5px 10px;
padding: 10px;
border:1px solid #db567c;
}

#b { font-weight:bold;
}

ul li { font: 11pt Arial Rounded MT; text-align: left; color: #545454; margin: 5px 0 5px 0; padding: 0; }

ol { list-style-position: inside; margin: 10px 5px 10px 10px; padding: 0;  }
ol li { font: 10pt Arial Rounded MT; text-align: justify; color: #545454; margin: 0 10px 25px 0; padding: 0 0 0 15px; }
ol ul li { list-style-type: disc; font: 11pt Arial Rounded MT; text-align: justify; color: #000000; margin: 5px 0 5px 5px; padding: 0; }

h1 { text-align:center; font: bold 11pt Arial; color: #aaaaaa; margin: 10px 0 5px 0; padding: 0;
}
h2 { text-align:left; font: bold 11pt Arial; color: #999999; margin: 10px 0 10px 0; padding: 0;
}
h3 { text-align:center; font: bold 10pt Arial; color: #999999; margin: 10px 0 10px 0; padding: 0;
}
.souligne {
color:#545454;
font: 12pt Arial Rounded MT;
text-align:left;
border-bottom:1px solid #93a8c8;
margin: 45px 60px 0 65px;
padding:0 0 0 5px;
}
.colore { 
border-left:1px solid #f7f3c0;
margin: 20px 10px 0 0; 
padding: 0;
}
.colore h1 {
background-color:#f7f3c0;
padding:5px;
border:none; 
}
.colore p { 
background-color:#ffffff;
}
.marge {
margin:0 10px 0 5px;
}
#rose { font-weight:bold; color:#db567c;
}


table { border-collapse: collapse; margin: 0; padding: 0; }
td { padding:0; margin:0; }
caption { font: bold 12pt Arial Rounded MT; color: #565151; margin: 0; padding: 20px 0 0 0; }
blockquote { 
font: 10pt Arial Rounded MT; color: #545454; 
margin:0 10px 5px 10px;
padding:10px;
background: url(images/bgblockquote.jpg) top left repeat-x #ffffff;
text-align:justify;
}

a:link, a:visited {
font:10pt Arial Rounded MT;
margin:0 0 5px 0;
padding:0;
color:#6396e6;
text-decoration:none;
}
a:hover, a:active {
text-decoration:underline;
}


#right {
text-align:right;
padding-right:25px;
margin:5px 0 15px 0;
}

#right1 {
position:absolute; top:10%; right:0%;
padding:0;
margin:0;
}

#co { background-color: #dadae8; }


p#margebas {
margin:0 0 5px 10px;
color: #828282;
}

#bordure {
border:1px solid #7ab1c3;
margin:0 5px 0 5px;
padding:20px;
}

#rouge1 {
border-bottom:1px dashed #e17392;
margin:15px 15px 1px 0;
padding: 0 0 15px 0;
}
#rouge1 h1 
{

color:#db567c;
font: bold 11pt Arial Rounded MT;
margin:0 5px 10px 5px;
padding:5px 0 5px 0;
text-align:left;
}
#rouge2 {
border-bottom:1px dashed #db567c;
margin:15px 15px 1px 15px;
padding: 5px;
}
#rouge2 h1 
{
background: url(images/bgrouge.jpg) top left repeat-x #db567c;
color:#ffffff;
font: bold 11pt Arial Rounded MT;
margin:0 0 5px 0;
padding:0;
text-align:center;
}


#bleu {
color: #93a8c8;
}
#rouge {
padding:0 0 3px 0px;
color:#d55066;
}

#blue1 
{
color: #93a8c8;
font: 11pt Arial Rounded MT;
}

#green
{
font-weight:bold;
color: #aad9a6;
}

#red1 {
padding:5px 0 5px 15px;
color:#db567c;
}
#grey {
color: #7ab1c3;
font: 10pt Verdana Arial sans-serif;
}
#grey a{
color: #7ab1c3;
font:bold 9pt Arial Rounded Mt;
}


.jc {
background: url(images/jc.jpg) top right no-repeat transparent;
margin:10px 5px 0 5px;
padding:5px 0px 5px 10px;
width:281px;

}
.jc h1
{
text-align:left;
margin:0;
padding:10px 0 0 10px;
color: #93a8c8;

}
.jc a {
color: #93a8c8;
font:bold 9pt Arial Rounded Mt;
}

#bleufonce {
padding-top:25px;
font-size:12pt;
color: #42428a;
}
#bleu1 {
text-align:left;
border:none;
margin:0 10px 10px 10px;
padding:0 5px 15px 5px;
font: 9pt Arial Rounded MT; color: #545454;
}
#bleu1 img {
margin:5px 0 5px 0;
}
#bleu2 {
border-bottom: 1px dashed #93a8c8; 
margin:15px 15px 10px 0;
padding: 0 0 10px 0;
}
#bleu2 h1 
{

color:#93a8c8;
font: bold 11pt Arial Rounded MT;
margin:0 5px 10px 5px;
padding:5px 0 5px 0;
text-align:left;
}
#vert {
border-bottom:1px dashed #75c373;
margin:15px 15px 1px 0;
padding: 0 0 10px 0;
}
#vert h1
{

color:#75c373;
font: bold 11pt Arial Rounded MT;
margin:0 5px 10px 5px;
padding:5px 0 5px 0;
text-align:left;
}
#vert a {
color: #75c373;
font: 10pt Arial Rounded MT;
}
#vert1 {
background: url(images/bgvert1.jpg) top left no-repeat transparent;
margin:15px 0 0 0;
padding:20px 20px 5px 10px;
width:255px;
height:255px;
}
#vert1 h1
{
text-align:left;
margin:0;
padding:0 0 0 10px;
}
#vert1 a {
color: #75c373;
font:bold 9pt Arial Rounded Mt;
}
#gris {
border-bottom:1px dashed #7ab1c3; 
margin:15px 15px 1px 0;
padding: 0 0 20px 0;
}
#gris h1
{

color:#7ab1c3;
font: bold 11pt Arial Rounded MT;
margin:0 5px 10px 5px;
padding:5px 0 5px 0;
text-align:left;
}
#gris h2 { text-align:center; font: bold 11pt Arial Rounded MT; color: #7ab1c3; margin: 10px 0 10px 0; padding: 0;
}
#gris h3 { text-align:center; font: bold 10pt Arial Rounded MT; color: #7ab1c3; margin: 10px 0 10px 0; padding: 0;
} 

#gris a {
color: #7ab1c3;
font:bold 10pt Arial Rounded Mt;
}

.gris {
border-bottom:1px dashed #7ab1c3; 
margin:15px 15px 1px 0;
padding:15px 25px 0 20px;
}
}
.gris h1 {
background: url(images/bggris.jpg) top left repeat-x #7ab1c3;
color:#ffffff;
font: bold 11pt Arial Rounded MT;
margin:0 5px 10px 5px;
padding:5px 0 5px 0;
text-align:center;
}
.gris h2 { text-align:center; font: bold 11pt Arial Rounded MT; color: #7ab1c3; margin: 10px 0 10px 0; padding: 0;
}
.gris h3 { text-align:center; font: bold 10pt Arial Rounded MT; color: #7ab1c3; margin: 10px 0 10px 0; padding: 0;
} 
.gris a {
color: #7ab1c3;
font:bold 10pt Arial Rounded Mt;
}
.right {
margin:0;
padding:5px 15px 5px 5px;
text-align:right;
}
.flle { float: left; padding: 0; }
.flri { float: right; margin: 5px 15px 5px 0; }
.clbo { clear: both; }


#einordnen {
background-color:transparent;
margin: 20px 5px 15px 20px;
}

#centrer {
text-align:center;
margin:0;
padding:2px 20px 2px 0;
color:#000000;
font: bold 12pt Arial, sans serif;
z-index:8;
}
.leftimg {
float: left;
margin-right:5px;
margin-bottom:0;
}
.rightimg {
float: right;
margin-top:25px;
margin-left:2px;
margin-right:10px;
margin-bottom:3px;
}

.bottom { 
position:absolute; bottom:5px; left:15px;
margin:0;
padding:0;
text-align:center;
font-size:10px; }

.droite a:link { text-decoration: none;
color:#000;
font:10pt Arial Rounded MT;
}



.topcorner {
height:8px;
background:url(images/roundcornerup1.jpg) top left no-repeat;
margin: 10px 15px 0 20px;
padding: 0;
}
.topcorner1 {
height:8px;
background:url(images/roundcornerup2.jpg) top left no-repeat;
margin: 10px 15px 0 20px;
padding: 0;
}
#traitbleu {
border-right:1px solid #7ab1c3;
border-left:1px solid #7ab1c3;
border-bottom:1px solid #7ab1c3;
}


#rose1
{
text-align:left;
margin:0;
color: #d55066;
padding:2px 0 0 10px;
font-weight:bold;
}

#rose2 {
color: #db567c;
font:bold 9pt Arial Rounded Mt;
padding:15px 0 10px 0;
}

.cadre1 {
text-align:justify;
width:250px;
margin: 0 5px 5px 20px;
padding:10px 0 5px 0;
}
.cadre1 a {
font: 9pt Arial Rounded MT;
color: #828282;
}
.cadre1 p {
color:#636363;
text-align:left;
margin: 0;
padding:5px;
}
.cadre1 blockquote {
background: url(images/bgblockquote2.jpg) top left repeat-x;
margin:0; padding:5px 10px 5px 10px;
}
.cadre1 h1 {
text-align:center;
margin:0;
padding:0 10px 2px 10px;
}
#marg {
margin:0 5px 0 5px;
}
.bottomcorner {
height:8px;
background:url(images/roundcornerbottom1.jpg) top left no-repeat;
margin: 0 15px 10px 20px;
padding: 0;
}


#retour {
margin:5px 15px 10px 5px;
padding:0;
text-align:center;
}
#retour a:link, #retour a:visited {
margin:0;
padding:0 5px 5px 5px;
font: 9pt Arial Rounded MT;
text-decoration:none;
color:#808080;
}

#retour a:hover, #retour a:active {
text-decoration:underline;
color:#828282;
}
#retour1 {
margin:5px 16px 0 1px;
padding:0;
text-align:center;
}
#retour1 a:link, #retour1 a:visited {
margin:0;
padding:0 5px 5px 5px;
font: 9pt Arial Rounded MT;
text-decoration:none;
color:#808080;
}

#retour1 a:hover, #retour1 a:active {
text-decoration:underline;
}

#pointille {
margin:2px 10px 0 10px;
padding:0;
border-top:1px dashed #93a8c8;
}