body
{
	font-family:Verdana;
	font-size:12px;
	/*background-color:#e0ffc0;*/
	/* background-color:#000080; */
	margin:0px;
	background-image:url(img_hcc/fondhcc.png);
	background-repeat:repeat-x; 
	background-attachment:fixed;
}



#principal
{
	width:800px;
	margin:auto;
	height:420px;
	margin-top:20px;
	background-color:white;
	
}

#enteteprinc
{
	width:620px;
	height:auto;
	border: solid #000 0px;
	
}

#hccfordintro1
{
	width:245px;
	height:27px;
	margin:0px 0px 0px 10px;
	border: solid #000 0px;
	color:#008000;
	
}

#hccfordintro1 a
{
	text-decoration:none;
	color:#008000;
}

#hccfordintro1 a:visited
{
	text-decoration:none;
	color:#008000;
}

#hccfordintro2
{
	width:30px;
	height:35px;
	margin:-27px 0px 0px 260px;
	border: solid #000 0px;
	color:#008000;
}

#hccfordintro3
{
	width:220px;
	height:27px;
	margin:-35px 0px 0px 300px;
	border: solid #000 0px;
	color:#008000;
}

#hccfordintro3 a
{
	text-decoration:none;
	color:#008000;
}

#hccfordintro3 a:visited
{
	text-decoration:none;
	color:#008000;
}

#mainframe{
	width:350px;
	height:202px;
	margin:20px 0px 0px 10px;
	border: solid #000 0px;
	background-image:url(img_hcc/hccimage.png);
}

#langCam{
	list-style-type:none;
}

#langCam li {
	float:left;
	display:block;
	width:100px;
	height:30px;
	margin:10px 0px 0px 80px;
	text-align:center;
	background-color:gray;
	color:white;

}

#langCam li a{

	display:block;
	width:100px;
	height:30px;
	margin:0px 0px 0px 0px;
	text-align:center;
	padding-top:3px;
	background-color:gray;
	color:white;
	border-bottom: solid #a0a0a0 1px;
	border-left: solid #a0a0a0 1px;
	border-top: solid #a0a0a0 1px;
	border-right: solid #a0a0a0 1px;

}

#langCam li a:hover{
	
	display:block;
	width:100px;
	height:30px;
	margin:0px 0px 0px 0px;
	text-align:center;
	padding-top:4px;
	background-color:#E0EEEE;
	color:blue;
	border-bottom: solid #a0a0a0 1px;
	border-left: solid #a0a0a0 1px;
	border-top: solid #a0a0a0 1px;
	border-right: solid #a0a0a0 1px;
}

#adresse
{
	width:200px;
	height:auto;
	border:solid #000 0px; 
	margin:10px 0px 0px 40px;
	color:green;
	font-size:12px;
	text-align:center;
}

#frame4{
	margin:-240px 0px 0px 380px;
	width:400px;
	height:107px;
	border:solid #a0a0a0 1px;
	background-image:url(img_hcc/hcc.png);
}

#frame5{
	margin:5px 0px 0px 380px;
	border:solid #a0a0a0 1px;
	width:400px;
	height:20px;
}
#frame6{
	margin:5px 0px 0px 300px;
	width:560px;
	height:155px;
	border:solid #000 0px;
}


#general
{
	width:900px;
	margin:auto;
	height:auto;
	margin-top:0px;
	border: solid #a0a0a0 1px;
	background-color:white;
}

#enteteprinc2
{
	width:900px;
	height:160px;
	border-top: solid #a0a0a0 0px;
	border-right: solid #000 0px;
	border-left: solid #000 0px;
	background-image:url(img_hcc/hccbanner.png);
	margin-top:-5px;

	
}

#enteteprinc3
{
	width:900px;
	height:35px;
	border-top: solid #a0a0a0 0px;
	border-right: solid #a0a0a0 0px;
	border-bottom: solid #a0a0a0 1px;
	border-left: solid #a0a0a0 0px;
	
}

#hccford1
{
	width:245px;
	height:27px;
	margin:3px 0px 0px 10px;
	border: solid #000 0px;
	color:#008000;
	
}

#hccford1 a
{
	text-decoration:none;
	color:#008000;
}

#hccford1 a:visited
{
	text-decoration:none;
	color:#008000;
}

#hccford2
{
	width:90px;
	height:20px;
	margin:-23px 0px 0px 260px;
	border: solid #000 0px;
	color:#008000;
}

#hccford3
{
	width:220px;
	height:27px;
	margin:-24px 0px 0px 360px;
	border: solid #000 0px;
	color:#008000;
}

#hccford3 a
{
	text-decoration:none;
	color:#008000;
}

#hccford3 a:visited
{
	text-decoration:none;
	color:#008000;
}


#menu 
{
	width:900px;
	height:20px;
	border-top:solid #a0a0a0 1px;
	border-bottom:solid #a0a0a0 1px;
	float:left;
	background-color:#E0EEEE;
}

#menuhorizontal
{
	 width: 900px;
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 position: absolute;

}

#menuhorizontal li
{
	 float: left;
	 width: 180px;
	 margin: 0;
	 padding: 0;
	 border: 0;
}

#menuhorizontal li a:link, #menuhorizontal li a:visited
{
	 display: block;
	 height: 20px;
	 background-color:#4883c0; 
	 color:white;
	 margin: 0;
	 border-right: 1px solid #fff;
	 text-decoration: none;
	 text-align:center;
}

#menuhorizontal li a:hover 
{ 
	background-color: #696969; 
}

