/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFF;
margin: 0;
padding: 0;
background-color:#000000;
}
.gauche{ float:left;}
.droite{ float:right;}
#conteneur {
width: 752px;
margin: 0 auto; 
}
#header {
height: 196px;
background-color: #FFFFFF;
margin:0;
}
#menu {
height: 30px;
width:752px;

background-image:url(img/fondmenu.jpg);
background-color:#FF0000;
overflow:hidden;
}
#centre {
background-image:url(img/mad2_r4_c2.jpg);
background-repeat:repeat-y;
width:752px;
float:left;
position:relative;

}
#centre a {
	text-decoration:none;
	font-weight:bold;
	color:#F90;
}
#centre a:hover {
	color:#FFC;
}
#pied {
clear:both;
height: 29px;
background-color: #000000;
background-image:url(img/mad2_r5_c2.jpg);
background-repeat:no-repeat;
}
p {margin: 0;}

/*début menu*/

.menuhaut {
list-style-type: none;
padding:0;
margin-left:100px;
margin-right:100px;
}
#menu ul.menuhaut{
  margin-top:0px;
}
#menu ul.menuhaut li{
  display:inline;
  list-style-type:none;
  
}
#menu ul.menuhaut li a{
  float:left;
  display:block;
  font-size:0px;
  color:#A5151F;
  background-repeat:no-repeat;
  height:29px;
  text-align:center;
}
#menu ul.menuhaut li a.presentation:link, #menu ul.menuhaut li a.presentation:visited{
  background-image:url(img/presentationn.jpg);
 
  width:140px;
}
#menu ul.menuhaut li a.presentationb:link, #menu ul.menuhaut li a.presentationb:visited , #menu ul.menuhaut li a.presentation:hover, #menu ul.menuhaut li a.presentation:active{
  background-image:url(img/presentation.jpg);
  color:#D41524;
  width:140px;
}
#menu ul.menuhaut li a.role:link, #menu ul.menuhaut li a.role:visited{
  background-image:url(img/rolen.jpg);
  width:154px;
}
#menu ul.menuhaut li a.roleb:link, #menu ul.menuhaut li a.roleb:visited , #menu ul.menuhaut li a.role:hover, #menu ul.menuhaut li a.role:active{
  background-image:url(img/role.jpg);
  color:#D41524;
  width:154px;
}
#menu ul.menuhaut li a.appel:link, #menu ul.menuhaut li a.appel:visited{
  background-image:url(img/appeln.jpg);
  width:155px;
}
#menu ul.menuhaut li a.appelb:link, #menu ul.menuhaut li a.appelb:visited , #menu ul.menuhaut li a.appel:hover, #menu ul.menuhaut li a.appel:active{
  background-image:url(img/appel.jpg);
  color:#D41524;
  width:155px;
}
#menu ul.menuhaut li a.contact:link, #menu ul.menuhaut li a.contact:visited{
  background-image:url(img/contactn.jpg);
  width:98px;
}
#menu ul.menuhaut li a.contactb:link, #menu ul.menuhaut li a.contactb:visited , #menu ul.menuhaut li a.contact:hover, #menu ul.menuhaut li a.contact:active{
  background-image:url(img/contact.jpg);
  color:#D41524;
  width:98px;
}
/*fin menu*/

#contenugauche {
float:left;
width:201px;
margin-left:10px;
margin-top:20px;
}
#contenugauche h1, #contenudroite h1 {
margin:0;
text-align:right;
color:#FFFFFF;
padding-right:5px;
display:block;
border:none;
background-color:#333333;
font-size:12px;}
#contenugauche p {
margin:0;
color:#FFFFFF;
text-align:justify;
font-size:10px;
}
#contenudroite p {
margin:5px;
color:#FFFFFF;
text-align:justify;
font-size:10px;
}
#contenudroite {
float:right;
width:500px;
margin-right:10px;
margin-left:20px;
margin-top:20px;
}
#img1 {
width:199px;
margin:5px 0px 5px  auto ;
}
#pixell {
width:752px;
margin:0 auto;
}
#pixell p {
font-size:9px;
text-align:right;
}
#pixell a {
text-decoration:none;
color:#FFFFFF;}

