﻿body  {font: Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;color: #000000;}
#container {position: relative;width: 990px;background: #FFFfff;margin: 0 auto;border: 0px solid #000000;}
#header {height: 115px;background: url(../images/backheader.jpg);padding: 0px;} 
#header h1 {margin: 0; padding: 0px 0;}
#sidebar1 {float: left;width: 20%;background: #FFFfff;padding: 10px 0;margin-right: 10px;}
#sidebar2 {float: right;width: 26%;background: #FFFfff;padding: 10px 5px 0 0;margin:0;}
#sidebar3 {width: 73%;background: #FFFfff; padding: 10px 5px 0 0; margin:0;}
#sidebar1 p, #sidebar1 h3, #sidebar2 p, #sidebar2 h3, #sidebar1 listas, #sidebar2 listas {margin-left: 0px;margin-right: 0px;}
#bar_central {float: right;width: 21%;background: #FFFfff;padding: 10px 0 0 5px;margin: 0 2px 0 0;}
#mainContent {margin: 0 260px 0 0;padding: 10px 5px; }

/******* CSS Nav1 (Menulache) nav Nav2 Nav3 Calendario*********/
.nav{font: bold 10px Verdana;line-height:15px;width: 100%;}
#nav1{position:absolute;left:0px;top: 81px;font: bold 10px Verdana;line-height:15px;width: 100%;}
#nav2{position:absolute;left:0px;top: 68px;font: bold 10px Verdana;line-height:15px;width: 48%;}
#nav3{font: bold 10px Verdana;background-color: #999999;line-height:30px;width: 100%;}

.nav ul li{position: relative;display: inline;float: left;border-top-width:thin;}
#nav1 ul, #nav2 ul, #nav3 ul, .nav ul{margin: 0;padding: 0;list-style-type: none;}
#nav1 ul li{position: relative;display: inline;float: left;}
#nav2 ul li{position: relative;display: inline;float: right;border-top-width:thin;}
#nav3 ul li{position: relative;display: inline;color: white;float:left;border-top-width:thin;padding: 2px 6px;}

.torneo{font: normal 11px Verdana;color: #151515;border-left:1px solid #c1c1c1;padding: 0px;margin:0px;overflow: auto;}
.torneo h2{font: normal 11px Verdana;color: #151515;float:left;padding: 0 0px 0 5px;}

/*Top level menu link items style*/
.nav ul li a{display: block;background: #999999;padding: 4px 10px;margin: 0 1px 0 1px;border-right: 0px solid #778;border-top-width:thin;color: white;text-decoration: none;}
#nav1 ul li a{display: block;padding: 4px 10px;border-right: 0px solid #778;color: white;text-decoration: none;}
#nav2 ul li a{display: block;padding: 5px 10px;border-right: 0px;color: white;text-decoration: none;}
#nav3 ul li a{display: block;padding: 0;border: 0px;color: white;text-decoration: none;}
#nav3 ul li img, #nav3 ul li a img{display: block;padding:0px;margin:0px;border: 0px;color: white;text-decoration: none;width:30px;height:30px;}
#nav3 ul li form{display: block;padding: 3px 80px 0 50px;margin:0px;border-right: 0px;color: white;text-decoration: none;}
* html #nav1 ul li a{ /*IE6 hack to get sub menu links to behave correctly*/	display: inline-block;}

#nav1 ul li a:link, #nav1 ul li a:visited, #nav2 ul li a:link, .nav ul li a:visited, .nav ul li a:link {color: white;}
#nav1 ul li a:hover, #nav2 ul li a:hover, #nav3 ul li a:hover, .nav ul li a:hover{color: white;text-decoration: underline;}
	
#nav1 ul li ul{position: absolute;left: 0;display: block;z-index:100;visibility: hidden;}
#nav1 ul li ul li{display: list-item;float: none;display:block;border:1px;border-left-color:white;border-left-width: medium;}
#nav1 ul li ul li ul{top: 0;}
#nav1 ul li ul li a{font: bold 10px Verdana;width: 120px;padding: 5px;margin: 0;border-top-width:0px;border-bottom: 1px solid gray;background:	#0744A9;}
#nav1 ul li ul li a:hover{ /*sub menus hover style*/color: white;text-decoration: underline;}

.flecheonbas{position: absolute;top: 8px;right: 7px;}
.flechedroit{position: absolute;top: 6px;right: 5px;}

.mpie{font: bold 10px Verdana;line-height:18px;background: url(../images/b2.gif) center repeat-x;width: 100%;}
.mpie ul{margin:0;padding-left: 300px;list-style-type: none;}
.mpie ul li{position: relative;display: inline;float: left;}
.mpie ul li a{display:block;background: url(../images/b2.gif) center repeat-x;padding: 4px 10px;border-right: 0px solid #778;color: white;text-decoration: none;}
* html .mpie ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.mpie ul li a:link, .mpie ul li a:visited{color: white;}
.mpie ul li a:hover{color: white;text-decoration: underline;}
/******* Fin Menulache *********/

#footer {clear:both;height: 200px; background:#666666;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;font-weight: bold;color: white;text-decoration: none;text-align: left;padding: 5px 0 0 10px;}
#footer ul{padding: 0 0 0 10px;color: white;}
#footer ul li{position: relative;display: inline;float: left;}
#footer ul li a{font-size: 12px;display: block;width: 220px;padding: 0 0 0 0px;color: white;text-decoration: none;}
* html #footer ul li a{ display: inline-block;}
#footer ul li a:hover{text-decoration:none;}
#footer ul li a.selected{ text-decoration:none;}
#footer ul li ul{position: absolute;width:220px;margin-top:10px;left: 0px;}
#footer ul li ul li{display: block;float: none;padding: 1px;margin:0px;}
#footer ul li ul li a{display: list-item;font: bold 10px Verdana;padding: 0px;}
#footer ul li ul li a:hover{ /*sub menus hover style*/color: white;text-decoration: underline;}
#footer p, #footer li {margin: 0; padding: 0px 0; }
.fltrt {float: right;margin-left: 10px;}
.fltlft {float: left;margin:5px;margin-right: 10px;	}

.mastertit {position:absolute;left:180px;top:0px;width:250px;font-family: Verdana, Arial, Helvetica, sans-serif;font-style: oblique;font-weight: bold;color: white;text-align:left;padding:8px 0 0 0 ;}
.mastertit h1{margin:auto;}
.mastertit h1 a{font-size: 26px;padding:20px;}
.mastertit h2{padding:0px;margin:0 0 5px 0;}
.mastertit h2 a{font-size: 14px;}
.masterlogo {position:absolute;left:410px;top:0px;width:200px;height:60px;padding:5px 0 0 0;}

#capa-chercher {margin: 15px 8px 0 0;padding: 5px 0px 2px 0px;width: 210px;text-align: right;float: right;}
.box-chercher {background: 0px 0px white;border-radius: 4px;border: 1px solid rgb(174, 190, 206);width: 180px;height: 19px;color: rgb(162, 162, 162);letter-spacing: 0.08em;padding-left: 0px;font-family: "PT Sans Narrow",arial,serif;font-size: 11px; position: relative;}
.btn-chercher {background: url(../images/btn-chercher.gif) no-repeat 0px 0px;padding: 0px;border: 0px currentColor;width: 23px;height: 23px;line-height: 0;text-indent: -9999px;float: right;display: block;position: relative;cursor: pointer;}
.btn-chercher:hover {background-position: -23px 0px;}

.Date {position:absolute;left:790px;top:60px;margin:5px 5px 0 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;font-weight: bold;color: white;}
.titre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-style: normal;font-weight: bold;color: #151515;text-align:left;}
.bartitbleu {background:	url(../images/b2.gif) left repeat-x;/*background:	#4871DB;*/font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: bold;color: white;text-align:left;padding:3px 0 3px 15px;}
.bartitbleuciel {background:	#D3E3FE;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;font-weight: bold;color: #151515;text-align:left;padding:3px 0 3px 15px;border-top:2px solid #BCC9FC;border-left:2px solid #BCC9FC;}
.bartitrouge {background:#8F3239;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: bold;color: white;text-align:left;padding:3px 0 3px 15px;}
.bartitbeige{background:	#eeeeee;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: bold;color: #151515;text-align:left;padding:3px 0 3px 15px;}

/******* CSS Tableu *********/
.tableu{ margin:5px 3px 3px 3px;padding:7px;background:#FFFFFA;float:left;width:30%;height:145px;border:1px solid #FFB;}
.tableu2{margin:1px;padding:0px;background:white;float:left;width:30%;height:115px;}
.tableu3{margin:6px 2px 2px 2px;padding:4px;background:#FFFFFC;float:left;width:22%;height:180px;}
.tableu4 {margin:4px;padding:0px;background:white;float:left;width:46%;height:135px;}
.tableu5{ margin:0px 3px 5px 3px;padding:5px;background:#FFFFFC;float:left;width:30%;height:195px;} /* lideres individuales*/

.tableu h1{	font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-style: normal;font-weight: bold;color: black;text-align:left;padding:0px;margin:2px 0 5px 0;}
.tableu h2{	font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: bold;color: #0000B3;text-align:left;text-decoration: none;padding:0px;margin:2px 0 0px 0; }
.tableu3 h2, .tableu3 h2 a{	font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: bold;color: #0000B3;text-align:left;text-decoration: none;padding:0px;margin:2px 0 0 0;	}
.tableu4 h2{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: normal;color: #151515;text-align:left;text-decoration: none;padding:0px;margin:0px;}
.tableu5 h2{font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-style: normal;font-weight: bold;color: #151515;text-align:left;padding:25px 0 0 0px;margin:0px 0 0 0px;}

.tableu h2:hover, .tableu3 h2 a:hover{text-decoration: underline;}

.tableu img{margin: 3px 8px 3px 3px;padding: 0;float:left;width:72px;height:54px;}
.tableu2 img{width:45px;height:57px;padding:0px;margin:0px;}
.tableu3 img{margin: 6px auto;padding: 2px;border: 1px solid #666666;width:90px;height:115px;}
.tableu4 img{width:120px;height:90px;border: 1px solid #666666;padding:2px;margin:2px;}
.tableu5 img{margin: 3px 5px 3px 5px;padding: 2px;border: 1px solid #999999;float:left;width:54px;height:68px;}

.tableu p, .tableu3 p{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;color: #151515;text-align:justify;padding:0;margin:2px 0 0 0;}
.tableu h3{	font-family: "Times New Roman", Times, serif;font-size: 12px;font-style: normal;font-weight: bold;color: #C40000;text-align:left;padding:0;margin:5px 0 0 0;}
.tableu h4{	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;font-weight: normal;color: #666666;text-align:left;text-decoration:none;padding:0;margin: 0;}
.tableu2 h4, .tableu4 h4{font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;font-weight: normal;color: #666666;text-align:left;padding:0px;margin:0px;}
.tableu3 h4, .tableu3 h4 a{font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;font-weight: normal;color: #666666;text-align:left;text-decoration:none;padding:0;margin: 0;}
.tableu3 h4 a:hover{text-decoration: underline;}

/******* Fin Tableu2 et 4*********/
.TitG {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-style: normal;font-weight: bold;color: #0000B3;}
.TitMoy {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: bold;color: #0000B3;}
.Titpetite {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;font-weight: normal;color: #0000B3;}
.Parraf {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;text-align: justify;color: #151515;text-decoration: none;}
.ParrafPetite {font-family: Verdana, Arial;font-size: 9px;font-style: normal;font-weight: normal;text-align: justify;color: #600;}

.enlace {font-family: Georgia, "Times New Roman";font-size: 12px;font-style: normal;font-weight: normal;color: #0000B3;}
.Tabletit {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;font-style: normal;font-weight: bold;color: #2244aa;text-align: center;padding-bottom: 10px;}
.Tablecab {font-family: Verdana, Arial;font-size: 12px;font-style: normal;font-weight: bold;color: white;text-align: left;background: #2244aa}
.Tablerows {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;color: #151515;}

/******* nouvelles detail video  ******/
.nouvelles, .detail, .video{margin:5px 3px 3px 3px;padding:5px;}
.nouvelles img{margin: 8px 5px 5px 3px;padding: 0;float:left;border: 1px solid white;width:72px;height:54px;}
.video img{margin: 8px 5px 5px 3px;padding: 2px 2px 2px 2px;float:left;border: 1px solid #666666;width:72px;height:54px;}
.detail img{margin: 10px;padding: 0;}
.detail a{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;font-weight: bold;color: #151515;text-align:center;}
.nouvelles h1, .video h1{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;font-style: normal;font-weight: bold;color: #151515;text-align:left;padding:0px;margin:7px 0 0 0;}
.detail h1{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 22px;font-style: normal;font-weight: bold;color: black;text-align:center;padding:0px;margin:7px 0 0 0;}
.nouvelles h2, .detail h2, .video h2{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: normal;text-decoration: none;font-weight: bold;color: #0000FF;text-align:left;padding:0px;margin:7px 0 0 0;}
.nouvelles h2:hover, .video h2:hover{text-decoration: none;}
.nouvelles p, .detail p, .video p{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;color: #151515;text-align:justify;padding:0;margin:2px 0 0 2px;}
.nouvelles h3, .detail h3, .video h3{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;font-weight: normal;color: #0000FF;text-align:left;padding:0;margin:2px 0 0 0;}
.nouvelles h4, .detail h4, .video h4{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;font-style: normal;font-weight: normal;color: #666666;text-align:right;padding:0;margin: 0;}
/******* Fin Nouvelles  detail video*********/
/******* Galerie dimages*********/
.galerie{width:190px;height:235px;border: 1px solid #151515;padding: 5px 2px 5px 2px;position: relative;margin:5px auto;background: #C0C0C0;overflow:hidden;}
.gale img{width:54px;height:72px;border: 1px solid white;margin: 0 2px 2px 0;}
.gale:hover{background-color: transparent;}
.gale:hover img{border: 1px solid white;}
/*******Fin Galerie dimages*********/
.shadow{position:absolute;left:210px;top:200px;width:470px;height:220px;background-color: #C6D5FD;padding: 5px;border: 1px #999999;}

.divhideflt{position:absolute;left:216px;top:212px;width:450px;height:200px;border: 1px solid #151515;padding:0px;margin:10px;background: white;overflow:hidden;z-index:1;}
.divhideflt h1{font: bold 12px Verdana;line-height:15px;width: 100%;color:white;background-color: #999999;margin:0 0 5px 0;padding:5px 0 5px 10px;}
.divhideflt h2{font: normal 12px verdana;color: #151515;background: white;font-weight:bold;padding: 10px 0 10px 10px;margin:5px auto;}
.divhideflt h3{font: normal 12px verdana;color: #151515;background: white;font-weight:bold;float:right;padding: 3px;margin:10px 30px 20px 0;}
.divhideflt img{width:54px;height:72px;border: 1px solid white;margin: 0 2px 2px 0;}
.divhideflt2{position:absolute;left:216px;width:450px;height:150px;border: 1px solid #151515;padding:0px;margin:10px;background: white;overflow:hidden;z-index:1;}
.divhideflt2 h1{font: bold 12px Verdana;line-height:15px;width: 100%;color:white;background-color: #999999;margin:0 0 5px 0;padding:5px 0 5px 10px;}
.divhideflt2 h2{font: normal 12px verdana;color: #151515;background: white;font-weight:bold;padding: 10px 0 10px 10px;margin:5px auto;}
.divhideflt2 h3{font: normal 12px verdana;color: #151515;background: white;font-weight:bold;float:right;padding: 3px;margin:10px 30px 20px 0;}
.divhideflt3{position:fixed;left:50%;top:50%;height:auto;margin-top: -250px;width:560px;margin-left: -280px;border: 1px solid #151515;padding:0px;background: white;overflow:hidden;z-index:1;}
.divhideflt3 h1{font: bold 12px Verdana;line-height:15px;width: 100%;color:white;background-color: #999999;margin:0 0 5px 0;padding:5px 0 5px 10px;}
.divhideflt3 h2{font: normal 12px verdana;color: #151515;background: white;font-weight:bold;padding: 5px 0 0px 0px;margin:5px auto;}
.divhideflt3 h3{font: normal 12px verdana;color: #151515;background: white;font-weight:bold;float:right;padding: 3px;margin:10px 30px 20px 0;}
/**** Formulario contactenos ***/
#contact {font-size: 11px;font-family: Arial, Helvetica, sans-serif;padding: 5px;background-color:#BCDDFE;color: #151515;width: 410px;border: 1px Solid #0000b0;}
#contact label{font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #151515;display: block;width: 150px;}
#reciproco{width: 400px;height: 13px;margin-bottom: 5px;border: 1px Solid #0000b0;padding: 2px;color: #151515;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#URL_tit, #URL, #nom, #mail {width: 230px;height: 13px;margin-bottom: 5px;border: 1px Solid #0000b0;padding: 2px;color: #151515;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#codigo {width: 120px;height: 15px;margin-bottom: 5px;border: 1px Solid #0000b0;padding: 2px;color: #151515;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#contact textarea {width: 400px;height: 50px;margin-bottom: 5px;border: 1px Solid #0000b0;padding: 2px;color: #151515;}
.warning{font-family: "Times New Roman", Times, serif;font-size: 11px;font-style: normal;font-weight: bold;color: #87323A;text-align:left;padding:0;margin:5px 0 0 0;}
.clearfloat, .clearleft{ clear:both;height:0;font-size: 1px;line-height: 0px;}
.pub_articulo{margin: 0;}
