/*--------------------Mise en page générale---background-image:url(../images/FondBodyCci.gif);-------------------------*/
body {
background-color:#E6E7E8; background-image:url(../images/fondBody.jpg); background-repeat:repeat-x; 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: 930px;
height:105px;
margin:0;
top:0px;
margin-left: -465px; /* moitié de la largeur */
padding:0;
background-color:#FFFFFF;
}
.menuHautAcc{
position:absolute;
left: 50%; 
width: 930px;
height:105px;
margin:0;
top:0px;
margin-left: -465px; /* 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:702px;
height:22px;
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;
}
a.lienAnnonce, a.lienMAnnonce:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#6195C3; font-weight:bold; text-decoration:none;
}
a.lienAnnonce: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;
}
.lignevideAcc{
position:absolute;
width:498px;
height:2px; /* border + height = 1 + 2 = 3 */ 
margin:0;
padding:0;
left:158px;
top:2px;
border-top:1px solid #003366;
}
/*-----------------------Zone evenement Haute------------------------------------*/
.evenement0{
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;
}
.interfaceAcc{
position:absolute;
left: 50%; 
width: 930px;
height:930px;/*818 cadre image + longueur calendrier*/
margin:0;
top:180px;
margin-left: -465px; /* moitié de la largeur */
padding:0;
background-color:#FFFFFF;
}
.exep{
position:absolute;
left: 50%; 
width: 845px;
height:90px;/*818 cadre image + longueur calendrier*/
margin:0;
top:90px;
margin-left: -465px; /* moitié de la largeur */
padding-left:85px;
background-color:#FFFFFF;
background-image:url(../images/orientation.jpg);
background-position:right;
background-repeat:no-repeat;
}
.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:158px;top:2px;
background-color: #3366CC;
}
.zoneBD{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:341px;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:474px;top:165px;
background-color: #FF6600;
}
.zoneHD{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:158px;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:158px;top:328px;
background-color: #FF9933;
}
.zoneBG{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:341px;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:474px;top:491px;
background-color:#009933;
}
.zoneHG{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:158px;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:158px;top:654px;
background-color: #0099FF;
}
.zoneF{
position:absolute;width:296px;height:163px;margin:0;padding:0px;left:341px;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;
}
/*------------------------------------Zone Gauche Actualite Agenda------------------------------*/
/*------------------Agenda----------*/
.agenda2{
position:absolute;width:251px;height:650px;right:5px;top:250px; vertical-align:middle;
padding:5px;
background-repeat:no-repeat;
background-image:url(../images/SmenuGagd.jpg);
border: 1px solid #6195C3;
font-size:11px;
color:#000000;
}
.agenda2 a, .agenda2 a:visited{
text-align:left;line-height:12px;text-decoration:none;color:#6195C3; font-size:11px;
}
.agenda2 a:hover{
color:#666666;text-decoration:none;
}
.agenda2 p{
margin-top:0px; margin-left:35px; font-size:12pt; text-align:left;
}
.agenda2 span{
margin-left:8px; font-size:11px; text-align:left; color:#000000;
}
.agenda2 hr{
color:#CCCCCC; margin:2px; width:249px;
}
.agenda2 ul{
margin-top:15px; margin-left:2px; 
}
.agenda2 li, .agenda2 li a, .agenda2 li a:visited{
text-align:left;line-height:15px;text-decoration:none;color:#6195C3; font-size:11px;
}
.agenda2 li a:hover{
text-decoration:none; color:#666666;
}
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;
}
/*------------------ACTU----------*/
.actu2{
position:absolute;width:251px;height:230px;right:5px;top:5px; vertical-align:middle;
padding:5px;
background-color:#EEEEEE;
background-repeat:no-repeat;
background-image:url(../images/SmenuGapp.jpg);
border: 1px solid #6195C3;
}
.actu2 p{
margin-top:0px; margin-left:35px; font-size:12pt; text-align:left;
}
.actu2 span{
margin-left:8px; font-size:8pt; text-align:left; color:#000000;
}
.actu2 hr{
color:#CCCCCC; margin:2px; width:230px;
}
.actu2 ul{
margin-top:15px; margin-left:2px;
}
.actu2 li, .actu2 li a, .actu2 li a:visited{
text-align:left;line-height:15px;text-decoration:none;color:#6195C3; font-size:11px;
}
.actu2 li a:hover{
color:#666666;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;
}
/*--------------Bannier droit SkyScraper----------------*/

/*------------------Annonces--------*/
.zonePub2{
position:absolute;width:133px;height:737px;left:5px;top:165px; vertical-align:middle;
padding:5px;
background-repeat:no-repeat;
background-image:url(../images/fondBan.jpg);
border: 1px solid #6195C3;
}
.zonePub2 p{
margin-top:-5px; 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:127px;
}
.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;
}
/*--------------------------------------------------*/
.zoneHAV{
position:absolute;width:133px;height:127px;left:0px;top:165px;
}
/*--------------------------------------------------*/
.zonePub4{
position:absolute;width:133px;height:140px;left:5px;top:5px; padding:5px;
vertical-align:middle;
background-repeat:no-repeat; background-image:url(../images/fondBan.jpg);
background-color:#FFFFFF;
border: 1px solid #6195C3;
}
.zonePub4 p{
margin-top:-5px; 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:127px;
}
.zonePub4 ul{
margin-top:15px; margin-left:2px; 
}
.zonePub4 li, .zonePub4 li a, .zonePub4 li a:visited{
text-align:left;line-height:14pt;text-decoration:none;color:#6195C3; font-size:11px;
}
.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;
}
/*------------------calendrier----------*/
/*----------calendrier Accueil --------------------*/
.accCal{
position:relative;
width:160px;
height:165px;
background-image:url(../images/septembre2005.jpg);
background-position:top;
background-repeat:no-repeat;}
.ceJour{
font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background-color:#004482;
font-weight:bold; width:11px; padding:1px 2px 1px 2px; margin-left:0px; text-align:center;
}
.ceJour a, .ceJour a:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background-color:#004482;
font-weight:bold; width:11px; padding:1px 2px 1px 2px; margin-left:0px; text-align:center;
}
.ceJour a:hover{ 
background-color:#3366CC; text-decoration:none;
}
.texte{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
}