body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    font-family:  verdana, tahoma, sans-serif;
    text-align: center;
    color: #F2F9FF;
    background-color: #d51515;
    background-image: url(/i/c/ombrepage.jpg);
    background-repeat: repeat-y;
    background-position: center;
    }
h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    }
table {
    border-collapse: collapse;
    }

/* DESIGN */
#global {
    width: 980px;
	background: url(/i/c/top.jpg);
	background-repeat: no-repeat;
	background-color: #FF1919;
    }
#entete {
    height: 178px;
    text-align: left;	
    }
#entete2 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    }
#entete2 h1#logo a {
    position: absolute;
    margin: 0;
    padding: 0;
    font: bold 58px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
    letter-spacing: -1px;
    color: #000000;
    text-decoration: none;
    top: 30px;
    left: 10px;	
    }
#entete2 h1#logo span {
    color: #FFFFFF;	
    }
#entete2 #entetetxt {
	position: absolute;	
	font: normal 12px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	top: 100px;
    left: 50px;
    }
#baspage {
    padding: 20px;
    border-top: 5px solid #F6FF5E;
    background-color: #aaaaaa;
    background-image: url(/i/c/fondbas.jpg);
    background-repeat: repeat-x;
    }
#baspage table td{
    width: 33%;
    }
#baspage ul {
    list-style: none;
    margin: 10px 0px 0px 0px; 
    padding: 0;	
    border-bottom: 1px #000066 solid;
    width: 96%;
    }
#baspage li {
    border-top: 1px #000066 solid;
    }
#baspage li a {
    display: block;
    padding: 5px; 
    width: 96%;
    font-size: 12px;
    }
#baspage li a:hover {
    color: #ffffff;
    text-decoration: none;
    }




/* BOX */
.box {
    margin: 0px 10px 20px 10px;	
    padding: 0px 10px 20px 10px;		
    border: 5px solid #B30000;
    background: url(/i/c/fond_box.jpg);		
    }
.box h1 {
    font: bold 2em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
    color: #BCC428;
    text-decoration: none;
    margin: 0;
    padding: 10px 0px 0px 0px;
    }
.box h1 a{
    color: #BCC428;
    text-decoration: none;
    font: bold 1.1em 'Trebuchet MS', Arial, Sans-serif;
    }
.box h1 a:hover{
    color: #ffffff;
    text-decoration: underline;
    }

/* LIENS */
a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    }
a:hover {
    color: #000000; 
    text-decoration: underline;	
    font-weight: bold;
    }

/* FORMULAIRE */
form {
    margin: 10px 15px; 
    padding: 10px;
    border: 2px solid #525252; 
    background-color: #cccccc; 
    color: #000000;
    }
fieldset {
    margin: 0;
    padding: 0;
    border: none;
    }
input {
    padding: .3em;
    border: 1px solid #eee;
    font: normal 1em Verdana, sans-serif;
    color:#777;
    }
textarea {
    width: 55%;
    padding: .3em;
    font: normal 1em/1.5em Verdana, sans-serif;
    border: 1px solid #eee;
    height: 10em;
    display:block;
    color:#777;
    }
input.button { 
    font: bold 1em Arial, Sans-serif; 
    margin: 0;
    padding: .25em .3em;
    color: #FFF;
    background: #A2CC00;
    border: 2px solid #8EB200;
    }


/* MENU HAUT */
#menuhaut1 {
    float: left;
    clear: both;
    width: 100%;
    background: url(/i/c/ssmenu.gif) repeat-x left bottom; 
    }
#menuhaut2 {
    clear: both;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    }
#menuhaut2 ul {
    float: left;
    list-style: none;
    text-transform: uppercase;
    margin: 0;
    padding: 0;	
    height: 64px;	
    width: 100%;	
    }
#menuhaut2 ul li {
    float: left;
    margin: 0;
    padding: 0;
    height: 64px;
    }
#menuhaut2 ul li a {
    display: block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0 15px;
    color: #000000;
    font: bold 15px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
    text-decoration: none;	
    letter-spacing: 1px;	
    }
#menuhaut2 ul li a:hover, #menuhaut2 ul li a:active {
    color: #333;	
    }
#menuhaut2 ul li#current {
    background: url(/i/c/posmenu.jpg) no-repeat center bottom;		
    }
#menuhaut2 ul li#current a {
    color: #333;
    }

/* MENU COLONNE */
#tablocontenucol2 ul.menucolone {
    list-style:none;
    margin: 0;
    padding: .3em 0 1em 5px;		
    font-family: 'Trebuchet MS', Tahoma, Sans-serif;
    width: 95%;		
    }
#tablocontenucol2 ul.menucolone li {
    padding: 0px; 
    }
#tablocontenucol2 ul.menucolone li a {
    background-color: #FF1919;    /* laisser cette ligne pour mettre les liens cliquable en 100% de large sur IE */
    background: url(/i/c/etoile.gif) no-repeat 5px 8px;		
    display: block;
    font-weight: bold;
    color: #E8F4FF;	
    text-decoration: none;
    padding: .2em 0 .2em 30px;
    line-height: 1.5em;
    font-size: 1.0em;
    }
#tablocontenucol2 ul.menucolone li #caton {
    border: 1px #EA1E00 solid;
    background-color: #FF6F6F;
    color: #000000;
    }
