/* CSS WebGestEvent - Tous droits reserves */

/* Balises Generales */

body {
	font: 12px Arial, Tahoma, Helvetica, Sans-Serif;
	text-align:center;
	background-image: url(http://www.midiconcept.fr/pagecss/fondmelee.jpg);
	background-repeat: repeat-x;
	background-color: #01A1DD;
}

p {
margin: 10px 0 10px 0;
}



h1 {
text-align: left;
border-bottom: #A50D72 solid 2px;
font-size:22px;
color:#FD7A10;
padding-top:5px;
padding-bottom:5px;
margin: 10px 0 10px 0;
}

h2 {
	text-align: left;
	font-size:18px;
	color:#8CC63E;
	font-style:italic;
	text-indent:0px;
margin: 10px 0 10px 0;
}

h3 {
text-align: left;
font-size:14px;
color: #FF9900;
font-style:italic;
text-indent:20px;
margin: 10px 0 10px 0;
}

h3 a{color: #FF9900;
text-decoration:none;}

h3 a:hover{color: #FF9900;
text-decoration:underline;}

.droite {text-align:right;}
.gauche {text-align:left;}
.centre {text-align:center;}
.vcentre {vertical-align:middle;}

form {
text-align:left;
}


h4 {
font-family: Arial, Tahoma, Helvetica, Sans-Serif;
font-size:12px;
font-weight:normal;
margin: 10px 0 10px 0;
}

/* Boite du Menu */

#menutop {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	height:22px;
	float: left;
	border-left : solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	font-size:13px;
	font-weight:bold;
	background-color:#006CA5;
	top:-5px;
background-color:#A50D72;
}

#menutop ul, #menutop li {
margin:0;
padding: 0;
list-style-type: none;
}



#menutop li {
float: left;
display:inline;

}

#nav {
	position: relative;
	z-index: 100;
	width: 950px;
	text-align: left;
	float: left;
	display: inline;
	top:0;
	left:0;
}

#menu_top
{
list-style-type: none;
width: 950px;
position: absolute;
top: 0px;
left: 0;
z-index: 100;
padding:0;
margin:0;
}
#menu_top li { 
float: left; 
width: 185px;
border-right: solid 1px #CCCCCC;

}


#menu_top a:link, #menu_top a:visited {
	display: block;
	color: #333;
	background: #006CA5;
	padding: 3px 6px;
	text-decoration: none;
	z-index: 100;
	height:1%;
	color:#FFFFFF;
}

#menu_top li#menu2 {

}


ul#menu_top li#menu0  {
margin-left:20px;
display:none;
}

ul#menu_top li#menu0 a {
background-color:#A50D72;
}
ul#menu_top li#menu0 a:hover {
	background: #B95F92;
}

ul#menu_top li#menu1 a {
	background: #006CA5;
}
ul#menu_top li#menu1 a:hover {
	background: #B95F92;
}

ul#menu_top li#menu2 {
margin-left:20px;
}

ul#menu_top li#menu2 a {
background: #A50871;
}
ul#menu_top li#menu2 a:hover {
background: #B95F92;
}

ul#menu_top li#menu3 a {
	background: #A50871;
}

ul#menu_top li#menu3 a:hover {
background: #B95F92;
}

ul#menu_top li#menu4 a {
background: #A50871;
}
ul#menu_top li#menu4 a:hover {
background: #B95F92;
}

ul#menu_top li#menu5 a {
background: #A50871;
}
ul#menu_top li#menu5 a:hover {
background: #B95F92;
}

ul#menu_top li#menu6 a {
background: #A50871;
}
ul#menu_top li#menu6 a:hover {
background: #B95F92;
}

#menu_top a:hover {
	color: #FFFFFF;
	background-color: #006CA5;
}

#menu_top .sousMenu {
 display: none; 
list-style-type: none; 
}

#menu_top .sousMenu li
{
float: none;
width: 185px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #CCCCCC;
}

#menu_top .sousMenu a:link, #menu_top .sousMenu a:visited {
	display: block;
	color: #333333;
	background-color:#DF0038
	border-style: solid;
	border-color: transparent;
	text-decoration: none;
	color:#FFFFFF;
}

#menu_top .sousMenu a:hover {
background-image: none;
color: #FFFFFF;
background-color: #E96908;
/*font-weight: bold;*/
}

/*#menu_top li:hover > .sousMenu { display: block; }*/

/* Container Page */

#container {
	width:952px;
	text-align:center;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	background-color: #FFFFFF;
}

.container_main {
width:950px;
float:left;
height:auto;
border-left : solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
background-color:#FFFFFF;
}

/* Header */

#header {
width:950px;
float:left;
border-color:#CCCCCC;
border-left : solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-top: solid 1px #CCCCCC;
}

/* Bloc Gauche */

#bloc_gauche {
	width:165px;
	height:auto;
	float:right;
	border-color:#CCCCCC;
	border-left: solid 1px #CCCCCC;
	z-index:100;
	padding-left:10px;
	padding-right:10px;
	background-color: #FFF;

}


