html,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html  {
  background-image: url(images/fond_site.jpg);
  background-repeat: repeat
}

body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;

}

body {
  	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
 }

#formulaire table  {
 font-family: Tahoma, Arial, sans-serif; 
font-size: 0.85em;
                             }

#wrapper  {
 margin-left: auto;
 background-color: #FFF;
  margin-right: auto;
  width: 1000px /* largeur obligatoire pour être centré */
 }


#bandeau {
  height: 170px;
  width: 100%;
  margin: 0;
  background-color: #FFFFFF
}

#bandeau_menu {
  height: 170px;
  width: 100%;
  margin: 0;
  background-color: #FFFFFF
}

#main {    margin-top:30px;
  margin-left: auto;
  margin-right: auto;
        background-color: #FFF;
 }

 #main_slider {    margin-top:0px;
  margin-left: auto;
  margin-right: auto;
        background-color: #FFF;
 }

#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu li {

 float:left;
 margin:auto;
 padding:0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 0.85em;
  color: #1D1D1D;
  background-color: #CCCCCC;
  line-height: 0.75em;
  text-align: left
}
#menu li a {
 display:block;
 width:115px;
 text-decoration:none;
 padding:5px;
 color: #1D1D1D
 }
#menu li a:hover {
 color:#CC0000;
  font-weight: bold
}

#menu ul li ul {
 display:none;
 }

 #menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
    font-size: 0.95em;
           z-index:20;

 position:absolute;
 }
#menu {
height:20px;
 margin-top : 15px;
 padding-left : 240px;
 moz-opacity:1;
opacity: 1;
filter:alpha(opacity=100);
background-color: #CCCCCC;
  border-top : thin solid #CC0000;
  border-bottom : thin solid #CC0000
}


#menu_v2 ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }
#menu_v2 li {

 float:left;
 margin:auto;
 padding:0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 0.85em;
  color: #1D1D1D;
  background-color: #AAA;
  line-height: 0.75em;
  text-align: left
}
#menu_v2 li a {
 display:block;
 width:99px;
 text-decoration:none;
 padding:5px;
 color: #1D1D1D
 }
#menu_v2 li a:hover {
 color:#CC0000;
  font-weight: bold
}

#menu_v2 ul li ul {
 display:none;
 }

 #menu_v2 ul li:hover ul {
 display:block;
 }
#menu_v2 li:hover ul li {
 float:none;
 }
#menu_v2 li ul {
    font-size: 0.95em;
           z-index:20;

 position:absolute;
 }
#menu_v2 {
height:20px;
 margin-top : 15px;
 padding-left : 230px;
 moz-opacity:1;
opacity: 1;
filter:alpha(opacity=100);
background-color: #AAA;
  border-top : thin solid #CC0000;
    border-bottom : thin solid #CC0000

}






#entete_chapeau {
  height: 20px;
  width: 100%;
  margin: 0;
  background-color: #0c73bb;
  font-size: 0.80em;
  font-family: Tahoma, Arial, sans-serif;
  color: #FFFFFF;
  padding-top: 0.5em;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: bold
}

#entete_menu {
  height: 18px;
  width: 100%;
  margin: 0;
      text-align: center;

  background-color: #FFFFFF
}

#entete_menu a {
   font-family: Tahoma, Arial, sans-serif;
    font-size: 0.70em;
    text-decoration: none;
  color: #0c73bb
}

#entete_menu a:hover {
   font-family: Tahoma, Arial, sans-serif;
    font-size: 0.70em;
    text-decoration: underline;
    color: #0c73bb
}




#colonne_gauche {
  float: left;
  width: 20%;
  height: 100%;
  margin-left: 0.5em;
}

.spacer {
  clear: both;
}


#colonne_gauche h1 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #666666;

}



#colonne_gauche .artiste {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.3em;
      font-weight: bold;
    color: #CC0000;
}

#colonne_gauche h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.7em;
      

    line-height: 1.5em;
    color: #333333;
      font-weight: normal
}

#colonne_gauche h3 {
    font-family: Tahoma, Arial, sans-serif;
    padding-left : 1em;
    font-size: 0.6em;
    line-height: 1.5em;
    color: #AAAAAA;
      font-weight: normal
}




#colonne_gauche a {
    color: #333333;
    text-decoration : none
}

