/* CSS Document */
/* LAYOUT <start> ------------------------------------------------------- */
/*body, html{	width: 100%; height: 100%}
body{
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	background-image: url(../images/body-bg-line.gif);
	background-repeat: repeat-x;
	background-position: 0 175px;
}*/
a:link, a:visited{
	text-decoration: none;
}
a:hover{
	color: #00acce;
	text-decoration: underline;}
.clear{ clear: both;}

#wrap-container{	
	min-width: 1050px;
	width: 100%;
	height: 100%;
	background: url(../images/right-bg-end.gif) 100% 178px no-repeat;}
#container{
	width: 731px;
	height: 400px;
}
#header{
	height: 178px;
	padding-bottom: 0px;
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-left: 216px;
}
.language{
	float: right;
	padding: 0;}
.language a{
	font-size: 11px;
	font-weight: bold;}
#logo{
	width: 180px;
	height: 110px;
	background: url(../images/logo-cgi.gif) 0 0 no-repeat;
	float: right;
	text-indent: -9999px;}
#content{
	background:url(../images/content-bg.jpg) 50% 0 no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* --------------------------------------------------------- LAYOUT <end> */
/* TOP MENU IMAGES <start> -------------------------------------------- */
/*
#topmenu #menu-left li a,
#topmenu #menu-right li a{
	display: block;
	float: left;
	padding: 0px 7px;
	text-indent: -9999px;}

#menu-left li a.btn1:link, #menu-left li a.btn1:visited{background: url(../images/topmenu-left-items.gif) 5px -27px no-repeat;	width: 70px;}
#menu-left li a.btn1:hover{background: url(../images/topmenu-left-items.gif) 5px 5px no-repeat;}
#menu-left li a.btn2:link, #menu-left li a.btn2:visited{background: url(../images/topmenu-left-items.gif) -77px -27px no-repeat; width: 70px;}
#menu-left li a.btn2:hover{background: url(../images/topmenu-left-items.gif) -77px 5px no-repeat;}

#topmenu #menu-right li a{
	padding: 0 15px;
	background-repeat: no-repeat;
	background-image: url(../images/topmenu-right-items.gif);}
#menu-right li a.btn1:link, #menu-right li a.btn1:visited{background-position:15px -27px;	width: 50px;}
#menu-right li a.btn1:hover{background-position:15px 5px;}
#menu-right li a.btn2:link, #menu-right li a.btn2:visited{background-position:-65px -27px; width: 26px;}
#menu-right li a.btn2:hover{background-position: -65px 5px;}
#menu-right li a.btn3:link, #menu-right li a.btn3:visited{background-position:-125px -27px; width: 122px;}
#menu-right li a.btn3:hover{background-position: -125px 5px;}
#menu-right li a.btn4:link, #menu-right li a.btn4:visited{background-position:-280px -27px; width: 99px;}
#menu-right li a.btn4:hover{background-position: -280px 5px;}
#menu-right li a.btn5:link, #menu-right li a.btn5:visited{background-position:-405px -27px; width: 62px;}
#menu-right li a.btn5:hover{background-position: -405px 5px;}
*/
/* -------------------------------------------- TOP MENU IMAGES <end> */
/* TOP MENU <start> ----------------------------------------------------- */
#topmenu{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#topmenu ul{
	float: left;
	text-align: center;
	padding-top: 6px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 6px;
}
#topmenu li{
	float: left;
	margin: 0;
	position: relative;}
#topmenu #menu-left{
	width:200px;
	height: 20px;
	overflow: hidden;
	padding-left: 20px;
	background: url(../images/topmenu-left-bg.gif) 0 0 no-repeat;
}
#menu-left li{
	padding: 0 10px;
}
#topmenu li a:link, #topmenu li a:visited{
	text-decoration: none;
	line-height: 20px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#mainmenu li a:hover, #mainmenu li a:active{	color: #59bbef; background-position: 0 -33px;}
#menu-left li a:link, #menu-left li a:visited{color: #bbcccf;}
#menu-left li a:hover{color: #59bbef;}

