/*----- Start "Main definitions" -----*/
* { padding: 0; margin: 0; outline: 0; }
.image_bord{ padding:2px; border:solid 1px #ffffff;}
.image_bord_rouge{ padding:2px; border:solid 1px #ffffff;}
/*.image_bord_rouge{ padding:2px; border:solid 1px #b5151d;}*/
.bg_rouge {background-color:#b5151d;}

body {
    font-size: 12px;
    line-height: 1.8;
    font-family:  Arial, Verdana, sans-serif;
    color: #ffffff;
   /* background: url(../images/bg_rouge.gif) repeat 0 0;*/
	background-color:#b5151d;
    text-align: left;
}

a img { border: 0; }
a { color: #f9b727; text-decoration: underline; }
a:hover { text-decoration: none; }

.left { float: left; display: inline; }
.right { float: right; display: inline; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.field { font-size: 12px; color: #484848; font-family:  Arial, Verdana, sans-serif; color: #000; border: solid 1px #a0a0a0; width: 140px; padding: 2px 5px; }


.titre1 { font-size: 15px; font-weight: bold; color: #f2c50d;  padding: 2px 5px; }  

.rouge { font-size: 12px;  color: #ff9933;}
/*.rouge { font-size: 12px;  color: #CC0000;}*/

/*----- pages -----*/



/*#page1 { padding-bottom: 30px; background-color:#FFFFFF; }
#page2 { padding-bottom: 30px; }*/
#page { padding-bottom: 30px;}
.dimension { width: 980px; margin: 0 auto; }



<!-- ban haut -->

#ban_haut { width: 100%; position: relative; margin-bottom: 5px;  }

<!-- fin ban haut -->



<!-- debut inscription -->

#inscription .block-cnt { padding: 6px 5px 5px 5px; width:150px; }
#inscription .button { display: block; font-size: 11px; font-weight: bold; text-align: center; color: #fff; text-decoration: none; line-height: 29px; }
#inscription .button { width: 130px; height: 29px; background: url(../images/button_inscip.gif); background-repeat:repeat-x;}
  #inscription .button:hover { background-position: 0 bottom; text-decoration:underline; }
 
 

#inscription .center a { color: #35cfd9; }*/

<!-- fin inscription -->



<!-- debut menu2 horizontal   -->
#menu2 { float: right; display: inline; line-height: 32px; background-image:url(../images/main-nav-bg.gif); background-repeat:repeat-x; }

#menu2 .bg-right {background-image:url(../images/main-nav-bg.gif); background-repeat:repeat-x; }
#menu2 .bg-left { background-image:url(../images/main-nav-bg.gif); background-repeat:repeat-x;  padding-left: 5px; width: 950px; }
/*
#menu2 .bg-right { background: url(../images/main-nav-bg-right.gif); background-repeat:no-repeat; }
#menu2 .bg-left { background: url(../images/main-nav-bg-left.gif); background-repeat:no-repeat; padding-left: 32px; width: 950px; }
*/


#menu2 ul { height: 32px; font-size: 12px; color: #a8a8a8; font-weight:bold; padding-top:1px; }
#menu2 ul li { float: left; display: inline; list-style-type: none; background: url(../images/main-nav-sep.gif); background-repeat:no-repeat; }
#menu2 ul li a { float: left; display: inline; text-decoration: none; color: #000000; padding: 0 11px 0 5px; }

#menu2 ul li a:hover { text-decoration: underline; }

#menu2 ul li a.langue {  border:#FF0000   }
#menu2 ul li a.langue:hover { border:#00FF00    }
<!-- fin debut menu2 horizontal  -->



#menu3 {float: right; display: inline; line-height: 32px; background-image:url(../images/main-nav-bg.gif); background-repeat:repeat-x; width:980px;}
/*#menu3 .bg { float: right; display: inline; line-height: 32px; background-image:url(../images/main-nav-bg.gif); background-repeat:repeat-x; }*/


#menu3 ul li { float: left; display: inline; list-style-type: none; height: 32px;  }
#menu3 ul li a { float: left; display: inline; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; padding: 0 5px; }
#menu3 ul li span.sep { float: left; display: inline; }
#menu3 ul li a:hover { text-decoration: underline; color:#000000; }
#menu3 ul li.active a { color: #000000; text-decoration: none; }

/*#menu3 ul li a:hover { text-decoration: underline; color:#f9b727; }
#menu3 ul li.active a { color: #fff; text-decoration: none; }*/

<!-- début contenue -->
.min_td { min-height:500px;}

#contenu { float: left; line-height:16pt; height:auto; min-height:300px; }

#contenu2 { float: left; line-height:16pt; height:auto; }
/*{ text-align: left; font-size: 14px;  font-family: Verdana, Arial, Helvetica, sans-serif; color:#006699; padding:5px 0px 0 20px; font-weight:bold; BORDER-BOTTOM: #bbbbbb 1px solid;}*/


#contenu P{ font-size: 12px; color: #FFFFFF;  display:block; text-align:justify; }

/*#contenu H1 { font-size: 19px; font-weight: bold; color: #f9b727; margin: 4px 0 2px; font-variant:small-caps;  }*/
#contenu H1 { font-size: 19px; font-weight: bold; color: #f9b727; margin: 4px 0 2px;}
#contenu H2 { font-size: 16px; font-weight: bold; color: #f9b727; font-variant:small-caps; }
#contenu H3 { font-size: 14px; font-weight: bold; color: #f9b727; }
#contenu H4 { font-size: 12px; font-weight: bold; color: #f9b727; }

#contenu .edito{ float: left; padding:20px; line-height:16pt; width:550px; height:auto; text-align:justify; }

#contenu .affiche { float: right; padding:20px; line-height:16pt; width:250px; height:auto; text-align:justify;}

#contenu .jccvideo { float: left; padding-left:20px;  line-height:16pt; width:350px; height:auto; text-align:justify;}

#contenu .jccphotos { float: left; padding-left:10px; line-height:16pt; width:225px; height:auto; text-align:justify;}

#contenu .inscrip_film { float: left; padding:20px; line-height:16pt; width:400px; height:auto; text-align:justify;}

#contenu .inscrip_projet { float: right; padding:20px; line-height:16pt; width:400px; height:auto; text-align:justify;}

#contenu .articles h1 a { text-decoration: none; color: #66ccff; }
#contenu .articles h1 a:hover { color: #fff; }


#contenu .articles h5 { font-size: 19px; font-weight: bold; color: #ccc; margin: 4px 0 2px; }
#contenu .articles h5 a { text-decoration: none; color: #333333; }
#contenu .articles h5 a:hover { color: #FF6600; }

#interne { line-height:16pt; height:auto; color:#ffffff; margin:inherit; width:950px;  text-align:justify; }
#interne H1 { font-size: 19px; font-weight: bold; color: #f9b727; margin: 4px 0 2px;}
#interne H2 { font-size: 16px; font-weight: bold; color: #f9b727; font-variant:small-caps; }
#interne H3 { font-size: 14px; font-weight: bold; color: #f9b727; }
#interne H4 { font-size: 12px; font-weight: bold; color: #f9b727; }

#interne a.lien1 { color:#f9b727; text-decoration:none;}
#interne a.lien1:hover { text-decoration:underline; color:#f9b727; }
 
 <!-- interne blanc -->
/* #interne { line-height:16pt; height:auto; color:#000000; margin:inherit; width:950px; background-color:#FFFFFF;  }
#interne H1 { font-size: 19px; font-weight: bold; color: #b5151d; margin: 4px 0 2px;}
#interne H2 { font-size: 16px; font-weight: bold; color: #b5151d; font-variant:small-caps; }
#interne H3 { font-size: 14px; font-weight: bold; color: #b5151d; }
#interne H4 { font-size: 12px; font-weight: bold; color: #b5151d; }

#interne a.lien1 { color:#cc3333; text-decoration:none;}
#interne a.lien1:hover { text-decoration:underline; color:#FF0000; }
*/ <!-- fin interne blanc -->

 <!-- début footer -->
 
#footer {padding: 10px;  }
#footer .copy { font-size: 10px; font-weight: bold; color: #363636; text-align: left; padding: 20px 0; }

#footer .copy a{ color: #ffffff; text-decoration: none;   }
#footer .copy a:hover { color: #ff9900; text-decoration: none;   }
/*#f9b727*/
<!-- fin footer -->