/* CSS Document */
/* LAYOUT <start> ------------------------------------------------------- */
body, html{	width: 100%; height: 100%}
body{
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/body-bg-line.gif) 0 178px repeat-x;
	color: #000000;
}
a:link, a:visited{
	color: #004956;
	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;}
#kid-layer{
	width: 731px;
	padding: 0 100px 0 216px;
	min-height: 790px;
	height: auto!important;
	height: 790px;
	background: url(../images/kid-background.jpg) 0 0 no-repeat;}
#container{
	width: 734px;
	height: 400px;
}
#header{
	height: 178px;
	padding-bottom: 60px;
	position: relative;}
.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;
}
#slogan {
	width: 300px;
	height: 90px;
	float: left;
	clear: both;
	background-image: url(../img/slogan.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 29px;
}
#content{
	background:url(../images/content-bg.jpg) 50% 0 no-repeat;
	padding: 0 0 20px;}

/* --------------------------------------------------------- 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: 60px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#topmenu ul{
	float: left;
	padding: 6px 0;
	text-align: center;
}
#topmenu li{
	float: left;
	margin: 0;
	position: relative;}
#topmenu #menu-left{
	width:210px;
	height: 20px;
	overflow: hidden;
	padding-left: 15px;
	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;
}


#topmenu ul.level3{
	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.level3 li{
	width: auto;
	float: left;
	clear: left;
	width: 100%;
	background: #9295c1;
	border-bottom: 1px solid #ffffff;}
#topmenu #menu-right .level3 a:link, #topmenu #menu-right .level3 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 .level3 a:hover{
	color: #0097b5;
}

/* ----------------------------------------------------- TOP MENU <end> */
/* MAIN CONTENT <start> ----------------------------------------------- */
#middle{
	padding: 18px 0;}
#main-column{
	width: 476px;
	padding: 0 18px 0 0;
	float: left;}
#right-column{
	float: left;
	width: 218px;
	padding: 0 0 0 18px;
	border-left: 1px solid #ccc;}
.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;}
.separator-v{
	float: left;
	width: 1px;
	padding: 0 18px;
	height: 265px;
	background: url(../images/separator-v.gif) 50% 0 repeat-y;}


#cgi-prestige{
	width: 414px;
	min-height: 175px;
	height: 175px;
	overflow: hidden;
	margin: 18px 0;
	padding: 20px 30px;
	background: #000000 url(../images/prestige-bg.jpg) 0 0 no-repeat;
	color: #ffffff;}
#cgi-prestige h1{
	font: 20px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0;	
	background: url(../images/title-prestige.gif) 0 0 no-repeat;
	text-indent: -9999px;}
#cgi-prestige p{
	width: 180px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 0;
}
#cgi-prestige a:link,#cgi-prestige a:visited{
	display: block;
	width: 194px;
	height: 49px;
	text-indent: -9999px;
	background-image: url(../images/prestige-link.gif);
	background-repeat: no-repeat;
	background-position: 0 -49px;
}
#cgi-prestige a:hover,#cgi-prestige a:active{
	background-position: 0 0;}

h1{
	font: 32px/1.5em Arial, Helvetica, sans-serif;
	text-align: left;}
h2{font-size: 20px;}
h2.subtitle{
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	line-height: 1em;
	padding: 0 0 20px;}
h3{
	color: #fff;
	font-size: 20px;
	font-style: italic;
	padding: 10px;}
h3.label-left{
	float: left;
	background: #202b33;
	padding-left: 80px;
	margin: 14px 0 0 0;}
.article{
	clear: left;
	padding: 10px 0 10px 0px;}
p{
	padding: 2px 0;
	margin: 2px 0;
	line-height: 1.5em;}
.article p{
	text-align: justify;}

/* ------------------------------------------------- MAIN CONTENT <end> */
/* RIGHT COLUMN <start> ----------------------------------------------- */
#access{
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#access h1{
	font: 18px/25px Arial, Helvetica, sans-serif;
	text-indent: -9999px;
}
#access ul{
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#access li{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 4px;
	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;
}


/* ------------------------------------------------- RIGHT COLUMN <end> */
/* FOOTER CONTENT <start> --------------------------------------------- */
#footer{
	padding: 25px 0 0;
}
.menu{
	font-size: 12px;
	text-align: center;
	padding: 10px;
	color: #cccccc;}
.menu li{	display: inline; padding: 0 3px;}
.menu a:link,
.menu a:visited{
	color: #cccccc;
	text-decoration: none;}
.menu a:hover, .menu a:active{
	color: #ffffff;
	text-decoration: underline;
}
.copyright{
	text-align: center;
	color: #777c80;}
/* ----------------------------------------------- FOOTER CONTENT <end> */
#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;
}
#left-header {
	width: 180px;
	height: 40px;
	float: left;
	clear: both;
	padding-top: 20px;
}
#right-header {
	width: 180px;
	height: 110px;
	float: right;
	clear: right;
}
#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;
}