#menuhorizontal li a:active 
{ 
	background-color: #5F879D; 
}

#menuhorizontal .sous_menu li
{
	 float: none;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 width: 200px;
	 border-top: 1px solid transparent;
	 border-right: 1px solid transparent;
	 
}

#menuhorizontal .sous_menu
{
	 display: none;
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 border: 0;
}


#menuhorizontal .sous_menu li a:link, #menuhorizontal .sous_menu li a:visited
{
	 display: block;
	 background-color:#696969;
	 color: #fff;
	 margin: 0;
	 border: 0;
	 text-decoration: none;
	 text-align:left;
}

#menuhorizontal .sous_menu li a:hover
{
	background-color: /* #1E90FF */ green;
}

#menuhorizontal li:hover .sous_menu 
{ 
	display: block; 
}


#camcan
{
	
	margin:-10px 0px 0px 180px;
	width:250px;
	height:auto;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	/*border: solid #000 1px; */

}

.language
{
	margin-left:520px;
	margin-top:-70px;
	margin-right:80px;
	font-size:13px;
	/*border:solid #000 1px;*/
	height:55px;
	background-image:url(img_hcc/fondlang4.png);
	background-repeat:no-repeat;
	width:175px;
	padding-top:2px;
}

#camcan2
{
	
	margin:0px 0px 0px 0px;
	width:176px;
	height:20px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	/* border: solid #000 1px; */

}

.classtitre
{
	text-align:center;
	background-color:green;
	color:white;
	height:20px;
	width:100%;
}

#gauche
{
	margin: 0px 0px 5px 0px;
	height : auto;
	width : 160px ;
	float : left ;
	border-right:solid #000 1px;
	background-color: #F7F7F7;
	font-size:13px;
}

#droit{
	margin: 20px 5px 20px 5px;
	width: 250px ;
	float: right ;
	height : auto;
	border-left:solid #000 0px; 
	background-color: #a1c4f0;
	font-size:11px;

}

#droit a{
	text-decoration:none;
	color:#0a246a;
}

#droit a:hover{
	text-decoration:underline;
	background-color:#E0EEEE;
	color:blue;
}

#droit a:visited{
	color:#0a246a;
	
}

#droit ul 
{
	list-style-image:url(img_hcc/mini_pdf-icon.png);
}

#menugauche 
{
	list-style-type:none;
}

#menugauche li.classhcc
{
	display: block;
	border: 1px solid #a0a0a0;
	margin:0px 0px 0px -40px;
	text-align:center;
	background-color: green;
	color:white;
}

#menugauche li
{
	display: block;
	border: 1px solid #a0a0a0;
	margin:0px 0px 0px -40px;
	text-align:center;
	background-color: #e0ffff;
	color:blue;
	
}

#menugauche a
{
	display: block;
	border: 1px solid #a0a0a0;
	text-align:center;
	text-decoration: none;
}

#menugauche a:hover
{
	border: 1px solid #a0a0a0;
	text-decoration: underline;
	display: block;
	
}

#menugauche a:visited
{	color: blue;
}

#menugauche li a:hover
{	background-color: gray;
	color: #FFFFFF;

}


#foot
{
	margin:20px 0px 0px 0px;
	border-top:solid #a0a0a0 1px ;
	clear: both;
	width:900px;
	height: auto;
	background-color: #E0EEEE;
	text-align : center;
	/* padding: 20px; */
	font-size:11px;
}

#foot a
{
	text-decoration:none;
	color:blue;
	
}

#foot a:hover
{
	text-decoration:underline;
	color:blue;
	
}

#foot a:visited
{
	text-decoration:none;
	color:blue;
	
}

#contenuprincipal
{
 	height:auto;
 	margin: 0px 0px 0px 5px;
 	width:630px;
 	font-size:12px;
 	border:solid #a0a0a0 0px ;
}

h1
{
	font-size:18px;
	color:#008000;
	text-align:left;
}

h2
{
	font-size:14px;
	color:red;
}

h3
{
	font-size:11px;
	color:blue;
	text-align:center;
}

.cameroun
{	
	/*border:solid #000 1px;*/
	height:220px;
	width:405px;
	margin: 0px 0px 0px 0px;

}

.menudroit
{	
	border:solid #000 1px;
	height:500px;
	width:150px;
	margin: -220px 0px 0px 430px;
	font-size:11px;
}

.presentationCam
{	
	/* border:solid #000 1px; */
	height:auto;
	width:405px;
	margin: 10px 0px 0px 0px;
	padding: 2px;

}

#adressehcc
{
	margin:-27px 0px 0px 640px;
	width:250px;
	height:15px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#0a246a;
	border: solid #000 0px; 
} 

#langPrint
{
	margin:0px 0px 0px 640px;
	width:250px;
	height:15px;
	font-size:11px;
	font-weight:bold;
	color:#0a246a;
	border: solid #000 0px; 
	text-align:right;
}

#hautgauche, #hautdroit, #basgauche, #basdroit
{
	height: 19px; 
	width: 19px;
	background-repeat: no-repeat;
	font-size:1px; 
}

#hautgauche 
{
	background-image: url(img_hcc/gauche_haut.png);
}
#hautdroit 
{
	float: right;
	background-image: url(img_hcc/droit_haut.png);
}
#basgauche 
{
	background-image: url(img_hcc/gauche_bas.png);
}
#basdroit 
{
	float: right;
	background-image: url(img_hcc/droit_bas.png);
}