/* Feuille Centrale */

#main {
	width:744px;
	height:auto;
	float:left;
	border-color:#CCCCCC;
	border-left : solid 1px #CCCCCC;
	margin-left:-1px;
	z-index:90;
	padding-left:10px;
	padding-right:10px;
	background-color: #FFF;

}
#main p {
font-size:12px;}



.vide {
background:#CCCCCC;
}

/* Footer */

#footer {
width:950px;
float:left;
border-left : solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom : solid 1px #CCCCCC;
border-top : solid 1px #CCCCCC;
margin-left:-1px;
}

#footer p {
text-align:center;
margin: 0 0 0 0;
}

#footer hr {
width: 95%;
}

/* Midiconcept */

#midiconcept {
width:950px;
float:left;
top:0;
color:#999999;
margin-left:auto;
margin-right:auto;
background-color:#01A1DD;
}

#midiconcept img {
vertical-align:middle;
}
#midiconcept a, #midiconcept p {
text-decoration:none;
color: #FFFFFF;
border-bottom:dashed 1px #FFFFFF;

}
#midiconcept a:hover {
font-weight:bold;}

#accessibilite {
width:952px;
text-align:center;
margin-right:auto;
margin-left:auto;
vertical-align:middle;
color: #000;
}

#accessibilite a {
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#accessibilite a:hover {
text-decoration:underline;
}

.bouton {
color:#000000;
border:solid 1px #003366;
background-color:#FFFFFF;
text-decoration:none;
text-align:center;
}

.bouton a:hover{
border:solid 1px #003366;
background-color:#FFFFFF;
text-decoration:none;
font-weight:bold;
color:#0099FF;
text-align:left;
}

/* Tableau Central */


.aliasanimation {
background:#A40E72;
color:#FFFFFF;
height:18px;
padding-top:2px;
}

div.aliasanimation input {
padding-top:5px;
margin-top:0px;
}


thead {
background-color:#006600;
border:1px solid #CCCCCC;

}


#main table {
width: 100%;
float:left;
border-collapse:collapse;
}


.inscription th {
border: thin solid #000;
padding: 5px;
text-align:center;
font-weight:normal;
}

td {
border: solid #000 1px;
text-align: left;
vertical-align:top;
border-collapse:collapse;
}

/* Les Blocs */

.bloc {
float:left; 
padding: 5px 5px 5px 5px; 
margin-top: 5px;
margin-bottom: 5px;
}

.bloc_gauche {
float:left; 
padding: 5px 5px 5px 5px; 
margin-top: 5px;
margin-bottom: 5px;
}

.bloc_droite {
float:right; 
padding: 5px 5px 5px 5px; 
border: solid 1px #CCCCCC;
margin-top: 5px;
margin-bottom: 5px;
}

.grand {width:732px;}
.moyen {width:350px;}
.petit {width:200px;}
.micro {width:100px;}

.bloc-titre {
display: block; 
margin: 0px 0px 5px 0px; 
padding: 2px 5px 2px 5px; 
font-weight: bold;
}

.bloc-contenu {
display: block; 
margin: 0px 0px 5px 0px; 
padding: 2px 5px 2px 5px; 
text-align:justify;
width: 95%;
}


