@charset "utf-8";
@import "commun.css";
@import "animation.css";

/*////////////////////			BANDEAU (la bannière)							////////////////////*/
#banniere{position:relative;height:200px;}


/******** MENU *******/
#menu{position:relative; width:230px; float:left; margin:10px 0;}
#menu a{text-decoration:none;}
#menu ul{text-indent:0; margin:0; padding:0;}

#menu ul li{list-style:none;}

/*$$$$$$$$$ commun $$$$$$*/
#menu li.niveau-1 a, #menu li.niveau-2 a, #menu li.niveau-3 a, #menu li.niveau-1On a, #menu li.niveau-2On a, #menu li.niveau-3On a{display:block;height:28px;color:#000;line-height:28px;}

#menu li.niveau-1 a{background:url(../images/extranet/menu-1-off.jpg) no-repeat #fff;font-weight:bold;text-indent:33px;}
#menu ul li.niveau-2 a{background:url(../images/extranet/menu-2-off.jpg) no-repeat #fff;font-weight:normal;color:#000;text-indent:33px;}
#menu ul ul li.niveau-3 a{background:url(../images/extranet/menu-3.jpg) no-repeat #fff;font-weight:normal;text-indent:47px;}


#menu li.niveau-1On a{background:url(../images/extranet/menu-1-on.jpg) no-repeat; color:#fff; font-weight:bold;text-indent:33px;}
#menu ul li.niveau-2On a{background:url(../images/extranet/menu-2-on.jpg) no-repeat #fff;font-weight:bold;color:#000;text-indent:33px;}
#menu ul li.niveau-3On a{background:url(../images/extranet/menu-3.jpg) no-repeat #fff;color:#e2001a; font-weight:normal;text-indent:47px;}
#menu ul li.niveau-3On a:hover{text-decoration:underline;}


/******** NAVIGATION *******/
/*#navigation{ position:relative; height:30px;background:url(../images/extranet/backgrd-ariane.jpg) no-repeat bottom left #fff;}*/
#navigation{ position:relative; height:30px;}
/*--------- ariane --------*/
#ariane{position:relative; float:left; display:block; width:550px;color:gray;height:30px; line-height:35px;}
#ariane a.lien-on{color:#9f0002; text-decoration:none;}
#ariane a.lien-off{color:gray; text-decoration:none;}

/*--------- recherche --------*/
#recherche{ position:relative; height:30px;background:url(../images/extranet/backgrd-ariane.jpg) no-repeat bottom left #fff;}
#recherche .forum{position:relative; float:right; display:block; padding-right:10px;height:30px; background:url(../images/extranet/puce-fleche.jpg) no-repeat top left; text-indent:30px; line-height:27px;}
#recherche .forum a { text-decoration:none; color:#000;}
#recherche .recherche{position:relative; float:right; display:block; width:310px; height:30px; background:url(../images/extranet/puce-fleche.jpg) no-repeat top left; text-indent:30px;line-height:27px;}
*+html #recherche .recherche{width:320px;}

#recherche .recherche form fieldset{border:none; margin:0; padding:0;}
#recherche .recherche form fieldset legend{display:none;}
#recherche .recherche form  div{display:inline;}
#recherche .recherche form div label{ float:none;}
form #tx-indexedsearch-searchbox-button-submit{background-color:#fff; border:1px solid #9f0002; width:25px;}
form #tx-indexedsearch-searchbox-sword{background-color:#fff; border:1px solid #9f0002; width:150px;}
.tx-indexedsearch form  div{display:inline;}
/******** CONTENU *******/
/*--------- 1 colonne --------*/
#interieur{ position:relative; margin:10px 0;float:right; width:720px;}

/*--------- 2 colonnes --------*/
#interieur-2-1{ position:relative;;float:left; width:500px;}
#interieur-2-2{ position:relative;float:right; width:200px;  border:1px solid #9f0002; padding:5px;}

/*............ menu des actualités .......*/
#interieur-2-2 dl.csc-menu.csc-menu-4{color:#9f0002; margin:0;}
#interieur-2-2 dl.csc-menu.csc-menu-4 dt a{color:#9f0002; font-weight:bold;}
#interieur-2-2 dl.csc-menu.csc-menu-4 dd{margin:5px 0 10px 10px;}



/*--------- HOME --------*/
#home{ position:relative; margin:10px 0;float:right; width:720px;}
#home #bloc1{ position:relative; float:left; width:340px; border:1px solid #9f0002; height:175px; padding:5px;}
#home #bloc2{ position:relative; float:right; width:340px; border:1px solid #9f0002; height:175px; padding:5px;}
#home #bloc3{ position:relative; float:left; width:160px; border:1px solid #9f0002;margin:20px 10px 0 0; height:175px; padding:5px;}
#home #bloc4{ position:relative; float:left; width:160px; border:1px solid #9f0002;margin:20px 10px 0 0; height:175px; padding:5px;}
#home #bloc5{ position:relative; float:left; width:160px; border:1px solid #9f0002;margin:20px 10px 0 0; height:175px; padding:5px;}
#home #bloc6{ position:relative; float:right; width:160px; border:1px solid #9f0002;margin:20px 0 0 0; height:175px; padding:5px;}
#home .align-right{text-align:right; color:red;}
#home .align-right a{color:#a00002;}

/******** LOGIN *******/
.login #interieur{ position:relative; margin:10px 0; float:none; width:970px; border:1px solid red;}
.login #interieur .tx-newloginbox-pi1{ background:url(../images/extranet/login-bckgrd.jpg) top left no-repeat; height:384px;}
.login #interieur .tx-newloginbox-pi1 .header{position:relative; text-align:center; font-size:24px;margin-top:75px;}
.login #interieur .tx-newloginbox-pi1 .message{position:relative; text-align:center; font-size:14px;margin:15px 0;}
.login #interieur .tx-newloginbox-pi1 form{ position:relative; width:500px; margin:0 auto;}
.login #interieur .tx-newloginbox-pi1 form label{position:relative; display:block; width:200px; padding-right:5px; float:left; text-align:right; margin-bottom:3px;}
.login #interieur .tx-newloginbox-pi1 form .input1{position:relative;margin-bottom:3px;}
.login #interieur .tx-newloginbox-pi1 form #submit{position:relative;background-color:#fff; border:1px solid #9f0002; width:25px; left:326px;}
.login #interieur .tx-newloginbox-pi1 form .forgot a{color:#e2001a;}



/******** FOOTER *******/
#footer{position:relative; width:768px; margin:10px auto; clear:both;text-align:center; border-top:10px solid #f4f4f4; padding-top:10px; font-size:11px; color:#a1a1a1;}