@charset "utf-8";
/* bleu:#1378bc; */
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:13px
}
#content {
	width:100%;
	background:url(../images/espoir_02.png) repeat-x;
	height:370px;
}
div.counter {
	width:980px;
	margin:0 auto;
}
a{
	outline:none;
}
h2{
	font-size:12px;
	font-weight:bold;
	margin:0px;	
}
/*** header ***/
#header {
	width:980px;
	margin:0 auto;
	position:relative;
	height:370px;
}
#content #header div.logo {
	position:absolute;
	background:url(../images/logo_04.png) no-repeat;
	width:165px;
	height:172px;
	left:20px;
}
#content #header #menu {
}
/*#content #header ul {
	padding:0px;
	margin:0px;
}
#content #header ul li {
	list-style:none;
	padding:0px;
	float:right;
}*/
#header-bas {
	float:left;
	margin-top:65px;
	width:980px
}
#header-bas div.banniere {
	width:718px;
	height:287px;
	float:left
}
#menu-droite {
	float:right;
	width:211px;
	margin-right:10px
}
#main {
	background:url(../images/bg-main_17.gif) repeat-y #FFF;
	min-height:578px;
}
#main #main-content {
	width:980px;
	margin:0 auto;
}
.esp{
	text-indent:-9999px;
}
#main-content div.drapeaux {
	text-align:right;
	height:20px;
	padding-top:10px;
}
#main-content div.menu-left {
	float:left;
	width:250px;
}
#main-content div.menu-left ul {
	padding-left:24px;
	color:#1378bc;
}
#main-content div.menu-left ul li.titre {
	list-style-image:url(../images/etoile_27.png);
	padding-top:0px;
	font-size:15px;
	float:left;
	width:172px;
	height:15px;
}
#main-content div.menu-left ul li a {
	text-decoration:none;
	color:#1378bc
}
#main-content div.menu-left ul li.point {
	list-style:none!important;
	float:left;
	height:15px;
	font-size:10px;
}
span {
	height:15px;
	vertical-align:middle;
	float:left;
}
#main-content div.menu-left div.categorie {
	float:left;
	width:220px
}
#main-content div.menu-left div.categorie h2 {
	font-size:16px;
	color:#1378bc;
	padding-top:0px;
	margin-top:0px
}
#rubrique-milieu {
	width:730px;
	float:right;
	margin-top:30px
}
#rubrique-milieu div.rubrique-ligne {
	width:730px;
	float:left;
}
#rubrique-milieu div.rubrique-ligne div.rubrique-colonne {
	width:232px;
	float:left;
}
#rubrique-milieu div.rubrique-ligne div.rubrique-image {
	width:233px;
	height:66px;
	float:left;
}
#rubrique-milieu div.rubrique-ligne div.rubrique-texte {
	width:215px;
	float:left;
	text-align:justify;
	font-size:11px;
	height:155px;
}
#rubrique-milieu div.rubrique-ligne div.rubrique-suite {
	width:86px;
	height:16px;
	float:right;
	padding-right:20px;
	margin-top:20px;
}
#rubrique-milieu div.rubrique-ligne div.rubrique-point-h {
	width:232px;
	height:13px;
	margin:0 auto;
	float:left;
	margin:7px auto 0;
}
#rubrique-milieu div.rubrique-ligne div.rubrique-point-v {
	width:15px;
	height:176px;
	float:left;
	padding-top:0px;
}
/********************************************************/
/*div#menu ul.niveau1 > li, div#menu ul.niveau1 > li:hover {
	background: transparent;
	border-bottom: none;
	width: auto;
	line-height: auto;
}
div#menu li {
	background:#eee;
	line-height: 15px;
	color:#666666;
}
div#menu li a {
	color:#dddddd;
	display:block;
	padding:5px 8px;      
	text-decoration:none;
}
div#menu li:hover {
	background: #dddddd;
}
div #menu li:hover a {
	color: #398ec7;
}
div #menu li a:hover {
	color: #fff;
}
div #menu li.sousmenu:hover > a {
	color: #398ec7;
}
div#menu ul li {
	position:relative;
	z-index: 998;
	list-style: none;
	float:left;
	border-bottom:1px solid #398ec7;
	width:170px
}
div#menu ul ul {
	-moz-border-radius:3px 3px 3px 3px;
	border:1px solid #398EC7;
	display:none;
	position:absolute;
	width:171px;
	z-index:999;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover {
	display:block;
}

div#menu ul.niveau3 li {
	background: #1f1f1f;
	color: #dddddd;
}
div#menu ul.niveau1 > li.last > a {
	border:none;
}*/
/******************************************/
/** footer **/
#footer {
	background:url(../images/bg-footer_39.gif) repeat-x;
	width:100%;
	height:232px;
	float:left;
	padding-top:30px;
	color:#FFFFFF;
	text-decoration:none;
}
#footer ul {
	margin-top:5px;
	padding-left:20px;
}
#footer ul li {
	list-style-image:url(../images/puce-footer_03.png);
	padding-top:5px;
	font-size:10px
}
#footer h2 {
	padding:0;
	margin:0;
	font-size:12px;
}
#footer div.f-colonne {
	width:190px;
	float:left;
	padding-top:10px;
}
#footer div.colonne {
	width:190px;
	float:left;
	padding-top:10px;
	padding-left:47px;
}
#footer div.footer-top {
	float:left;
	width:980px;
}
#footer div.footer-botom {
	font-size:11px;
	text-align:left;
	float:left;
	width:980px;
}
#footer a {
	text-decoration:none;
	color:#FFFFFF;
}
#footer a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
/********************************************************/