#colonne_gauche a:hover {
    color: #CC0000;
}


#colonne_droite_accueil {
  float: left;
  width: 50%;
  margin-left:42px
}

#colonne_droite {
  float: left;
  width: 75%;
  margin-left:42px
}

#colonne_droite td {
padding-top : 15px;
padding-right : 30px;
padding-bottom : 15px;


}
 #colonne_droite_droite {
  float: left;
  width: 175px;
  margin-left:65px
}

#colonne_droite_droite h1 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #666666;

}

#colonne_droite_droite h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.7em;


    line-height: 1.5em;
    color: #333333;
      font-weight: normal
}

#colonne_droite_droite .artiste {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.3em;
      font-weight: bold;
    color: #CC0000;
}

#colonne_droite_accueil p {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.85em;
    line-height: 1.5em;
    color: #000000;

}

#colonne_droite_accueil h1 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #666666;
 }

#colonne_droite_accueil h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.6em;
    line-height: 1.5em;
    color: #666666;
      display: inline;
  font-weight: bold
}


#colonne_droite p {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.85em;
    line-height: 1.5em;
    color: #000000;

}

#colonne_droite h1 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #666666;

}

#colonne_droite h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.6em;
    line-height: 1.5em;
    color: #666666;
      display: inline;
  font-weight: bold
}

#colonne_droite h4 a {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.5em;
    line-height: 1.5em;
    color: #666666;
      display: inline;
}

#colonne_droite h4  {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.5em;
    line-height: 1.5em;
    color: #666666;
      display: inline;
}

#colonne_gauche h1 a {
    color: #666666;
}

#colonne_droite h3 {
    font-family: Tahoma, Arial, sans-serif;
    padding-left : 1em;
    font-size: 0.6em;
    line-height: 1.5em;
    color: #AAAAAA;
      font-weight: normal
}

#colonne_droite a {
    color: #333333;
    text-decoration : none
}

#colonne_droite a:hover {
    color: #CC0000;
}


#actualites {
  width: 100%;
  height: 239px;
  background-image: url(fond_argumentaire.png);
  background-repeat: no-repeat
}

.corps {
    padding: 2em;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #333333
}

  .blanc_tournant {
  vertical-align : top;
}

.blanc_tournant_droit {
  padding-right: 0.5em
}

.rouge {
       color: #CC0000

}

.gras_orange {
      font-family: Tahoma, Arial, sans-serif;
                     font-weight: bold;
     font-size: 1.2em;
    color: #0c73bb
}


.gras_1point_bleu {
      font-family: Tahoma, Arial, sans-serif;
                     font-weight: bold;
     font-size: 1em;
    color: #0c73bb;
  font-style: italic
}

.italic   {
  font-style: italic
}

.titre {
      font-family: Tahoma, Arial, sans-serif;
                     font-weight: bold;
             font-size: 1em;
    color: #000000;
}

.titre_bleu {
      font-family: Tahoma, Arial, sans-serif;
      font-weight: bold;
      font-size: 1em;
       color: #0c73bb;
  font-style: italic
}

.petit {
      font-family: Tahoma, Arial, sans-serif;
                     font-weight: bold;
             font-size: 0.6em;
    color: #000000;
}

.fond_blanc {
  background-image: url(fond_blanc.png);
  background-repeat: no-repeat;
  width: 100%
  height: 131px
}


#col_image {
  width: 100%;
  height: 239px
}

#presentation {
  width: 100%;
  height: 239px;
  background-image: url(fond_argumentaire.png);
  background-repeat: no-repeat
}

.logo {
  width: 100%;
  height: 56px;
  background-image: url(logo_maxwellrender_2.jpg);
  background-repeat: no-repeat
}


.corps_bandeau_blanc {
    padding-top: 1.2em;
    padding-left: 6em;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.5em;
    font-weight: bold;
    color: #000000
}

.legende {
font-family: Arial, Helvetica, sans-serif;
  color: #AAAAAA;
  font-size: 0.7em;
  font-weight: bold
}

.formation {
   width: 100%;
  height: 51px;
  background-image: url(bandeau_blanc_formation.png);
  background-repeat: no-repeat
}

.assistance {
   width: 100%;
  height: 51px;
  background-image: url(bandeau_blanc_assistance.png);
  background-repeat: no-repeat
}