#tablocontenucol2 ul.menucolone li a:hover {
    background: #EA1E00 url(/i/c/etoile.gif) no-repeat 10px 8px;	
    color: #FFF;
    padding-left: 35px;
    }
#tablocontenucol2 ul.menucolone ul{
    margin-left: 15px;
    }
#tablocontenucol2 .colonebox {
    margin: 5px 15px 5px 0;
    padding: 0;
    border-bottom: 1px #000000 solid;
    }

#tablocontenu {
    clear: both;
    width: 100%;
    }
#tablocontenucol2 {
    width: 200px;
    border: 0px #FFFF00 dashed;
    }
#tablocontenucol2 h1{
    font-size: 13px;
    color: #801000;
    }

/* POWERPOINT */
.tabloresult {
    border: 0px #FFFF00 dashed;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px #FF1919 solid;
    width: 95%;
    }
.tabloresult_v {
    border: 0px #FFFF00 dashed;
    padding: 0px 15px 10px 0px;
    width: 10px;
    }
.tabloresult_v IMG{
    border: 4px #FFFFFF solid;
    }
.tabloresult_c {
    padding: 0px 0px 10px 0px;
    }
.tabloresult_n {
    width: 110px;
    border: 0px #FFFFFF solid;
    font-size: 10px;
    }
.fichiervoir {
    font-size: 12px;
    text-align: right;
    } 
.fichiervoir B {
    color: #FFFFFF;
    font-weight: normal;
    } 
.fichiervoir a {
    font-size: 14px;
    text-transform: uppercase;
    } 
.diaporeche_commentaires {
    padding: 10px 0px 0px 0px;
    color: #C0C0C0;
    }
#avis_block {
    padding: 0px 0px 0px 15px;
    width: 595px;
    text-align: left;
    }
.avispresentmsg {
    text-align: left;
    clear: both;
    border: 0px dashed #FFFFC6;
    }
.avispresent {
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px dashed #FFFFC6;
    color: #FFFFC6;
    text-align: left;
    }
.avis1 {
    color: #FFFFC6;
    float : left;
    background-image: url(/i/c/dit.gif);
    background-repeat: no-repeat;
    padding: 2px 0px 2px 22px;
    }
.avis2 {
    text-align: right;
    float: right;
    font-style: italic;
    }
#hravis {
    color: #ff6600;
    display: none;
    }


/* NAVIGATION PAR PAGE */
.navigation_div {
    }
.navigation_haut a {
    }
.navigation_bas {
    padding-top: 10px;
    }
.navigation_bas a {
    border: 1px #000000 solid;
    font-size: 16px;
    padding: 3px 2px 3px 2px;
    background-color: #FFFF80;
    }
.navigation_bas a:hover {
    border: 1px #000000 solid;
    font-size: 16px;
    padding: 3px 2px 3px 2px;
    background-color: #FF1919;
    text-decoration: none;
    color: #FFFFFF;
    }
.navigation_bas label {
    border: 1px #000000 solid;
    font-size: 16px;
    padding: 3px 2px 3px 2px;
    background-color: #FF1919;
    text-decoration: none;
    color: #000000;
    }

/* PAGE VOIR */
#tabdiapovoir {
    border: 0px #ffffff solid;
    width: 725px;
    }
#pagevoir {
    text-align: left;
    width: 650px;
    }
#filevoircontent h3 {
    color: #232323;
    font-size: 14px;
    font-weight: normal;
    }
#vignettes_nav {
    text-align: center;
    width: 100%;
    background-color: #FF1919;
    border: 4px #B30000 solid;
    padding: 5px 0px 5px 0px;
    }
#vignettes_nav img {
    border: 5px #FFFFFF solid;
    margin: 3px 0px 3px 0px;
    }
#filevoirnom {
    text-transform: uppercase;
    color: #FFFF80;
    /*text-align: right;*/
    }
#filevoirnom h2{
    /*padding-right: 140px;*/
    font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;
    }
.filevoirdownload {
    background-image: url(/i/c/telecharger.gif);
    background-repeat: no-repeat;
    padding: 3px 0px 3px 25px;
    }
#namepermlink {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    background-color: transparent; 
    color: #000000;
    border: 0px;
    }
#namepermlink input {
    width: 320px;
    padding: 0px 0px 0px 3px;
    border: 2px solid #4E4E4E;
    color:#777;
    font-size: 10px;
    }
#votreavis form {
    margin: 0px; 
    padding: 10px;
    border: 2px solid #000000; 
    background-color: #C01700; 
    color: #000000;
    font-size: 12px;
    }
#votreavis input {
    padding: .3em;
    border: 1px solid #515151;
    font-size: 12px;
    color: #454545;
    }
#votreavis textarea {
    width: 90%;
    padding: .3em;
    font-size: 12px;
    border: 1px solid #515151;
    height: 50px;
    color: #454545;
    }
#votreavis #butform { 
    font: bold 1em Arial, Sans-serif; 
    margin: 0;
    padding: .25em .3em;
    color: #000000;
    background-color: #A2CC00;
    border: 2px solid #3E5401;
    }
#votreavis #email { display:none;height:1px;width:1px; }
.thenote {
    width: 150px;
    height: 18px;
    display: inline;
    padding: 20px 0px 20px 0px;
    border: 0px #FFFFFF dashed;
    }
.thenote DIV{
    display: inline;
    }