.bleu {background-color: #9EE5EB;}
.titre-bleu {background-color: #43CACD; color:#FFFFFF;}

.vert {background-color: #CCE580;}
.titre-vert {background-color: #98CB00;color:#FFFFFF;}

.rouge {background-color: #FFCC81;}
.titre-rouge {background-color: #FF9900;color:#FFFFFF;}

.champagne {background-color: #FFE681;}
.titre-champagne {background-color: #FFCC01;color:#FFFFFF;}

.gris {background-color: #F5F5F5;}
.titre-gris {background-color: #D3D3D3;color:#FFFFFF;}

.noir {background-color: #9999CB;}
.titre-noir {background-color: #323594; color:#FFFFFF;}

.vertfonce {background-color: #9ACD32;}
.titre-vertfonce {background-color: #228B22; color:#FFFFFF;}

.chataigne {background-color: #DEB887;}
.titre-chataigne {background-color: #8B4513; color:#FFFFFF;}

.saumon {background-color: #C080BC;}
.titre-saumon {background-color: #7F017F; color:#FFFFFF;}

 table.inscription tbody   { width:inherit;}
 table.inscription td.choisi   { background-color: #CCFF99; width:auto; margin-left:auto; margin-right:auto;}
 table.inscription td.nonchoisi   { background-color:#FFFFFF; width:auto; margin-left:auto; margin-right:auto;}
 table.inscription td.pas_coche { background-color: #FFFFFF; width:auto; margin-left:auto; margin-right:auto;}
 table.nonchoisi label { display:block; width:100%; height:100%; margin:0; padding:0; border:none; cursor:pointer;  }
 
 .centre_interet  td,th,table{
 border:0; 
 }
 
 table.normal { width:100%; vertical-align:middle;}
 table.normal img { vertical-align:middle; float:none;}
 table.normal td { vertical-align:middle; float:none;}
 
 table.centre_interet { vertical-align:middle;}
 table.centre_interet input { vertical-align:middle;}
 table.centre_interet:hover { cursor:pointer;  width:auto;margin-left:auto; margin-right:auto;}
 table.centre_interet tr { padding:10px; margin:0;   width:auto;}
 table.centre_interet tr { padding:0; margin:0;  width:auto; }
 table.centre_interet tr.choisi   { background-color: #CCFF99; vertical-align:middle;} 
 table.centre_interet tr.pas_coche { background-color:white; color:black; }
 table.centre_interet td.label { vertical-align:middle;display:block; width:100%; height:100%; margin:0; padding:0; border:none; }
 table.centre_interet td.droite {background-color: transparent; width:30%; margin-left:auto; padding-right:10px;}
 table.centre_interet td {background-color: transparent; width:70%; height: 30px;margin-left:auto; margin-right:auto;}
 table.centre_interet td.pas_coche {vertical-align:middle;}
 table.centre_interet tr:hover {background-color: #CCFF99;  width:auto;}
 table.centre_interet td.droite {vertical-align:middle;}
 
 table.coord { width: 100%;}
 table.coord tr { padding:10px; margin:0; border:0;  height: 120%; width:auto; margin-left:auto; margin-right:auto;}
 table.coord td {vertical-align:middle; padding:0; margin:0; border:0;width:50%; margin-left:auto; margin-right:auto; }
 table.coord input {background-color: #FFFFFF; border:solid 1px #6699CC; margin:2px 0 2px 10px; }
 table.coord select {border:solid 1px #6699CC; margin:2px 0 2px 10px; }
 table.coord textarea {border:solid 1px #6699CC; margin:2px 0 2px 10px; }
 table.coord input:hover {background-color: #CCFF99;width:auto; margin-left:auto; margin-right:auto;margin:2px 0 2px 10px; }
 table.coord input:focus {background-color: #CCFF99;width:auto; margin-left:auto; margin-right:auto;margin:2px 0 2px 10px; }

 table.partenaires  td
 { width: 60%; background-color: transparent; border:0; margin-left:auto; margin-right:auto; text-align:center;}


table.wysiwyg {
  border-collapse: collapse;
  border-spacing:0;
  border:1px solid #999;
}
table.wysiwyg th{
  background:#DEDEDE;
  padding:0;
  margin:0;
}
table.wysiwyg th img{
  display:block;
  float:left;
  margin:2px 0 2px 2px;
  border:1px solid #FFF;
  border-right-color:#999;
  border-bottom-color:#999;
  cursor: pointer;
}
table.wysiwyg td{
  background:#FFF;
  padding:0;
  margin:0;
}

table.wysiwyg iframe {
  width:100%;
  height:200PX;
  border:0 solid;
  padding:0;
  margin:0;
}

.wysiwyg {
  width:70%;
  text-align:center;
}

.erreur {
color:#CC0000;
font-weight:bold;}

.valid {
color: #66CC33;
font-weight:bold;}

.login {
width:40%;
margin-left:auto;
margin-right:auto;
padding: 5px 5px 5px 5px; 
border: solid 1px #CCCCCC;
margin-top: 5px;
margin-bottom: 5px;
}

.succes {background-color: #00CC33; color:#FFFFFF; font-weight:bold;}
.pas_succes {background-color: #FF6600; color:#FFFFFF; font-weight:bold;}

table.container_listing { width: 100%; background-color:#FFFFFF; border:solid #CCCCCC 1px ;border-collapse:collapse;}
table.container_listing td {color : #000000; text-ident : 5px ; border:0;}
table.container_listing img.photologo {width: 70px; margin-left:auto; margin-right:auto; border-collapse:collapse; height:auto;}
table.container_listing td.comment {background-color : #FFFFFF; border:0; padding-right: 5px;text-align:justify; padding-left:5px;}
a.container_listing { width: 100%; color:#FFFFFF; border:0;font-weight: bold; text-decoration:underline;}
a.container_listing:hover { width: 100%; color:#FFFFFF; border:0;font-weight: bold; text-decoration:none;}



table.logos td {
vertical-align:middle;
padding: 0px 0px 0px 0px;
border: 0 !important; 
text-align: center; 
background-color: #FFFFFF;

}



table.logos {
width: 100%;
margin-right: 0; 
margin-left: auto; 
border: 0; 
text-align: center;
margin-top:20px;
 }


table.logos div.titrebloc {
background-color: #652D91;
color: #FFFFFF;
display:block;
font-size:12px;
}

#anim76 div.aliasanimation, #anim66 div.aliasanimation, #anim73 div.aliasanimation, #anim104 div.aliasanimation {
background-color:#C6DB1C;
}


#anim113 div.aliasanimation, #anim116 div.aliasanimation, #anim112 div.aliasanimation {
background-color:#7F0011;
}