.sous_colonne_gauche_80px {
 padding: 1em;
float: left;
  width: 80px;
}


.sous_colonne_gauche {
  float: left;
  width: 48%;
}

.sous_colonne_gauche_image {
  float: left;
  width: 300px
}

.sous_colonne_droite_texte {
  float: left;
  width: 542px;
  padding-left: 9px;
  padding-right: 9px

}

.sous_colonne_droite {
  float: left;
  width: 47%;
}



#fleche_previous  {

   padding-left: 550px;
display: inline;
}



#fleche_next  {

   padding-left: 600px;
display: inline;
}



#footer  {
  width: 100%;
  height: 20px;
  clear: both;
    text-align: right;
   margin-top : 0px;
  font-family: Tahoma, Arial, sans-serif;
  background-color: #AAA;

}




#footer a {
  color: #FFFFFF;
  text-align: right;
  text-decoration : underline;
}

#footer h1  {

     color: #FFFFFF;
     text-align: right;
       font-size: 0.8em;
        display: inline;

}

#footer h2  {
          color: #FFFFFF;
       font-size: 0.5em;
       text-align: right;
        padding-right : 0.5em;
        display: inline;
}

#sub_header  {
  width: 100%;
  height: 15px;
 clear: both;
  background-color: #AAA
}


/*création du cadre arrondi*/
.cadre_arrondi {
        width: 542px;

}


.haut, .bas {
        width: 542px;
        height: 30px;
        clear : all
}



.contenu_cadre_arrondi {
       padding: 2em;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #333333;
  width: 494px;
   background-image: url(gabarit_centre.png);
  background-repeat: repeat-y
}

 #picto_artiste
 {   float: left;
 margin-bottom: -30px;
 margin-left: 10px;
 }



.haut  { background-image: url('gabarit_haut.png'); }
.bas  { background-image: url('gabarit_bas.png');  }

#accueil_photo
 {  float: left;
  margin-top:25px;
 margin-right:30px;
 margin-bottom:30px;
 width:250px;
 height:100%
 }

 #splash_actu
 {  float: left;
 margin-bottom: 15px;
 width:100%;
 height:100%
 }

  #non_splash_actu
 {  float: left;
margin-bottom: 15px;
 width:100%;
 height:100%
 }

.actu_photo
 {  float: left;
  margin-right: 15px;

 width:250px;
 height:100%
 }



.actu_texte
 {  float: left;
 width:470px;
 }

#accueil_texte p
 {   text-align: left;
  font-family: Tahoma, Arial, sans-serif;
     color: #444444;
       font-size: 0.70em;
           line-height: 1.8em;
           margin-right: 0.8em;
             text-align: justify;
 }

 #accueil_texte h2
      {
        font-size: 0.80em;
        font-weight: normal}

  #accueil_texte h3
      {
        font-size: 1.20em;
      }

 #accueil_texte
 {  float: left;
 width:460px;
 margin-top:25px;
     height:100%;

 }

 #accueil_texte h1
 {   text-align: left;
  font-family: Tahoma, Arial, sans-serif;
     color: #444444;
       font-size: 0.70em;
           line-height: 1.8em;
  font-weight: bold
}

 #accueil_texte .ital
 {
  font-style: italic
}


/*pour forcer l'alignement des colonnes*/
#astuce { clear: left; }

/*pour forcer l'alignement des colonnes*/
#astuce_both { clear: both; }

#page1_texte p
 {   text-align: left;
  font-family: Tahoma, Arial, sans-serif;
     color: #444444;
       font-size: 0.70em;
           line-height: 1.8em;
           margin-right: 0.8em;
             text-align: justify;
 }

 #page1_texte h2
      {
        font-size: 0.80em;
        font-weight: normal}

  #page1_texte h3
      {
        font-size: 1.20em;
      }

 #page1_texte
 {  float: left;
 width:480px;
 margin-top:25px;
     height:100%;

 }

 #page1_texte h1
 {   text-align: left;
  font-family: Tahoma, Arial, sans-serif;
     color: #444444;
       font-size: 0.70em;
           line-height: 1.8em;
  font-weight: bold
}

 #page1_texte .ital
 {
  font-style: italic
}

 #facebook
 {   padding-left : 15px;
 padding-top : 140px;
 position :absolute;
}