/*  STRUCTURAL CSS  

Client   : AXA
Projet   : site Internet AXA Atout Coeur 

Auteur   : Tagora / Elodie Migeon 

Version  : V 1
Date     : 19 10 2009

*/


/*  réinitialiser   */ 


*{
margin:0;
padding:0;
}



body{
color:#103184;
font-family:Arial, Helvetica, sans-serif;
font-size: 76%;
background:#fff url(images/body.png) center 0 repeat-x;
}


img{
border:0;
}

ul, li, ol, dl, dd, dt{
list-style:none;
}

ol li{
list-style:decimal inside;
}


/*  élments communs   */ 
.clear{clear:both;}
.hide{display:none!important; }
.right{float:right;margin:0!important;}
.left{float:left; margin:0!important;}
.right img{margin-left:5px;}
.left img{margin-right:5px;}
.textcenter{text-align:center;}
.textright{text-align:right;}


hr{
color: #a2b6d7;
background-color:#a2b6d7;
height: 1px;
border: 0;
}

a{color:#184ac8;}
a:hover{color:#3870ff;}

p, ul {
margin-bottom:0.7em;}
li {
}

/*  Titre   */ 
h1 {font-size:1.7em;margin:0 0 0.5em 0;}
h2 { font-size: 1.35em; margin:0 0 0.5em 0; font-weight:normal;  }
h3 { font-size: 1em;  margin:0 0 0.2em 0; }
h4 { font-size: 1em;  font-weight:normal;}
h5 { font-size:0.9em; }
h6 { font-size: 0.8em; }



/*  GESTION DES COULEURS : répertoires   */
.repertoire2 h1, .repertoire2 a:hover,.repertoire2 .controls li,.repertoire2 .controls a {color:#980080;}
.repertoire3 h1, .repertoire3 a:hover,.repertoire3 .controls li,.repertoire3 .controls a {color:#e04900;}
.repertoire4 h1, .repertoire4 a:hover,.repertoire4 .controls li,.repertoire4 .controls a {color:#f1a301;}
.repertoire5 h1, .repertoire5 a:hover,.repertoire5 .controls li,.repertoire5 .controls a {color:#008919;}
.repertoire6 h1, .repertoire6 a:hover,.repertoire6 .controls li,.repertoire6 .controls a {color:#00a0ce;}

.repertoireadmin h1, .repertoireadmin2 h1 {color:#1068bc; font-size:1.6em;margin:0 0 0.4em 0;}
.repertoireadmin h1 b{color:#15395c;}
.repertoireadmin h2, .repertoireadmin2 h2 {color:#1068bc; font-size:1.6em;margin:0 0 0 8px;}

.repertoireadmin2 h1 {margin:0 0 0.8em 0; }
.repertoireadmin2 h2 {margin:0 0 0.2em 0; }
.repertoireadmin2 .boxadmin3 h2 {font-size:1.5em;}

.repertoireadmin2 .side h2 {margin:0 18px 0.3em 25px; }
.repertoireadmin2 .side p,  .repertoireadmin2 .side .mention ul {margin:0 18px 0.7em 25px; color:#004b93; }



.contact_carte h2{font-size: 1em; font-weight:bold;  margin:0 0 0.7em 0; }
.contact_carte h3{color:#e2003b;}


/*  Struture   */
.container {
margin:20px auto 10px auto;
width:1016px;
position:relative;}

.banner {min-height:83px;}



.page {width:706px;float:left;  
min-height:300px;
clear:both;
padding:0 0 0 34px;
margin:0 0 10px 0;}

.anim {width:640px;
height:400px;
padding:0 0 0 88px;
margin:-10px 0 50px 0;}

.main {width:523px; float:right;}

.second {width:168px; float:left; padding-bottom:420px;}

.side {float:right; padding: 0 9px 5px 0;
margin:0 0 10px 0;
min-height:300px;
background:url(images/side_bottom.png) 0 bottom no-repeat;}

.boxside {padding:10px 0 1px 0;float:left;width:233px;
background:url(images/side.png) 0 0 no-repeat;min-height:300px;}

.side2 {float:right; padding: 0 39px 5px 0;
margin:0 0 10px 0;width:203px;}

.repertoire1 .page {width:728px;}

.repertoireadmin .page {
width:687px;
padding:0 0 0 72px;}

.repertoireadmin2 .page {width:707px;float:left;  
min-height:300px;
clear:both;
padding:0 0 0 60px;
margin:0 0 10px 0;}



.repertoireadmin2 .side {float:right; padding: 25px 37px 5px 0;min-height:370px;
margin:0 0 10px 0;width:197px;background:url(images/side2.png) 0 0 no-repeat;}


.foot {
clear:both;
background:url(images/foot.png) 0 0 no-repeat;
font-size:0.8em;
border-top:solid #e2e7f3 1px;
text-align:right;
padding-top:0.5em;
margin:0 20px;}


/*  home   */

.theme1 {background:url(images/theme1.jpg) center 270px no-repeat;}
.theme2 {background:url(images/theme2.jpg) center 270px no-repeat;}
.theme3 {background:url(images/theme3.jpg) center 270px no-repeat;}
.theme4 {background:url(images/theme4.jpg) center 270px no-repeat;}
.theme5 {background:url(images/theme5.jpg) center 270px no-repeat;}
.theme6 {background:url(images/theme6.jpg) center 270px no-repeat;}

.home_col1 {
width:470px;
float:left;
padding:0 30px 0 0;}

.home_col1 a{
color:#103184;
text-decoration:none;
font-size:0.9em;
font-weight:bold;}

.home_col2 {
width:190px;
float:left;}

.title_inscription {
padding:39px 0 0 0;
height: 0px !important;
height /**/:39px;
overflow:hidden;
display:block;
width:180px;
background-image:url(images/title3.png);
background-position:0 0;
background-repeat:no-repeat;
margin:3px 0 0 9px!important;

}

/*  banner   */
#logo {position:absolute;top:0; left:60px;}
#slogan {position:absolute;top:0; left:150px; margin:0;}
#backsite a{position:absolute;top:49px; left:400px; margin:0;
background:url(images/puce_retour.png) 0 0 no-repeat;
padding-left:20px;
color:#103184;
letter-spacing:-0.01em;}

.login {float:right; width:410px; margin-top:20px;
}

.title_bienvenue{
padding:18px 0 0 0;
height: 0px !important;
height /**/:18px;
overflow:hidden;
display:block;
width:95%;
background-image:url(images/title1.png);
background-position:0 0;
background-repeat:no-repeat;
margin:0!important;

}


	
/*  nav   */	
	

.nav{
background:url(images/navigation.png) 0 0 no-repeat;
padding:8px 0px 10px 32px;
}

.navadmin{
background:url(images/navigation_admin.png) 0 0 no-repeat;
padding:8px 32px 10px 32px;
}
	
.nav li {
float:left;
white-space:nowrap;
background-position:0 0;
background-repeat:repeat-x;
background-image:url(images/navigation1.png);}


.nav li a, .nav li:first-child a.active {
display:block;
color:#fff;
height:18px;
text-align:center;   
text-transform:uppercase;
font-weight:bold;
padding:5px 23px 0 23px;
font-size:99%;
text-decoration:none;
border:solid transparent 1px;
border-left:solid #b6cade 1px;}

.navadmin ul li:first-child  a{border-left-color:transparent;}

.nav #nav2 	{background-image:url(images/nav2.png);}
.nav #nav3 	{background-image:url(images/nav3.png); }
.nav #nav4 	{ background-image:url(images/nav4.png);}
.nav #nav5  {background-image:url(images/nav5.png); }
.nav #nav6  { background-image:url(images/nav6.png);}
.nav #nav7  { background-image:url(images/nav7.png);}

.nav #nav1 a	{color:#ccdbea;border-left-color:transparent;}
.nav #nav2 a	{color:#ebcce6;border-left-color:#ad3399; }
.nav #nav3 a	{color:#fadbcc;border-left-color:#ca815c;}
.nav #nav4 a	{color:#f5e4bf;border-left-color:#e5b95c;}
.nav #nav5 a    {color:#bfe2c6;border-left-color:#36ac4b;}
.nav #nav6 a    {color:#ade0ee;border-left-color:#5cbfda;}
.nav #nav7 a    {color:#dee0e4;text-align:left;border-left-color:#9ea5b1;}

.nav li a:hover, .nav li.active a {color:#fff!important; border:solid #fff 1px!important;
}

.navadmin li:hover, .navadmin li.active {
 background-position:0 -25px; 
}



/*  fil   */
.fil {
color:#336fa9;
font-size:0.9em;
margin:0 0 1em 3px;}

.fil, .fil a {
color:#336fa9;
text-decoration:none;}

.fil a:hover {
text-decoration:underline;}

.repertoireadmin2 .fil {
margin:0 0 1em 60px;}

.repertoireadmin .fil {
position:absolute;
top:88px; left:60px;
margin:0 0 1em 0;}



/*  controls   */

.controls {
margin-top:0.5em;
float:right;
white-space:nowrap;
min-width:100px;}

.controls li{
display:inline;
height:12px;
font-size:0.9em;}

.controls > li + li a {
border-left:solid 1px ;
padding:0 0 0 0.5em ;
margin-left:0.5em;}


.controls a:hover {
text-decoration:none;}




/*  Article   */
.article, .article_bloc {
background:url(images/article.png) right 0 no-repeat;
padding:0.7em 13px 0 0;
margin-bottom:1.7em;
}

.sousrubrique {
background:url(images/article.png) right 0 no-repeat;
padding:0.7em 0 0 0;
margin:1.7em 0 0 0;
width:380px;
float:right;}

.separation {
background:url(images/separation.png) 0 0 no-repeat;
padding:1.5em 0 0 0;
margin-bottom:1.7em;
width:100%;
}


.article .date {
float:right;
margin:0 0 0 1em;
color:#000000;}

.article h2 {
margin:0 0 0.5em 0;
padding-left:130px;
}


.article .col2  h2 {

padding-left:0;
}


.article .col1 {
width:100px;
padding-top:1em;
float:left;}

.article .col2 {
width:380px;
float:right;}

.link_article a {
font-size:0.9em;}

.minispace_letter{
letter-spacing:-0.01em;}


/*  divers   */
.legend {
color:#656565;
font-size:0.9em;}


.list_puce li {
background:url(images/puce.png) 0 6px no-repeat;
padding-left:0.6em;}

/*  boxmedia   */

.boxmedia {
width:100%;
margin-bottom:2em;
}

.boxmedia_title {
background:#00478c url(images/boxmedia_top.png) 0 0 no-repeat;
min-height:21px;
padding:5px 0 0 33px;
}


.boxmedia_title h2{
color:#fff;
text-transform:uppercase;
font-weight:bold;
font-size:1em;

}


.boxmedia_content {
background:url(images/boxmedia1.png) 0 bottom no-repeat;
min-height:300px;
padding:1.5em 15px 1em 15px;
width:493px;}


.formulaire .boxmedia_content {
background:url(images/boxmedia2.png) 0 bottom no-repeat;
min-height:500px;width:473px;
padding:2.5em 25px 1em 25px;
}




/*  bouton galerie   */


.bt_back a, .bt_next a {
height :28px;
display:block;
width:31px;
background-image:url(images/icon_back.png);
background-position:0 0;
background-repeat:no-repeat;
font-size:0;
text-decoration:none;
color:#fff!important;
text-indent:-35px;
position:absolute;
}


.galerie_miniature .bt_back a {
left:6px;
top:20px;}


.galerie_miniature .bt_next a {
right:6px;
background-image:url(images/icon_next.png);
top:20px;}



/*  galerie   */





.galerie , .galerie_miniature{
clear:both;
text-align:center;
}

 .galerie_video {
width:293px;float:left;padding:0 100px;}

.galerie_photo {padding:0 14px;
width:465px;float:left;} 

.galerie {
background:url(images/galerie_right.png) right 0  no-repeat;
padding-right:3px;
float:left;width:462px;
}

.galerie_pict {position:relative;
background:url(images/galerie.png) 0 0 no-repeat;
padding:3px 0 3px 3px;
min-height:216px;float:left;
width:459px;
 }
.video .galerie{
width:291px;} 

.video .galerie_pict{
width:288px;}

.galerie_miniature  {
margin:0 0;position:relative;
width:100%; height:83px;
padding:0 0 0 0;
margin-bottom:1em;
}





.galerie_miniature ul {
padding:0 44px;
margin:1em 0;
text-align:center;float:left;
} 




.galerie_miniature li{float:left;
background:url(images/mini_photo.png) 0 0 no-repeat; 
 height:73px;
margin:0 0.3em;
display:block;
}




.galerie_miniature   img{
border:solid transparent 3px;
 height:67px; 
 width:67px;}

.galerie_miniature  a:hover img, .galerie_miniature  a.active img{
border:solid #004b93 3px;}


.legend_pict {
width:459px;
background:url(images/trans_photo.png) 0 0 repeat;
min-height:15px;
position:absolute;
text-indent:1em;
left:3px;
bottom:3px;
margin:0;
color:#3c3c3d;
text-align:left;
padding:0;
display:block;
padding:0.4em 0;
}






/*  galerie  video */

.video .galerie_miniature   img{
 width:90px;

 }
 

.video .galerie_miniature  span, .video .galerie_pict  span{
position:absolute;
 width:90px;
 height:55px;
 cursor:pointer;
 top:0;
 left:0;
 background:url(images/iconmini_video.png) center center no-repeat;} 
 
.video .galerie_pict  span{
 height:200px;
width:100%; background:url(images/icon_video.png) center center no-repeat;} 
  
.video .legend_pict{
background:url(images/trans_video.png) 0 0 repeat;
color:#a0a0a0;width:288px;} 
 
.video .galerie_miniature .legend_pict{padding:0.2em 0;
background:url(images/trans_video.png) 0 0 repeat;
min-height:1px;width:90px;
font-size:0.9em;
} 
 
.video .legend_pict{
background:url(images/trans_video.png) 0 0 repeat;
color:#a0a0a0;}
.video .galerie_miniature li{
background:url(images/mini_video.png) 0 0 no-repeat; 
 height:73px;margin:0 0.2em;
 position:relative;}
 
 
 /*  galerie  ADMIN */

  
.form_admin .galerie_miniature  li p {
margin:0;color:#73787f;
text-align:left;
font-size:0.9em;
margin:0.5em 0 0 0;
}
 
.form_admin .galerie_miniature li, .form_admin .video .galerie_miniature li  {
height:auto!important;
background:none;
margin:0 0.6em 0 0; }



.form_admin .galerie_miniature ul  {
padding:0;
margin:0; width:100%;

}








.form_admin .galerie_miniature  img{
border:solid #2d6ba7 1px;
}

.form_admin .video .galerie_miniature  span{
 cursor:auto;;
 } 


/*  formulaire */
.form_item{
margin-bottom:1.4em;
width:100%;
float:left;}


.formulaire .form_item {
margin-bottom:1em;
}



.statut p{
padding-top:0.2em;}


.form_item label{
padding-top:0.2em;
float:left;
width:25%;
margin-right:2%;
text-align:right;
}
.form_item input, .form_item  select, .form_item  textarea {
width:40%;float:left; }

.form_item  textarea {
width:55%;}

.form_item  select {
width:41%;}

.form_date  input,.form_date  select {
width:30px; margin-right:0.5em;}

.form_date  .annee {
width:50px;}

.form_long input, .form_long  select, .form_long  textarea {
width:70%;}

.list_radiocheck{margin-bottom:0;
width:70%; float:left;}


.bt_rattacher, .bt_parcourir, .bt_ajouter {float:left;padding-top:0!important; margin:-2px 0 0 0.5em; }

.description{

margin-left:27%;}

.description .mention{
margin-left:5%;}


.form_item .list_radiocheck li{
margin-bottom:0.4em;}

.form_item .list_radiocheck input, .form_item .form_radiocheck input{
width:auto;
margin-right:1%;
border:none;
background:none;}

.form_item .list_radiocheck label, .form_item .form_radiocheck label{
display:inline;
float:none;}

.mention p, .mention li {
font-style:italic;}

.mini {
font-size:0.8em;}


/*  MENU   */
.menu {width:156px;
background:url(images/boxmenu_top.png) 0 0 no-repeat;
padding:3px 0 0 0;}

.menu ul {
padding:0 3px 15px 3px;
margin:0;
background:url(images/boxmenu.png) 0 bottom no-repeat;}

.menu li{width:auto;margin-bottom:0;white-space:nowrap;display:block;}

.menu li a{ padding:10px 0px 0 10px;width:140px;
display:block;font-family:Trebuchet, Helvetica, sans-serif;
text-decoration:none;
background-position:0 bottom;
background-repeat:repeat-x;
height:22px;
color:#656565;
font-size:0.8em;
text-transform:uppercase;
background-image:url(images/menu.png);}

.menu li a:hover, .menu li a.active{
color:#fff;}


.menu .sousmenu{
background:#fef1d1;
padding:0.4em 0.2em 0.4em 0.8em;
margin:0;
}

.menu .sousmenu li{
width:auto;
padding:0;
margin:0;
white-space:normal;}

.menu .sousmenu  li a{ 
display:block;font-family:Arial, Helvetica, sans-serif;
text-decoration:none; width:auto;
text-transform:none;
background-position:0 7px!important;
background-repeat:no-repeat!important;
height:auto;
padding:0 0 0 0.7em;
color:#656565;

background-image:url(images/puce1.png)!important;}

.menu .sousmenu  li a.active{ 
font-weight:bold;
}


.repertoire2 .menu li a{
background-position:0 -32px;}

.repertoire2 .menu li a:hover, .repertoire2  .menu li a.active{
background-position:0 0;}

.repertoire3 .menu li a{
background-position:0 -96px;}

.repertoire3 .menu li a:hover, .repertoire3  .menu li a.active{
background-position:0  -64px;}

.repertoire4 .menu li a{
background-position:0 -160px;}

.repertoire4 .menu li a:hover, .repertoire4  .menu li a.active{
background-position:0 -128px;}


.repertoire5 .menu li a{
background-position:0 -224px;}

.repertoire5 .menu li a:hover, .repertoire5  .menu li a.active{
background-position:0  -192px;}


.repertoire6 .menu li a{
background-position:0 -288px;}

.repertoire6 .menu li a:hover, .repertoire6  .menu li a.active{
background-position:0 -256px;}



.repertoire2 .menu .sousmenu{
background:#e7d3f3;}

.repertoire3 .menu .sousmenu{
background:#f9dacc;}

.repertoire4 .menu .sousmenu{
background:#fef1d1;}

.repertoire5 .menu .sousmenu{
background:#d3f4cd;}

.repertoire6 .menu .sousmenu{
background:#d3ebf3;}



.repertoire2 .menu .sousmenu  li a:hover, .repertoire2 .menu .sousmenu  li a.active{ 
color:#7b0267;
background-image:url(images/puce2.png)!important;}

.repertoire3 .menu .sousmenu  li a:hover, .repertoire3 .menu .sousmenu  li a.active{ 
color:#a62e01;
background-image:url(images/puce3.png)!important;}

.repertoire4 .menu .sousmenu  li a:hover, .repertoire4 .menu .sousmenu  li a.active{ 
color:#996902;
background-image:url(images/puce4.png)!important;}

.repertoire5 .menu .sousmenu  li a:hover, .repertoire5 .menu .sousmenu  li a.active{ 
color:#037117;
background-image:url(images/puce5.png)!important;}

.repertoire6 .menu .sousmenu  li a:hover, .repertoire6 .menu .sousmenu  li a.active{ 
color:#017596;
background-image:url(images/puce6.png)!important;}




/*  perso   */
.perso {
background:url(images/perso1.jpg) 0 0 no-repeat;
position:absolute;
left:-30px;
width:218px;
height:420px;
z-index:0;}

.perso p,  .perso4 p{
position:absolute;
top:95px;
left:115px;
width:80px;
font-size:1.1em;
font-weight:bold;
}

.perso p, .perso a, .perso4 p,  .perso4 a {
color:#fff;
text-decoration:none;
}


.perso2 {
background:url(images/perso2.jpg) 0 0 no-repeat;
}
.perso2 p {
position:absolute;
top:105px;
left:105px;
width:110px;}



.perso3 {
background:url(images/perso3.jpg) 0 0 no-repeat;
}
.perso3 p {
position:absolute;
top:115px;
left:95px;
width:110px;}

.perso4 {
margin-left:100px;
position:relative;
background:url(images/perso4.jpg) 0 0 no-repeat;
width:353px;
height:390px;
}

.perso4 p {
position:absolute;
top:98px;
left:150px;
width:138px;}


.perso5 {

background:url(images/perso5.jpg) 0 0 no-repeat;
}

.perso5 p {
position:absolute;
top:112px;
left:85px;
width:138px;}



/*  side   */
.title_benevole {
padding:51px 0 0 0;
height: 0px !important;
height /**/:51px;
overflow:hidden;
display:block;
width:163px;
background-image:url(images/title2.png);
background-position:0 0;
background-repeat:no-repeat;
margin:0 40px 8px 20px!important;
}

.repertoireadmin .title_benevole {
background-image:url(images/title2_admin.png);}

.side .blocside  {
border-top:solid 1px #fff; 
padding:0.5em 40px 0 20px; 
margin-bottom:0.5em;
float:left;
width:173px;
}

.side .blocside input, .side .blocside select  {
width:97%;margin-top:0.4em;}

.side .blocside select {
width:99%;}

.side .blocside .mois  {
width:56%; display:inline;}

.side .blocside .annee   {
width:42%;display:inline;}

.side .blocside .bt_valider {
float:right;
margin-right:-5px;}



/*  Foot   */

.foot li {
display:inline; margin-right:0.5em;
border-left:solid #a0bcd7 1px;
padding-left:0.5em;}

.foot li, .foot a  {
color:#336fa9;
text-decoration:none;}



.foot a:hover{
color:#e2003b!important;
}

.foot ul > li:first-child {
border-left:none;}


/*  Formulaire   */

input, select, textarea {
border:solid 1px #b7bfd5;
background-color:#fff;
color:#103184;
padding:0.1em 0 0.1em 0.2em;}

.form_admin input, .form_admin select, .form_admin textarea{border:solid 1px #a3a3a3;}

.form_admin {width:90%;}
/*  login   */


.login ul, .log_connecte {
border-top:solid 1px #a2b4cc;
padding-top:0.4em;
margin:0.3em 0 0 0;
width:90%;
}

.login li{ float:left; margin:0 0.2em 0 0;}

.login input{ width:100px;}
.login label{ width:113px; display:block; padding:0 0 0 2px;margin:0 0 0.2em 0;}
.login .mention {margin-top:0.9em; width:65px;}
.login label, .login .mention{ font-size:0.85em; line-height:1em; }
.login label, .login .mention, .login .mention a{  color:#6f7ea6; text-decoration:none;}
.login .mention a:hover{  text-decoration:underline;}
.login .bt_valider {margin-top:0.7em;}


.log_connecte ul{
text-align:right;width:auto;
float:right;border-top:none;
padding-top:0;
margin:0;}

.log_connecte li{
margin:0 0 0 1em!important;}

.log_connecte p, .log_connecte ul, .log_connecte li{
display:inline;
}
.log_connecte p{
float:left;color:#103184;
font-size:1.1em;
}
 .log_connecte a{
color:#103184;
font-size:0.9em;
}


/*  BT   */

.bt_valider input, .bt_valider a, 
.bt_inscription input, .bt_inscription a, 
.bt_soumettre input, .bt_soumettre a, 
.bt_charger input , .bt_charger a,
.bt_rattacher input , .bt_rattacher a,  
.bt_parcourir input , .bt_parcourir a, 
.bt_ajouter input , .bt_ajouter a,
.bt_ajouteraction input,  .bt_ajouteraction a,  
.bt_filtrer input,  .bt_filtrer a,
.bt_nouvelleaction a,  .bt_nouvelleaction input,  
.bt_exporter input, .bt_exporter a,
.bt_creernouvelle input, .bt_creernouvelle a,
.bt_creerbilan input, .bt_creerbilan a,
.bt_actionrattacher input, .bt_actionrattacher a
{
height :27px;
display:block;
width:63px!important;
overflow:hidden;
background-image:url(images/bt_valider.png);
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent!important;
border:none!important;
cursor:pointer;
font-size:0;color:#fff!important;
text-indent:-150px;
}




.bt_inscription input, .bt_inscription a{
height :30px;
width:91px!important;
margin-left:-5px;

background-image:url(images/bt_inscription.png);
}

.bt_soumettre input, .bt_soumettre a{
height :31px;
width:91px!important;
background-image:url(images/bt_soumettre.png);
margin-left:-5px;
}

.bt_ajouteraction input, .bt_ajouteraction a{
height :31px;
width:131px!important;
background-image:url(images/bt_ajouteraction.png);
margin-left:-5px;
}


.bt_filtrer input, .bt_filtrer a{
height :31px;
width:82px!important;
background-image:url(images/bt_filtrer.png);
margin-left:-5px;
}


.bt_nouvelleaction input, .bt_nouvelleaction a{
height :31px;
width:171px!important;
background-image:url(images/bt_nouvelleaction.png);
margin-left:-5px;
}


.bt_exporter input, .bt_exporter a{
height :31px;
width:102px!important;
background-image:url(images/bt_exporter.png);
margin-left:-5px;
}


.bt_creerbilan input, .bt_creerbilan a{
height :31px;
width:131px!important;
background-image:url(images/bt_creerbilan.png);
}



.bt_charger input, .bt_charger a{
height :26px;
width:59px!important;
background-image:url(images/bt_charger.png);
}


.bt_rattacher input, .bt_rattacher a{
height :26px;
width:79px!important;
background-image:url(images/bt_rattacher.png);

}


.bt_parcourir input, .bt_parcourir a{
height :26px;
width:79px!important;
background-image:url(images/bt_parcourir.png);}

.bt_ajouter input, .bt_ajouter a{
height :26px;
width:79px!important;
background-image:url(images/bt_ajouter.png);}

.bt_creernouvelle input, .bt_creernouvelle a{
height :26px;
width:81px!important;
background-image:url(images/bt_creernouvelle.png);
margin-top:-5px;}



.bt_actionrattacher input, .bt_actionrattacher a{
height :26px;
width:100px!important;
background-image:url(images/bt_actionrattacher.png);
}

.bt_actionrattacher {margin:0 0 0.5em -5px;}

.bt_creerbilan {margin:2em 0 0.5em -5px;}

.bt_valider input{
padding-top:27px;
}

.bt_inscription input{
padding-top:30px;
}


.bt_home a {
display:block;
background:url(images/bt_home.png) 0 0 no-repeat;
width:126px;
height:43px;
line-height:40px;
text-decoration:none;
text-align:center;
font-weight:bold;
color:#FFFFFF;
font-size:1.1em;
}

.bt_supprimer a{
background:url(images/bt_supprimer.png) 0  3px no-repeat;
padding-left:15px;
color:#e2003b;}

.bt_supprimer a:hover{
text-decoration:none;}


.table_mini .bt_supprimer {margin-top:-2px;}

/* ADMIN  */  


.boxadmin, .boxadmin2, .boxadmin3  {padding: 0 0 10px 0;
margin:0 0 10px 0; width:687px;
background:url(images/boxadmin_bottom.png) 0 bottom no-repeat;
color:#004b93;}

.boxadmin_content{padding:25px 25px 1px 33px;
background:url(images/boxadmin.png) 0 0 no-repeat;min-height:50px;}

.boxadmin2 {
background:url(images/boxadmin2_bottom.png) 0 bottom no-repeat;}

.boxadmin2_content {padding:25px 25px 1px 25px;
background:url(images/boxadmin2.png) 0 0 no-repeat;min-height:450px;}

.boxadmin3 {width:707px; 
background:url(images/boxadmin3_bottom.png) 0 bottom no-repeat;}

.boxadmin3_content {padding:25px 47px 1px 50px;
background:url(images/boxadmin3.png) 0 0 no-repeat;min-height:830px;}



/*icone accueil */

.bouton_admin li{float:left;
margin:0!important;
padding:0!important;}

.bouton_admin {margin-bottom:1.5em!important;}

.bouton_admin a, .bouton_adminside a{
padding:114px 0 0 0;
height:0px!important;
height /**/:114px;
margin:0;
overflow:hidden;
display:block;
width:108px;
background-image:url(images/admin1.png)!important;
background-position:0 0;
background-repeat:no-repeat;
float:left;
text-decoration:none;
overflow:hidden;
display:block;}

.bouton_admin li a:hover, .bouton_adminside a:hover{background-position:0 -114px;}

.bouton_admin .admin2 a, .bouton_admin .admin3 a, 
.bouton_admin .admin6 a, .bouton_admin .admin7 a, .bouton_admin .admin8 a, .bouton_admin .admin9 a, 
.bouton_admin .admin12 a, .bouton_admin .admin13 a, .bouton_admin .admin14 a{
width:105px;}

.bouton_admin .admin2 a{background-image:url(images/admin2.png)!important;}
.bouton_admin .admin3 a{background-image:url(images/admin3.png)!important;}
.bouton_admin .admin4 a{background-image:url(images/admin4.png)!important;}
.bouton_admin .admin5 a{background-image:url(images/admin5.png)!important;}
.bouton_admin .admin6 a{background-image:url(images/admin6.png)!important;}
.bouton_admin .admin7 a{background-image:url(images/admin7.png)!important;}
.bouton_admin .admin8 a{background-image:url(images/admin8.png)!important;}
.bouton_admin .admin9 a{background-image:url(images/admin9.png)!important;}
.bouton_admin .admin10 a{background-image:url(images/admin10.png)!important;}
.bouton_admin .admin11 a{background-image:url(images/admin11.png)!important;}
.bouton_admin .admin12 a{background-image:url(images/admin12.png)!important;}
.bouton_admin .admin13 a{background-image:url(images/admin13.png)!important;}
.bouton_admin .admin14 a{background-image:url(images/admin14.png)!important;}
.bouton_admin .admin15 a{background-image:url(images/admin15.png)!important;}

.bouton_adminside a{background-image:url(images/admin16.png)!important; width:111px; float:none;
margin:0 auto;}





/*bouton side*/



.side .bouton_admin li{float:none;}

.side .bouton_admin {margin-bottom:1.5em!important;}

.side .bouton_admin a, .side .bouton_adminside a{
padding:48px 0 0 0;
height /**/:48px;
width:197px!important;
background-image:url(images/bouton_admin1.png)!important;
float:none;}

.side .bouton_admin li a:hover, .side  .bouton_adminside a:hover{background-position:0 -48px;}

.side .bouton_admin .admin2 a{background-image:url(images/bouton_admin2.png)!important;}
.side .bouton_admin .admin3 a{background-image:url(images/bouton_admin3.png)!important;}
.side .bouton_admin .admin4 a{background-image:url(images/bouton_admin4.png)!important;}












.repertoireadmin .banner {
margin-bottom:45px;}


.repertoireadmin .foot, .repertoireadmin2 .foot {margin:0 40px 0 60px;}

.repertoireadmin .foot li, .repertoireadmin2 .foot li, .repertoireadmin .foot a , .repertoireadmin2 .foot a     {
color:#a1aecc;}

.bloc_carte {
position:relative;
width:100%;}

.anim_carte {
position:absolute;
top:0;
left:-40px;
z-index:100;}

.contact_carte {float:right;
width:195px;margin:0 -20px 2em 0;
background:url(images/box_degrade.png) 0 0 no-repeat;
padding:20px 0 20px 20px;
overflow:auto;
}


.contact_carte .scroll_carte {
	padding-right:10px;
	height:480px;
	overflow:auto;
}


.contact_carte li{
margin-bottom:1.1em;}

.contact_carte li a{
color:#103184;}

table{
width:100%;
border-collapse:separate;
border-spacing: 0px 10px; 
vertical-align: top;
text-align:left;
 margin-bottom:1em;
  border: none;
  clear:both;}
  
  
 
th {background:#396ea5;  }
th, td{padding:0.5em 0.6em; }

th, th a {color:#fff!important; }

th a {color:#fff!important;
float:left;
background:url(images/fleche_bas.png) right 3px no-repeat; 
padding-right:12px;
display:block;}

th a.selected {
background:url(images/fleche_haut.png) right 3px no-repeat; }


tr.type1 { background:#ffffff; border:solid 1px #becaea;}
tr.type2 { background:#c5d4fc;   border:solid 1px #aec3f8;}



tr.type1 td{ border-bottom:solid 1px #becaea;  border-top:solid 1px #becaea;}
tr.type2 td, th {border-bottom:solid 1px #aec3f8;  border-top:solid 1px #aec3f8;  }

tr.type1 td.firstcell { border-left:solid 1px #becaea;}
tr.type1 td.lastcell { border-right:solid 1px #becaea;}

tr.type2 td.firstcell, th.firstcell { border-left:solid 1px #aec3f8;}
tr.type2 td.lastcell, th.lastcell{ border-right:solid 1px #aec3f8;}

.table_mini table{border-spacing:  0  4px; font-size:0.9em;  clear:none; margin-top:-4px;}
.table_mini table p{margin:0;}
.table_mini th{  background:#aac4de; color:#004b93!important;padding:0 0.6em;}
.table_mini td{background:#ffffff;color:#a3a3a3!important;padding:0.2em 0.6em; }

.simplecell {background:none!important; border:none!important;}

.bilan .table_mini th {width:211px;}
.bilan .table_mini .bt_supprimer {margin-left:5px;}





.boutons_list li{
float:left;
margin:0;
position:relative;
width:22px; height:19px;}

.boutons_list li a{
float:left;
}

.boutons_list li a span {
display:none;
}

.boutons_list li a:hover span {
float:left;
position:absolute;
top:-22px;
left:4px;
background:url(images/infobulle.png) 0 0 no-repeat;
display:block;
width:73px;
height:27px;
padding-top:5px;
text-align:center;
}
.statut_creer, .statut_publier, .statut_retirer {
font-weight:bold;
}

.statut_creer {
color:#f29400;
}
.statut_publier {
color:#41a62a;
}

.statut_retirer {
color:#103184;
}

.statut_etat {
color:#787e88;
}



.barre_outil {
background:url(images/barre_outil.png) 0 0 no-repeat;
 float:left;
 padding:5px 5px 0 10px;
 height:32px;
width:595px;

  }
.barre_outil li{float:left; display:block; }
.barre_outil .outils1 {float:left;}
.barre_outil .outils2 {float:right;white-space:nowrap;}


.barre_outil .outils1 li {margin-right:0.5em;}
.barre_outil .outils2 li{margin-left:0.5em;}

.barre_outil select {width:80px; float:left; margin-top:3px;}

.pagination{
text-align:center;}

.pagination li {
display:inline;
margin-right:0.5em;}

.pagination .active a {
text-decoration:none;}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:459px; margin:auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:459px; height:216px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:459px; height:0; background:#000; color:#fff; overflow:hidden; z-index:1; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:459px;}
#image img {position:absolute; z-index:0; width:auto}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px; overflow:hidden; margin-bottom:10px;}
#slideleft {float:left; width:28px; height:75px; background:url(images/icon_back.png) center center no-repeat;}
#slideright {float:right; width:28px; height:75px; background:url(images/icon_next.png) center center no-repeat}
#slidearea {float:left; position:relative; width:386px; margin-left:10px; height:75px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}