body{
    margin: 0; /* pour �viter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
}
.contenu { 
    font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    text-align:justify;
}
.titre{ 
    font: 13px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #0075bd;
    font-weight:bold;
    text-decoration:none;
}
.sousTitreClassique{ 
    font: 13px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #0074BD;
    font-weight:bold;
    text-decoration:none;
}
.date{ 
    font: 9px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #0074BD;
    text-decoration:none;
}
a.rubrique {
    font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #0074BD;
    font-weight:bold;
    text-decoration:underline;
}
a.rubrique:hover { 
    font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #E2A433;
    font-weight:bold;
    text-decoration:underline;
}
a.web {
    font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #064CEC;
    text-decoration:none;
}
a.web:hover { 
    font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #E2A433;
    text-decoration:none;
}

.bouton{
    border: 1px #ffffff solid;
    font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #0074BD;
    background-color:#f3da7e;
}
#page {		
    width: 992px;
    /*height: 700px;*/
    margin: 0px auto 0px auto;
    padding: 0px;
    display: block;
    overflow: hidden;
   
}

.tableau
{
    font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    border-collapse: collapse;
    width: 98%;
    padding: 0px;
    margin: 0px;

}
.tableau td
{
    font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    border: 1px solid black;
    padding: 0px 3px 0px 3px;
    margin: 0px;

}
.tableau th
{
    font: 11px/150% Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-weight: bold;
    border: 1px solid black;
    padding: 0px 3px 0px 3px;
    margin: 0px;

}

.centrer
{
    text-align: center;
}

.separateur
{
    background: url('./imgSeparation.jpg') no-repeat;
    height: 10px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#bandeau {width: 992px;height: 211px;float:left;background: #FFFFFF url(./img/bandeau_gondrin_01.jpg);}

#menu {width: 237px;height: 500px;float:left;text-align: left;}

#contenus{width: 750px; float:left;display: block;}

a.rond1{background: #FFFFFF url(./img/accueil_on_05.jpg);width: 187px; height: 184px;display: block; float:left;margin-top: 40px;}
a.rond2{background: #FFFFFF url(./img/accueil_on_06.jpg);width: 187px; height: 184px;display: block; float:left;margin-top: 40px;}
a.rond3{background: #FFFFFF url(./img/accueil_on_07.jpg);width: 187px; height: 184px;display: block; float:left;margin-top: 40px;}
a.rond4{background: #FFFFFF url(./img/accueil_on_08.jpg);width: 187px; height: 184px;display: block; float:left;margin-top: 40px;}


a.rond1:hover  {background: #FFFFFF url(./img/accueil_off_05.jpg);}
a.rond2:hover  {background: #FFFFFF url(./img/accueil_off_06.jpg);}
a.rond3:hover  {background: #FFFFFF url(./img/accueil_off_07.jpg);}
a.rond4:hover  {background: #FFFFFF url(./img/accueil_off_08.jpg);}

a.signature {
	display: block;
	float: right;
	margin-top: 10px;
    font: 9px/125%  Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration:none;
}
a.signature:hover { 
    text-decoration:underline;
}


a.menu1{background: #FFFFFF url(./img/menu/menu_gondrin_on_09.jpg);width: 212px; height: 22px;display: block;}
a.menu2{background: #FFFFFF url(./img/menu/menu_gondrin_on_10.jpg);width: 212px; height: 26px;display: block;}
a.menu3{background: #FFFFFF url(./img/menu/menu_gondrin_on_11.jpg);width: 212px; height: 26px;display: block;}
a.menu4{background: #FFFFFF url(./img/menu/menu_gondrin_on_12.jpg);width: 212px; height: 23px;display: block;}
a.menu5{background: #FFFFFF url(./img/menu/menu_gondrin_on_13.jpg);width: 212px; height: 24px;display: block;}
a.menu6{background: #FFFFFF url(./img/menu/menu_gondrin_on_14.jpg);width: 212px; height: 25px;display: block;}
a.menu7{background: #FFFFFF url(./img/menu/menu_gondrin_on_15.jpg);width: 212px; height: 25px;display: block;}
a.menu8{background: #FFFFFF url(./img/menu/menu_gondrin_on_16.jpg);width: 212px; height: 24px;display: block;}
a.menu9{background: #FFFFFF url(./img/menu/menu_gondrin_on_18.jpg);width: 212px; height: 26px;display: block;}
a.menu10{background: #FFFFFF url(./img/menu/menu_gondrin_on_19.jpg);width: 212px; height: 24px;display: block;}
a.menu11{background: #FFFFFF url(./img/menu/menu_gondrin_on_23.jpg);width: 212px; height: 22px;display: block;}

a.menu1:hover  {background: #FFFFFF url(./img/menu/menu_off_09.jpg);}
a.menu2:hover  {background: #FFFFFF url(./img/menu/menu_off_10.jpg);}
a.menu3:hover  {background: #FFFFFF url(./img/menu/menu_off_11.jpg);}
a.menu4:hover  {background: #FFFFFF url(./img/menu/menu_off_12.jpg);}
a.menu5:hover  {background: #FFFFFF url(./img/menu/menu_off_13.jpg);}
a.menu6:hover  {background: #FFFFFF url(./img/menu/menu_off_14.jpg);}
a.menu7:hover  {background: #FFFFFF url(./img/menu/menu_off_15.jpg);}
a.menu8:hover  {background: #FFFFFF url(./img/menu/menu_off_16.jpg);}
a.menu9:hover  {background: #FFFFFF url(./img/menu/menu_off_18.jpg);}
a.menu10:hover {background: #FFFFFF url(./img/menu/menu_off_19.jpg);}
a.menu11:hover {background: #FFFFFF url(./img/menu/menu_off_23.jpg);}