/*--------------------Mise en page générale---background-image:url(../images/FondBodyCci.gif);-------------------------*/
body {
background-color:#E6E7E8;  font-family: Arial, Helvetica, sans-serif; font-size:9pt;padding-top:0px;}
form{
padding:0; margin:0;}
input{
font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
.submit{
color:#FFFFFF; font-weight:bold; border:0; background-color:#003366; cursor:pointer;}
/*--------------------Mise en page Menu Banniere------------------------*/
.menuHaut{
position:absolute;
left: 50%; 
width: 779px;
height:105px;
margin:0;
top:0px;
margin-left: -411px; /* moitié de la largeur */
padding:0;
background-color:#FFFFFF;
}
.logocci{
position:absolute;
width:83px;
height:80px;
margin:0;
padding:0;
left:0;
top:15px;
background-image:url(../images/accueillogocci.jpg);
background-repeat:no-repeat;
}
.banniere{
position:absolute;
width:692px;
height:60px;
margin:0;
padding:0;
left:92px;
top:7px;
background-image:url(../images/accueiltitrecci.jpg);
background-position:left;
background-repeat:no-repeat;

}
.menuAcc{
width:551px;
height:17px;
margin:0;
padding:0;
padding-top:5px;
position:absolute;
left:85px;
top:68px;
background-color: #003366;
font-size:10px;
font-weight:bold;
vertical-align:middle;
text-align:right;
color:#FFFFFF;
}
a.lienMenu, a.lienMenu:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight:bold; text-decoration:none;
}
a.lienMenu:hover{ 
color:#CCCCCC; text-decoration:none;
}
.recherche{
width:143px;
height:22px;
margin:0;
padding:0;
position:absolute;
right:0px;
top:68px;
background-color: #003366;
}
.recherche form{
margin:0; padding:0; width:150px; position:absolute; left:0; top:0; text-align:left;}
.inputRecherche{
position:absolute; left:1px; top:2px; width:108px; height:18px; margin:0; padding:0; border:0; vertical-align:middle;}
.submit{
position:absolute; left:110px; top:2px; width:29px; height:18px; margin:0; padding:0; color:#FFFFFF; font-weight:bold; border:0; background-color:#003366; cursor:pointer;}

.lignevide{
position:absolute;
width:687px;
height:2px; /* border + height = 1 + 2 = 3 */ 
margin:0;
padding:0;
left:92px;
top:76px;
}
/*-----------------------Zone evenement Haute------------------------------------*/
.evenementO{
position:absolute;width:355px;height:60px;margin:0;padding:0;right:0px;top:4px; 
}
.evenementH{
position:absolute;width:234px;height:60px;margin:0;padding:0;right:0px;top:4px; 
}
.evenementZ{
position:absolute;width:117px;height:60px;margin:0;padding:0;right:239px;top:4px; 
}
/*--------------------Mise en page de l'acceuil-------------------------*/
.interface{
position:absolute;
left: 50%; 
width: 779px;
height:818px;
margin:0;
top:90px;
margin-left: -411px; /* moitié de la largeur */
padding:0;
background-color:#FFFFFF;
}
.coord{
position:absolute;
left: 50%; 
width: 778px;
height:40px;
top:2px;
text-align:center;
padding-top:5px;
margin:0;
margin-left: -390px; /* moitié de la largeur */
color:#000000;
}
.defilHG{
position:absolute;width:173px;height:30px;margin:0;padding:0;left:0px;top:130px; color:#FFFFFF; text-align:center; 
}
.date{
position:absolute;
right: 50%; 
width: 200px;
height:15px;
top:45px;
text-align:right;
vertical-align:text-top;
padding-top:5px;
margin:0;
margin-right: -390px; /* moitié de la largeur */
color:#000000;
}
.lignevide2{
position:absolute;
width:760px;
height:2px; /* border + height = 1 + 2 = 3 */ 
margin:0;
padding:0;
left:0px;
top:2px;
border-top:1px solid #003366;
}
/*-------------------------------Menus---------------------------------------*/
p,ul,li,li a{
margin:0;padding:0;list-style-type:none;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;font-size:9pt;
}
/*--------background-color:#3366CC;---------------Aeroports/Ports--------------------------------------------*/
.TitreHor {
height:18px;
margin:0;
padding:2px;
position:relative;
font-size:12pt;
font-weight:bold;
text-align:center;
color:#3366CC;
}
.imageBD{
position:absolute;width:133px;height:163px;margin:0;padding:0;left:183px;top:2px;
}
.imageBD p{
width:123px; height:163px; position:absolute; left:0; top:0; margin:0; padding:0 5px 0 5px; 
text-align:right; font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:#FF9933;
}
.menuBD{
position:absolute;width:183px;height:163px;margin:0;padding:0;left:0px;top:2px;
background-color: #3366CC;
}
.zoneBD{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:316px;top:2px;
background-color:#B2E0FF;
border-right: 20px solid #3366CC;
}
.menuBD p{
margin-top:12px;font-size:14pt;text-align:right;}
.menuBD p a,.menuBD p a:visited{
color:#FFFFFF;margin-top:12px;font-size:14pt;text-align:right;text-decoration:none;}
.menuBD p a:hover{
color:#FFFFFF;text-decoration:none;}
.menuBD ul{
margin-top:0px;padding-right:19px;}
.menuBD li, .menuBD li a, .menuBD li a:visited{
text-align:right;line-height:9pt;text-decoration:none}
.menuBD li a:hover{
color:#FF9933;text-decoration:none;}
/*----------------------------------Services--------------------------------------*/
.imageHD{
position:absolute;width:133px;height:163px;margin:0;padding:0;left:316px;top:165px;
}
.imageHD p{
width:123px; height:163px; position:absolute; left:0; top:0; margin:0; padding:0 5px 0 5px; 
text-align:right; font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:#009933;
}
.menuHD{
position:absolute;width:183px;height:163px;margin:0;padding:0;left:449px;top:165px;
background-color: #FF6600;
}
.zoneHD{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:0px;top:165px;
border-left: 20px solid #FF6600;
}
.menuHD p{
margin-top:12px;font-size:14pt;text-align:left;}
.menuHD p a,.menuHD p a:visited{
color:#FFFFFF;margin-top:12px;font-size:14pt;text-align:right;text-decoration:none;}
.menuHD p a:hover{
color:#009933;text-decoration:none;}
.menuHD ul{
margin-top:4px;padding-left:19px;}
.menuHD li, .menuHD li a, .menuHD li a:visited{
text-align:left;line-height:10pt;text-decoration:none}
.menuHD li a:hover{
color:#009933;text-decoration:none;}
/*---------------------------Formations----------------------------------*/
.imageBG{
position:absolute;width:133px;height:163px;margin:0;padding:0;left:183px;top:328px;
}
.imageBG p{
width:123px; height:163px; position:absolute; left:0; top:0; margin:0; padding:0 5px 0 5px; 
text-align:left; font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:#3366CC;
}
.menuBG{
position:absolute;width:183px;height:163px;margin:0;padding:0;left:0px;top:328px;
background-color: #FF9933;
}
.zoneBG{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:316px;top:328px;
border-right: 20px solid #FF9933;
}
.menuBG p{
margin-top:12px;font-size:14pt;text-align:right;}
.menuBG p a,.menuHG p a:visited{
color:#FFFFFF;margin-top:12px;font-size:14pt;text-align:right;text-decoration:none;}
.menuBG p a:hover{
color:#3366CC;text-decoration:none;}
.menuBG ul{
margin-top:4px;padding-right:19px;}
.menuBG li, .menuBG li a, .menuBG li a:visited{
text-align:right;line-height:10pt;text-decoration:none}
.menuBG li a:hover{
color:#3366CC;text-decoration:none;}

/*-----------------------Actualites------------------------------------*/
.imageHG{
position:absolute;width:133px;height:163px;margin:0;padding:0;left:316px;top:491px;
}
.imageHG p{
width:123px; height:163px; position:absolute; left:0; top:0; margin:0; padding:0 5px 0 5px; 
text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#FF6600;
}
.menuHG{
position:absolute;width:183px;height:163px;margin:0;padding:0;left:449px;top:491px;
background-color:#009933;
}
.zoneHG{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:0px;top:491px;
border-left: 20px solid #009933;
}
.menuHG p{
margin-top:12px;font-size:14pt;text-align:left;}
.menuHG ul{
margin-top:4px;padding-left:19px;}
.menuHG li, .menuHG li a, .menuHG li a:visited{
text-align:left;line-height:10pt;text-decoration:none}
.menuHG li a:hover{
color:#FF6600;text-decoration:none;}
/*---background-color:#0099FF;-----------------------LaCCI----------------------------------------------*/
.TitreCci {
height:18px;
margin:0;
padding:2px;
position:relative;
font-size:12pt;
font-weight:bold;
text-align:center;
color:#0099FF;
}
.imageF{
position:absolute;width:133px;height:163px;margin:0;padding:0;left:183px;top:654px;
background-image:url(../images/F/accueilF.jpg);
}
.menuF{
position:absolute;width:183px;height:163px;margin:0;padding:0;left:0px;top:654px;
background-color: #0099FF;
}
.zoneF{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:316px;top:654px;
border-right: 20px solid #0099FF; background-color:#B2E0FF;
}
.zoneF ul{
margin-top:10px;padding-left:47px;}
.menuF p a,.menuF p a:visited{
color:#FFFFFF;margin-top:12px;font-size:14pt;text-align:right;text-decoration:none;}
.menuF p a:hover{
color:#FF9933;text-decoration:none;}
.zoneF li, .zoneF li a, .zoneF li a:visited{
text-align:left;line-height:14pt;text-decoration:none; color:#3366CC;}
.zoneF li a:hover{
color:#0099FF;text-decoration:none;}
.menuF p{
margin-top:12px;font-size:14pt;text-align:right;}
.menuF ul{
margin-top:4px;padding-right:19px;}
.menuF li, .menuF li a, .menuF li a:visited{
text-align:right;line-height:10pt;text-decoration:none}
.menuF li a:hover{
color:#FF9933;text-decoration:none;
}
/*-------------------------autre menu-------------------------------------*/
.menuL{
position:absolute; width:133px; height:68px; margin:0; padding:0; left:320px; top:654px;
}
.menuL ul{
margin-top:10px;padding-right:4px;}
.menuL li, .menuL li a, .menuL li a:visited{
text-align:right;line-height:11pt;text-decoration:none; color:#3366CC;}
.menuL li a:hover{
color:#0099FF;text-decoration:none;}
/*-------------------------Evenement--------------------------------------*/
.menuFG{
position:absolute;width:173px;height:72px;margin:0;padding:0;left:83px;top:388px;
background-color: #2AC45D;
}
.menuFG p{
float:right; margin-top:12px;font-size:14pt;text-align:right;
}
.menuFG ul{
float:right; margin-top:15px;padding-right:10px;
}
.menuFG li, .menuFG li a, .menuFG li a:visited{
text-align:right;line-height:10pt;text-decoration:none
}
.menuFG li a:hover{
color:#FF9933;text-decoration:none;
}

/*--------------------------------------------------------------------------*/
.zonePub1{
position:absolute;width:222px;height:60px;right:0;top:83px;
}
/*--------------Bannier droit SkyScraper----------------*/
.zonePub2{
position:absolute;width:120px;height:600px;left:645px;top:215px; vertical-align:middle;
padding:0px;
background-repeat:no-repeat; background-image:url(../images/fondBan.jpg);
border: 1px solid #6195C3;
}
.zonePub2 p{
margin-top:1px; margin-left:5px; font-size:12pt; text-align:left;
}
.zonePub2 span{
margin-left:8px; font-size:8pt; text-align:left; color:#000000;
}
.zonePub2 hr{
color:#CCCCCC; margin:2px; width:110px;
}
.zonePub2 ul{
margin-top:15px; margin-left:2px; 
}
.zonePub2 li, .zonePub2 li a, .zonePub2 li a:visited{
text-align:left;line-height:9pt;text-decoration:none;color:#6195C3;
}
.zonePub2 li a:hover{
color:#cccccc;text-decoration:none;
}
p.barre{
font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#FFFFFF; background-image:url(../images/fondBan.jpg);
width:100%; padding:0px 1px 12px 1px; margin-left:-2px; border-top: 1px solid #6195C3;
}
/*--------------------------------------------------*/
.zonePub3{
position:absolute;width:140px;height:60px;left:632px;top:746px;
}
/*--------------------------------------------------*/
.zonePub4{
position:absolute;width:120px;height:184px;left:645px;top:12px;
vertical-align:middle;
background-repeat:no-repeat; background-image:url(../images/fondBan.jpg);
background-color:#FFFFFF;
border: 1px solid #6195C3;
}
.zonePub4 p{
margin-top:1px; margin-left:5px; font-size:12pt; text-align:left;
}
.zonePub4 span{
margin-left:8px; font-size:8pt; text-align:left; color:#000000;
}
.zonePub4 hr{
color:#CCCCCC; margin:2px; width:110px;
}
.zonePub4 ul{
margin-top:15px; margin-left:2px; 
}
.zonePub4 li, .zonePub4 li a, .zonePub4 li a:visited{
text-align:left;line-height:9pt;text-decoration:none;color:#6195C3;
}
.zonePub4 li a:hover{
color:#cccccc;text-decoration:none;
}
/*--------------------------style Menu Glissant------------------------------*/
.title{
position: absolute;
width: 165px;
height: 18px;
right:18px;
font-family:Arial, Helvetica, sans-serif;
font-size: 8pt;
}
.submenu{
position: absolute;
right:5px;
width:130px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 7pt;
visibility: hidden;
}
a.lienM, a.lienM:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:7pt; color:#993300; text-decoration:none;
}
a.lienM:hover{ 
color:#3366CC; text-decoration:none;
}
/*---------------------------Defilement Horraire------------------*/
.Defil {
width:70px;
height:14px;
margin:0;
padding:0;
position:relative;
left:0px;
background-color:#3366CC;
font-size:9pt;
color:#FFFFFF;
}
.Defil a, .defil a:visited { 
color:#FFFFFF; text-decoration:none;
}
.Defil a:hover{ 
color:#B2E0FF; text-decoration:none;
}
.DefilHor{
width:270px;
height:12px;
margin:0;
padding:0;
position:relative;
background-color:#FFFFFF;
color:#3366cc;
font-size:10pt;
}