/* CSS Document */
/* ************************************************************************ */
/* Handicanal.fr : Style sheet
/* ************************************************************************ */
/* Creation : Handicap.fr - OCT - JL - 2009-09-15
/* ************************************************************************ */

 /*2009-10-05 :  remplacement de la couleur #7B7B7B par #494949 afin d'augementer les contrastes de lecture */


*              {margin: 0; padding: 0; border: 0 }
.none          {margin: 0; padding: 0; border: 0; background-color:inherit; }
.emptyfloatdiv {margin: 0; padding: 0 0 2px 0; border: 0; background-color:inherit; float:left; position:relative; width:100%; }
.centerdiv     {margin: 0; padding: 2px 0 2px 0; border: 0; background-color:inherit; text-align:center;  }
.clearbox      {display:block;clear:both;}


/* *****************STRUCTURE DE LA PAGE*********************** */

body { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 0.75em;
	color: #000000;
	background-color:#7B7B7B; 
	padding:0 0 5px 0;
}

#conteneur {
	width: 980px;
	margin:0px auto; /* OXC */
	border:2px solid #F2F4F4;
	padding:0;
	background-color:#FFFFFF;
}




/* ------------------------------------------------------------------------ 
 * Aide
 * ------------------------------------------------------------------------ */
#aide {	
	text-align:right; 
	margin:auto;
	font-size: 0.8em; 
	color: #000000;
	width: 980px;
	background-color:#7B7B7B; 
}
	
	
#aide p        { color:#FFFFFF; margin:0px; padding:0px;border: 0; font-size: x-small;background-color:inherit; }
#aide a:link   { color:#FFFFFF; background-color:inherit; text-decoration: none; font-weight: normal;}
#aide a:visited{ color:#FFFFFF; background-color:inherit; text-decoration: none; font-weight: normal;}
#aide a:hover  { color:#FFFFFF; background-color:inherit; border-bottom:3px solid #ff9900;text-decoration: none; font-weight: normal;}
p.shrink       { margin:0px; }

#aide ul  {	margin-left:20px;
	list-style-position:inside;
	display:inline;
	width:100%;
}
		
#aide li {
	float:right;
	list-style-type:none;
	margin-left:30px; 	
	list-style-image:url(http://www.handicanal.fr/images/puces.gif);
}
	 
/*#aide img {padding: 0 0 0 25px;}*/


/* ------------------------------------------------------------------------ 
 * Header section
 * ------------------------------------------------------------------------ */
 
#header {
	width:100%;
	float:left;
	background: #FFFFFF url(http://www.handicanal.fr/images/bg-header-bottom.jpg) bottom repeat-x;

}

#header_logo {
	float:left;
	width:215px;
	text-align:center;
	  /*background-color:#FFFFFF;  #F08A01; */
	border:0;
}

#header_top {
	display:block;
	float:right;
	height:120px;
	width:730px;
	/*
	margin-left:250px;
	*/
	border: 0px solid red;
}

#header_baseline {
	display:block;
	float:right;
	padding:10px 10px 0 10px;
	color:#E57828;
	font-weight:lighter; 
	font-size:1.2em;
	font-variant:small-caps; 
}

.firstword {
	color:#999999;
	font-size:1.2em;
}

/* *****************MENU*********************** */
#header_nav {
	display:block;
	float:right;
	width: 450px;
	border: 0px solid green;
	padding:08px 40px 80px 35px;
	color:#494949;
	background-color:inherit;
	font-weight:normal;
	font-variant:small-caps; 
	font-size:1.2em; 
	}
#header_nav a {padding:0 10px 0 10px;}
#header_nav a:link    { /*color:#B2B1B1;*/ color:#494949; font-weight:normal; text-decoration: none; }
#header_nav a:visited { /*color:#B2B1B1;*/ color:#494949; font-weight:normal; text-decoration: none; }
#header_nav a:hover   { /*color:#B2B1B1;*/ color:#494949; font-weight:normal; border-bottom:8px solid #FF9900; }

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ 
 * Home page - Data section
 * ------------------------------------------------------------------------ */

#data_content {
	background:#FFFFFF url(http://www.handicanal.fr/images/stripes_conteneur.jpg) repeat-x left top;
	margin: 1px 10px 0 10px;
	/* border:2px solid red;*/
}


#data_left_colonne {
	float:left;
	border:1px dotted #FF9900;
	width:720px;
	float:left;
	margin:0 0 0 10px;
	padding:0; 
	border:0;
}

.databox {
	float:left;
	display:block;
	width:330px;
	background:#FFFFFF;
	margin:0 5px 10px 10px;
	color:#494949;
	border:1px dotted #FF9900;
	padding:3px;
	height:20em;
	/*color:#7B7B7B;*/
	filter:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-ms-filter:"DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity:0.8;
	opacity:0.8;
}


.databox p { padding:10px; text-align:justify; }
.databox a { margin: 0 10px; text-align:right; }

.databox h2 {
	font-size:1em; 
	font-weight:normal;
	color:#494949;
	font-variant:small-caps;
	margin:0; 
	padding:0px 0 10px 0; 
}