/** js **/
#js {
	float:left;
	width:730px;
	min-height:446px;
}
#js div.tab_container {
	width:600px;
	float:left;
	margin-left:15px;
}
#js div.tab_container ul {
	display:inline-block;
	margin:0;
	padding:0;
}
#js div.tab_container ul li {
	list-style:none;
	float:left;
	padding:0 5px;
	margin:0;
}
#js div.details_container-top {
	float:left;
	background:url(../images/border-top-espoir.png) no-repeat;
	width:736px;
	height:18px;
}
#js div.details_container-bottom {
	float:left;
	background:url(../images/border-bottom-espoir.png) no-repeat;
	width:736px;
	height:36px;
}
#js div.details_container {
	float:left;
	width:736px;
	background:url(../images/border-milieu-espoir_30.png) repeat-y;
}
#js div.tab_container ul li a {
	outline:none
}
.ui-tabs-panel {
	padding:0px 25px;
	text-align:justify
}
#js div.details_container h3 {
	color:#1378bc;
	padding:0px;
	margin-bottom:0;
	margin-top:15px;
}
#js a {
	color:#1378bc;
	text-decoration:none
}
#js div.photos-js img {
	margin:0 auto;
	display:block;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
	display: none;
}
}

/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
	display: none;
}
}
.ui-tabs-nav .ui-tabs-selected a.ui-tabs-tab {
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: #000;
	background:#fff!important;
}
ul.ui-tabs-nav li.ui-tabs-selected a.new {
	background: #fff url(../images/icons/new1.gif) no-repeat 176px -21px !important;
}
.ui-tabs-nav .ui-tabs-selected a.ui-tabs-tab:link, .ui-tabs-nav .ui-tabs-selected a.ui-tabs-tab:visited, .ui-tabs-nav .ui-tabs-disabled a.ui-tabs-tab:link, .ui-tabs-nav .ui-tabs-disabled a.ui-tabs-tab:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a.ui-tabs-tab:hover, .ui-tabs-nav a.ui-tabs-tab:focus, .ui-tabs-nav a.ui-tabs-tab:active, .ui-tabs-nav .ui-tabs-unselect a.ui-tabs-tab:hover, .ui-tabs-nav .ui-tabs-unselect a.ui-tabs-tab:focus, .ui-tabs-nav .ui-tabs-unselect a.ui-tabs-tab:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/*.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}*/

.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
}
.ui-tabs-nav a.ui-tabs-close {
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}
/**************************************************************/
/*** icm **/
.gen {
	width:680px;
	border:1px solid #999;
}
tr.first {
	background-color:#e0e0e0;
	color:#333;
	font-size:16px;
	height:50px;
	font-weight:bold;
	vertical-align:top;
}
tr.second {
	height:20px;
	padding-left:5px;
}
td.cell-1 {
	padding-left:5px;
}
/****************************************************************/
/*** contact ***/

#contact {
	width:730px;
	min-height:470px;	
	color:#1378bc;
}
#contact h2 {
	padding:0;
	margin:0;
	font-size:15px
}
#contact td.nom {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	width:100px;
}
#contact td.formulaire {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	width:190px;
	padding:10px 0;
}
#contact select.combobox {
	border:1px solid #999999;
	color:#333333;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:56px;
}
#contact input.input {
	-moz-border-radius:4px 4px 4px 4px;
	border:1px solid #999999;
	color:#333333;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:3px;
	width:190px;
}
#contact input.input:hover {
	border:1px solid #1378bc;
}
#contact font.slash {
	float:left;
	text-align:center;
	width:15px;
	padding-top:2px
}
#contact textarea.input {
	border:1px solid #999999;
	width:190px;
	font-size:10px;
	color:#999999;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius:4px 4px 4px 4px;
	margin-top:10px;
}
#contact textarea.input:hover {
	border:1px solid #1378bc;
}
#contact input.file {
	color:#999;
	font-family:Garamond;
	font-size:13px;
	font-weight:bold;
	height:22px;
	text-align:center;
}
#contact input.button{
	border:1px solid #999;
	background:#eee;
	width:80px; 
	height:20px;
	color:#1378bc;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:40px
}
#contact a{
	color:#999999;
}
/****************************************************************/

td font.texte{
	font-size:12px; 
	color:#666; 
	font-family:Arial, sans-serif
}

/** bg-image**/
#bg-operation{padding-top:35px}
#bg-operation ul{
	padding:0px;
	margin:0px;
	line-height:20px;
	
}
ul li.bg-operation{
	
	padding:0px;
	margin-left:13px;
	list-style:url(../images/puce-li.png);
}
ul li.bg-operation a{
	color:#666;
	text-decoration:none
}
ul li.bg-operation a:hover{
	color:#666;
	text-decoration:underline
}

/*****************************************************************/



.content-emission{
	width:211px; 
	float:left; 
	background:url(../images/espoir-video_05.png) no-repeat; 
	height:210px;
	padding-left: 13px;
    padding-top: 9px;
	cursor:pointer
}
.content-emission:hover{
	background:url(../images/espoir-video-hover_05.png) no-repeat; 
}