#topmenu ul.level2{
	position: absolute;
	z-index: 200;
	left: 0;
	top: 20px;
	float: none;
	width: auto;
	padding: 6px 0 0 0;
	text-align: left;
	width: 200px;
	display: none;
}
#topmenu ul.level2 li{
	width: auto;
	float: left;
	clear: left;
	width: 100%;
	background: #d4c58d;
	border-bottom: 1px solid #ffffff;}
#topmenu #menu-right .level2 a:link, #topmenu #menu-right .level2 a:visited{
	text-indent: 0;
	text-transform: none;
	display: block;
	padding: 0;
	width: auto;
	float: none;
	font-weight: bold;
	padding: 3px;
	color: #000;
	background: none;}
#topmenu #menu-right .level2 a:hover{
	color: #0097b5;
}
.box1 {
	color: #ffffff;
	float: left;
	width: 218px;
	min-height: 265px;
	height: auto!important;
	height: 265px;
	background: url(../images/box1-bottom-bg.gif) 0 100% no-repeat;}
.box1 h1{
	height: 37px;
	font-size: 20px;
	text-transform: uppercase;
	color: #ffffff;
	background: url(../images/box1-top-bg.gif) 0 0 repeat-x;}
#chercher h1{
	text-indent: -9999px;
	background: url(../images/box1-title-1.gif);}
#chercher ul{
	padding: 10px;}
#chercher a:link,#chercher a:visited{
	text-transform: uppercase;
	text-decoration: none;
	color: #f4f4f4;
	background: url(../images/arrow1.gif) 0 0 no-repeat;
	padding: 0 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}
#chercher a:hover{
	color: #8AC8F0;
	background-position:0 -18px;
}
#news h1{
	text-indent: -9999px;
	background: url(../images/box1-title-2.gif);}
#news p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#videos h1{
	text-indent: -9999px;
	background: url(../images/box1-title-3.gif);}
#videos p{
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 26px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
}
#videos ul{
	padding: 5px 20px;
}
#videos li a:link,#videos li a:visited{
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #dbdbdb;
	text-decoration: none;}
#videos li a:hover{
	color: #59bbef;}
	
	
	#videos2lignes h1{
	text-indent: -9999px;
	background: url(../images/box1-title-3.gif);}
#videos2lignes p{
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 22px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
}
#videos2lignes ul{
	padding: 5px 20px;
}
#videos2lignes li a:link,#videos2lignes li a:visited{
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #dbdbdb;
	text-decoration: none;}
#videos2lignes li a:hover{
	color: #59bbef;}
	
	
	
	
	
.box1 p{
	padding: 0;
	margin: 0;}.1pxspace {
	height: 40px;
}
#access{
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#access h1{
	font: 18px/25px Arial, Helvetica, sans-serif;
	text-indent: -9999px;
}
#access ul{
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#access li{
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#access a.btn1:link, #access a.btn1:visited{
	display: block;
	width: 198px;
	height: 53px;
	text-indent: -9999px;
	background-image: url(../images/access-link1.gif);
	background-position: 0 0;
}
#access a.btn2:link, #access a.btn2:visited{
	background: url(../images/access-link2.gif) 0 0;
	display: block;
	width: 198px;
	height: 53px;
	text-indent: -9999px;}
	#access a.btn3:link, #access a.btn3:visited {
	display: block;
	width: 198px;
	height: 53px;
	text-indent: -9999px;
	background-image: url(../images/access-link3.gif);
	background-position: 0 0px;
}
#access a.btn3:hover {
	background-image: url(../images/access-link3.gif);
	background-position: 0 -53px;
}
#access a.btn1:hover {
	background-image: url(../images/access-link1.gif);
	background-position: 0 -53px;
}
#access a.btn2:hover {
	background-image: url(../images/access-link2.gif);
	background-position: 0 -53px;
}
#news h1{
	text-indent: -9999px;
	background: url(../images/box1-title-2.gif);}
#news p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#news ul {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#news li a:link, #news li a:visited {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #dbdbdb;
	text-decoration: none;
}
#news li a:hover {
	color: #59bbef;
}
#access a.btn4:link, #access a.btn4:visited {
	display: block;
	width: 198px;
	height: 53px;
	text-indent: -9999px;
	background-image: url(../images/link-iphone.gif);
	background-position: 0 0px;
}
#access a.btn4:hover {
	background-image: url(../images/link-iphone.gif);
	background-position: 0 -53px;
}