.p_databox {
	width: 260px;
	font-size:0.9em; 
	font-weight:normal;
	color:#494949;
	padding:0px 10px 10px 106px; 
	border: 0;}


/* ------------------------------------------------------------------------ */
#dataright_menu {
	float:right;
	width:200px;
	border:1px dotted #FF9900;
	background:#FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity : 0.8;
	opacity : 0.8;
}

.dataright_menu {
	float:right;
	width:200px;
	border:1px dotted #FF9900;
	background:#FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity : 0.8;
	opacity : 0.8;
}

/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ 
 * Footer section
 * ------------------------------------------------------------------------ */
#footersection {
/*	clear:both;*/
	margin:0 auto;
	display:block;
	text-align:center;
	color: #FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	width: 980px;

}
#footersection a:link    { color:#FFFFFF; text-decoration: none; }
#footersection a:visited { color:#FFFFFF; text-decoration: none; }
#footersection a:hover   { color:#FFFFFF; text-decoration: underline; }
#footersection img       { margin: 0 4px 0 4px; vertical-align:middle; }
/* ------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------ 
 * Pages Internes - Inter
 * ------------------------------------------------------------------------ */

#left_col {
	float:left;
	border:1px dotted #FF9900;
	width:705px;
	float:left;
	margin:0 0 0 10px;
	padding:0; 
	border:0;
}


#left_data {
	float:left;
	display:block;
	width: 690px;
	background: #FFFFFF;
	margin:0 5px 10px 10px;
	color: #494949;
	border:1px dotted #FF9900;
	padding:3px;
	/*color:#7B7B7B;*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity : 0.8;
	opacity : 0.8;

}

#main_rightcol {
	float:right;
	text-align:right;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity : 0.8;
	opacity : 0.8;

}

#main_rightcol h1 {font-size:1.4em; 
	font-weight:normal;
	color:#7B7B7B;
	font-variant:small-caps;
	margin:0; 
	padding:10px 15px 10px 0;
	}


#left_data p  {font-size:1em; margin:5px 15px 10px 15px; text-align:justify; }


#left_data ul {margin-bottom:15px; margin-left:40px;}
#left_data li {
	margin-bottom:8px; 
	margin-left:20px;
	list-style-type:none;
	list-style-image:url(http://www.handicanal.fr/images/puces.gif);
	} 
	
.formatban ul {margin-top:15px; margin-left:60px;}
.formatban li {
	margin-bottom:8px; 
	margin-left:20px;
	list-style-type:circle;
	} 


#left_data .imgL {
	float:left;
	padding-top:6px;
	margin-right:20px;
	}
#left_data .imgR {
	float:right;
	padding-top:6px;
	margin-left:8px;
	}

/* ------------------------------------------------------------------------ 
 * Colonne de droite - Navigation - sous navigation - listes
 * ------------------------------------------------------------------------ */

#menuright {
	width: 180px;
	list-style:none;
	
}

#menuright li {
    line-height: 1em ; 
    text-decoration: none ; 
	list-style-type: none;
	font-variant:small-caps;

}
#menuright li a {
	width: 170px;
    display: block; 
    line-height: 1em; 
    text-decoration: none; 
    padding: 2px 10px 2px 0 ; 
	list-style-type: none;
	margin:0 30px 0 10px;
	text-align: right;
}


#menuright li a:hover, #menuright li a:focus, #menuright li a:active  {
	background:#FF9900;
	color: #333333;
	}


/* .limenuright { */
	/*padding:0 15px 0 0;*/
	/*margin: 2px 0px 15px 20px; */
	/*background-repeat: no-repeat;
	background-position: 100% .4em;
	list-style-type:none;
	list-style-image:none;
	/* border:1px solid black; */
	/*background-image: url(../images/puces.gif) ;} */



#menuright_handicanallist {
	padding:0px;
	float:right;
	width: 100%;
	
}

#menuright_handicanallist li {
	color:#FF6600; 
	list-style-type:none;
	list-style-image:none;
	text-align:right;
	text-decoration: none; 
	font-size:0.9em; 
	margin: 0 15px 0;
}
#menuright_handicanallist li a {
	color:#FF6600; 
	list-style-type:none;
	list-style-image:none;
	text-align:right;
	text-decoration: none; 
	font-size:0.9em; 
}

#menuright_handicanallist li a:hover, #menuright_handicanallist li a:focus, #menuright_handicanallist li a:active {
	color:#494949; 
}

#dataright_menu p {
	color:#494949;
	font-size:0.9em;
	padding: 5px;

}


/* **************** LIENS ****************************** */