#centrerol {
background-color:#000000;
background-image:url(img/mad2_r4_c2.jpg);
background-repeat:repeat-y;
height:370px;
margin:0;
padding:10px 0 0 0;
}
#centrerol a {
	text-decoration:none;
	font-weight:bold;
	color:#F90;
}
#centrerol a:hover {
	color:#FFC;
}
#role {
width:740px;
height:250px;
margin:0 auto;
}
#role h1 {
margin:0;
text-align:right;
color:#FFFFFF;
display:block;
border:none;
background-color:#333333;
font-size:12px;}
#role p {
margin:10px 0 0 0;
color:white;
text-align:justify;
}
.imgrole1 {
float: left;
width: 150px;
margin: 10px 10px 10px 0px;
}
#role2 {
width:740px;
height:100px;
margin:0 auto;
padding:10px 0 0 0;
}
#role2 h1 {
margin:0 160px 0 0;
text-align:right;
color:#FFFFFF;
display:block;
border:none;
background-color:#333333;
font-size:12px;
}

.imgrole2 {
float: right;
width: 150px;
margin: 0px 0px 10px 10px;
}
#contact1 {
float:left;
padding:10px;
}
#contact1 h1 {
margin:0;
text-align:left;
color:#FFFFFF;
display:block;
border:none;
background-color:#333333;
font-size:12px;
}
#contact1 p {
margin:10px 0 10px 0;
color:#FFFFFF;
text-align:justify;
font-size:10px;
}
#contact {
float:right;
padding:10px 10px 0px 10px;}
#contact h1 {
margin:0;
text-align:left;
color:#FFFFFF;
display:block;
border:none;
background-color:#333333;
font-size:12px;
}

.cadre_mail {
border:#CCCCCC solid 1px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
color:#000000;
}
.envoyer_mail {
border:#CCCCCC solid 1px;
background-color:#666666;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:12px;
font-weight:bold;
color:#CCCCCC;
}
.contact2 {
margin:10px 0 10px 0;
color:#FFFFFF;
text-align:justify;
font-size:10px;
}
#centrec {
background-color:#000000;
background-image:url(img/mad2_r4_c2.jpg);
background-repeat:repeat-y;
height:380px;
margin:0;
}
#contenuappel {
padding-top:10px;
margin:0 auto;
height:100%;
width:740px;}
#contenuappel p {
margin:5px;
color:#FFFFFF;
text-align:justify;
font-size:10px;
}
#contenuappel h1{
margin:0;
text-align:right;
color:#FFFFFF;
display:block;
border:none;
background-color:#333333;
font-size:12px;
}
/* 
	* <table> : crée un tableau
    * <tr> : ligne du tableau
    * <th> : cellules d'en-tête du tableau
    * <td> : cellules du tableau
*/

div#contenuappel table {
border: thin solid #333333;
border-collapse: collapse;
width: 100%;
margin-top:10px;
}
div#contenuappel td, th {
font-family: sans-serif;
border: thin solid #333333;
width: 50%;
padding:10px;

}
 .appelphoto
{
float: left;
margin: 0 10px 0 0;
}
#gallerie {
text-align:center;}
#gallerie ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#appelgallerie li
{
display: inline;
list-style-type: none;
padding:40px;
}
#appelgallerie a { padding: 3px 10px; }
#appelgallerie a:link, #appelgallerie a:visited
{
color: #fff;
background-color: #333333;
text-decoration: none;
}
#appelgallerie a:hover
{
color: #fff;
background-color: #999999;
text-decoration: none;
}
.galleriepage {
color:#FFFFFF;
}