html body {
margin: 0px; padding: 0px;
}

body {
	background-image: url(../img/bg01.png); 
	background-color: #FFFFF4;
	font-family: Lucida Sans Unicode, sans-serif;
	background-attachment: fixed;
}

h1 { margin: 15px; padding: 0px; font-size: 28px; color: #FFF;  font-family: 'Roboto Condensed', sans-serif;}
h2 { margin: 15px; padding: 0px; font-size: 20px; color: #333;  font-family: 'Roboto Condensed', sans-serif;}

div {transition: width 0.2s, height 0.2s; -webkit-transition: width 0.2s, height 0.2s; -moz-transition: width 0.2s, height 0.2s; }



#DIVH { background-color: #222; height: 150px; border-bottom: solid 2px #C00000; box-shadow: 0px 3px 5px #555; 
background-image: url(../img/trame1.png); background-size: cover; }

.BAN { position: relative; z-index: 500px; border: solid 0px #C00000; color: #FFF; } 




#LOGO { position: absolute; top: 20px; left: 0px; height: 90px; }

/* Style Menu Type 01*/
#MENU01 { position: relative; z-index: 500px;  background-color: #333; width: 940px; height: 50px;  color: #FFF;
margin-top: -25px; border-radius: 5px; box-shadow: 0px 0px 5px #555; overflow: hidden; font-size:10px;}


/* DIVSLIDE */
#DIVSLIDE {width: 940px; height: 350px; margin-top: 20px; border-radius: 5px; box-shadow: 0px 0px 5px #555; overflow: hidden; background-color: #333; }


#BLOCKMID {font-size:14px; width: 940px; min-height: 250px; margin-top: 15px; border-radius: 5px;  overflow: hidden;}
#BLOCKMID td {box-shadow: 0px 0px 2px #555; border-radius: 5px;}

#DIVB {background-color: #C00000; min-height: 200px; border-top: solid 2px #333; margin-top: 20px;  box-shadow: 0px -3px 5px #555;
background-image: url(../img/trame1.png); background-size: cover;  }

#piedpg  {color: #FFF; width: 100%; min-height: 150px; margin-top: 3px; border: solid 0px #333;

}

#PIED940  {}

#PIED940  td {box-shadow: none; border-radius: 0px;}


#PIED750  {display: none;}
#PIED450  {display: none;}
#PIED100  {display: none;}

#CNT01 {}
#CNT01 td { padding: 10px; background-color: #FFF;}
#CNT01 td img { border-radius: 10px;}






.TBMENU { text-align: center; width: 100%; height: 50px; }

.TDMENU { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
vertical-align: middle; width: 20%; border-right: solid 1px #AAA; cursor: pointer; }

.TDMENU a { color: #FFF; text-decoration: none; }


.TDMENU:hover {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
background-color: #C00000; color: #FFF;}


.TDCONTACT {  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
 vertical-align: middle; width: 20%; cursor: pointer;}
 
 
.TDCONTACT a { color: #FFF; text-decoration: none; } 
 
 
.TDCONTACT:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; 
background-color: #C00000; color: #FFF;}




/* Icon Facebook et LinekedIn */
.SOCICON { transition: background-color 1s; -webkit-transition: background-color 1s; -moz-transition: background-color 1s;
 border-radius: 3px; background-color: #FFF; cursor: pointer;}
.SOCICON:hover { transition: background-color 0.5s; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s;  
background-color: #C00000;}


.cntslide { background-color: #333; width: 940px; height: 350px; }


/* -------------------BOUTON GENERAUX------------------------*/ 


.BOUTON01 {
    border: solid 0px #333;
    border-radius: 5px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    line-height: 1em;
    text-align: center;
    cursor: pointer;
    display: inline-block;
	background: none repeat scroll 0% 0% #C00000;
	
	background-image: linear-gradient(#C00000 0px, #E15C13 0px, #C00000 50%);
    background-image: -webkit-linear-gradient(#C00000 0px, #E15C13 0px, #C00000 50%);
    background-image: -moz-linear-gradient(#C00000 0px, #E15C13 0px, #C00000 50%);
    color: #FFFFF4;
	min-width: 100px;
}

.BOUTON01:hover {
background: none repeat scroll 0% 0% #C00000;
color: #FFFFF4;
}


.CNTPAGE h1 { margin: 15px; padding: 0px; font-size: 28px; color: #333;  font-family: 'Roboto Condensed', sans-serif; }
.CNTPAGE h2 { color: #333; }
.CNTPAGE h3 { color: #333; }
.CNTPAGE h4 { color: #333; }
.CNTPAGE h5 { color: #333; }



.TITREPAGE { Font-size: 26px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold;}


/* -------------------FORMULAIRE DE CONTACT------------------------*/ 


#FORMCONTACT { border: solid 0px #000; }

#FORMCONTACT td { box-shadow: none; }

#FORMCONTACT input { border: solid 0px #800; height: 25px; font-size: 16px; width: 400px; box-shadow: 0px 0px 5px #999 inset;
padding: 5px; border-radius: 3px; margin-bottom: 15px; background-color: #FFF;}

#FORMCONTACT textarea { border: solid 0px #800; height: 25px; font-size: 16px; width: 390px; box-shadow: 0px 0px 5px #999 inset;
padding: 5px; border-radius: 3px; margin-bottom: 15px; background-color: #FFF; height: 200px;}

.PPAG a { color: #FFF; text-decoration: none; font-size: 12px;}
.PPAG a:hover { color: #000; font-size: 13px;}