a:link    { color:#000000; text-decoration: underline; }
a:visited { color:#000000; text-decoration: underline; }
a:hover   { color:#ff6600; text-decoration: underline; }

a.addrlnk:link    { color:#000000; text-decoration: none;}
a.addrlnk:visited { color:#000000; text-decoration: none;}
a.addrlnk:hover   { color:#CC0000; text-decoration: none;}

a.orangelnk:link    { color:#FF6600; text-decoration: underline; }
a.orangelnk:visited { color:#FF6600; text-decoration: underline; }
a.orangelnk:hover   { color:#FF6600; text-decoration: none;      font-weight:bold; }

a.orangelnk_right:link    { color:#FF6600; text-decoration: underline; text-align:right }
a.orangelnk_right:visited { color:#FF6600; text-decoration: underline; text-align:right }
a.orangelnk_right:hover   { color:#FF6600; text-decoration: none; font-weight:bold; text-align:right; }


a.navigation:link    { color:#7B7B7B;  text-decoration: none; font-weight:bold; font-size:1.1em;   }
a.navigation:visited { color:#7B7B7B;  text-decoration: none; font-weight:bold; font-size:1.1em;  }
a.navigation:hover   { color:#7B7B7B;  text-decoration: none; font-weight:bold; font-size:1.1em;    }
.navigationhover     { color:#FFFFFF; text-decoration: none; font-weight:bold; margin-left:8px; 
					  background: #FFFFFF url(http://www.handicanal.fr/images/menu-arrow.jpg) no-repeat 0% 0%;
					  padding-left:20px;
					  }


span.navigationN2      { color:#CACE00; text-decoration: none; font-weight:bold;  }
a.navigationN2:link    { color:#FFFFFF; text-decoration: none; font-weight:bold;  }
a.navigationN2:visited { color:#FFFFFF; text-decoration: none; font-weight:bold;  }
a.navigationN2:hover   { color:#CACE00; text-decoration: none; font-weight:bold;  }
.navigationN2hover     { color:#CACE00; text-decoration: none; font-weight:bold;  }
/*
.navigationN2hover:visited     { color:#CC0000; text-decoration: none; font-weight:bold;  margin-left:8px; }
.navigationN2hover:hover       { color:#CC0000; text-decoration: none; font-weight:bold;  margin-left:8px; }
*/

a.annexe:link    { font-weight:normal; line-height:32px; margin:0px; padding:0px; color: #626200}
a.annexe:visited { font-weight:normal; line-height:32px; margin:0px; padding:0px; color: #626200}
a.annexe:hover   { font-weight:normal; line-height:32px; margin:0px; padding:0px; color:#999999}

/* ************************ TITRES *********************************** */

h1 {font-size:1.4em; 
	font-weight:normal;
	color:#FF9900;
	font-variant:small-caps;
	margin:0; 
	padding:10px 0 10px 25px; 
}

h2 {font-size:1.3em; 
	font-weight:bold;
	color: #E57828;
	/*color: #FF9900;*/
	font-variant:small-caps;
	margin:5px 20px 10px 15px;
	padding:0px;
}

h3 {
	background:#FFFFFF no-repeat 0% 0%;
	color:#7A7A7A ;
	font-size:1.1em;
	font-weight: bold;
	margin:7px 2px 3px 0px;
	padding:0px 0px 0px 20px ;
}

h4 {font-size:0.9em; 
	font-weight:bold;
	color: #996666;
	margin:8px 2px 10px 0px;
	padding:0px;
}

.retourhaut {float:right;
}

.strongtext {
	font-weight: bold; font-style: normal; font-size: 1.1em;
}

table{border-collapse:collapse;}
tr {margin:0;padding:0;border:0px;}
th{  border:1px solid black; }
td{  border:1px solid black;margin:0px; }
img {border:0px}


	


/* ------------------ form element ---------------------------------------- */
input, select, textarea	{margin: 2px; padding: 0; border: 1px solid #FF5E00; background-color:#FFFFFF; }			
option          {margin: 0; padding: 0; border: 0;  }
*.formel        {color:#000000; background-color:#FFFFFF; font-size: 1em ; border:1px solid #000000; margin:1px;  }
*.forme2        {color:#000000; background-color:#FFFFFF; border: 1px solid white; margin:0;padding:0;text-decoration: underline; font-weight: normal;font-family: arial,verdana,helvetica,sans-serif;}
*.forme2:hover  {color:#FFCC00; background-color:#FFFFFF; border:0; margin:0;padding:0;text-decoration: underline; font-weight: normal;font-family: arial,verdana,helvetica,sans-serif;}
span.formlabel {display:inline;
				float: left;
				width: 11em;   
				text-align:right;
				padding:2px;}
label.formlabel     {display:inline; float: left; width: 11em; text-align:right; padding:2px; }
label.WBformlabel   {display:block;  text-align:left; }
label.formlabellong {display:inline; float: left; width: 18em; text-align:right; padding:2px; }
fieldset            { border:1px solid #FF6600; margin-bottom:20px; width:500px; margin-left:auto; margin-right:auto; }
legend              { color: #000000; background: #FFFFFF; border: 1px solid #FF5E00; padding: 2px 6px; margin: 6px; }

.hdrctry_emptyfloatdiv  {margin: 0; padding: 0 0 2px 0; border: 0; background-color:inherit; float:left; position:relative; width:100%; }
label.hdrctry_formlabel {display:inline; float: left; width: 11em; text-align:right; padding:2px; }


/* ------------------------------------------------------------------------ */