/*************************************************************************/
/* Globales */
/*************************************************************************/
#global {
position:absolute;
left: 0%;
width: 700px;
}

td.workspace{
background-color:#99ADFF;
}

div.documentActions{
background-color:white;
}

table.columns td.right {
width:170px;
background: none;
background-color: #DF0036;
/*margin-left:140px;*/
z-index:2;
}

table.columns td.main {
background-color: #DF0036;
background-image:url('FdRoueRouge.gif');
background-repeat:no-repeat;
background-position:bottom left;
font-size:100%;
z-index:1;
}

table.columns td.main2 {
width: 580px;/*750px;*/
background-image:url('fondMain2.gif');
background-repeat:repeat-x;
font-size:100%;
z-index:2;
}

table.columns td.left {
width:174px;
background: white;
font-size:100%;
background-image:url('fondBarreGauche.gif');
background-repeat:no-repeat;
background-position:top left;
margin-right:100px;
z-index:1;
}

div.document{
background-color:transparent;
width:580px;
}

ul, li {
list-style-type: disc;
}

div.titrerubrique
{
margin-top: 0px;
font-size:110%;
font-style:italic;
border-bottom: 1px solid black;

}
h1{
font-size:110%;
font-style:italic;
border-bottom:none;
line-height:12px;
}
/*************************************************************************/
/* Boites du haut */
/*************************************************************************/

div.logoSite{
position: absolute;
top:0px;
left:50px;
width:174px;
height:76px;
background-color:white;
background-position: 100 100;
Z-index:2;
}
.logo {
margin-left: 0px;
}
/****************bandeau tournant***************/
div.lesCCIflash{
position:absolute;
top:0px;
left:49px;
Z-index:1;
/*filter:alpha(opacity=60);
-moz-opacity:0.30;
opacity: 0.60;*/
/*visibility:hidden;*/
}

div.bandeauSite{
margin-left:176px;
margin-top:-77px;
width:748;
height:76;
}
/*************recherche*******************/
div.searchBox {
text-align:center;
/*vertical-align:top;*/
/*margin-left:-20px;*/
/*padding-left:100px;*/
/*margin-top:-40px;
margin-left:650px;*/
}
#boutonRecherche{
margin-left:-4px;
background-color: transparent;
/* filter:alpha(opacity=100);*/
border:0px;
}
#searchGadget{
font-size:80%;
text-align:center;
filter:alpha(opacity=100);
}
div.searchBox form{
margin-left:250px;
}
/*****************plan&contact*********************/
div.banniereLogosCRCI{
width : 123px;
height: 76px;
position:absolute;
top:0px;
left:850px;
/*margin-left:800px;
margin-top:-85px;*/
Z-index:2;
/*margin-top:-78px;
margin-right:6px;
margin-left:601px;*/
opacity: .6;
filter: alpha(opacity=60);
background-color: #808080;
}
div.banniereLogosCRCI a{
color:white;
font-size:85%;
font-weight:bold;
font-family:LubalinGraph,Verdana;
}
#lesActionsPortal{
margin-top: 15px;
}

div.banniereLogosCRCI a:hover{
text-decoration:underline;
}
div.banniereLogosCRCI table{
text-align:left;
}
div.uneActionPortal{
margin-left:10px;
}
div.banniereLogosCRCI form{
margin-top:-5px;
margin-left:10px;
}

div.plan{
margin-left:0px;
}
/*************************************************************************/
/* Boites centrales */
/*************************************************************************/
/******************fil ariane*************/
#fil{
width:550px;
}
#fil a{
color:#083788;
}
#fil a.active{
color:#DF0036;
}
#fil span{
color:#083788;
}
/****************************************/
div.unContenuDetaillee{
display:block;
float:left;
margin-right: 0px;
width: 500px;
padding-top: 0px;
/*padding-left: 35px;*/
font-size: 1em;
font-family : verdana;
}
/*******************************************/
/**Haut**/
#actuflash_body_coinH{
background-color:#E872BE;
width:262px;
height:19px;
}
#actuflash_body_haut{
margin-left:200px;
}
#actuflash_body_haut table{
border-spacing:0;
}
#actuflash_body_coin_HD{
float:right;
z-index:1;
background: url('actuFlashCoinHD.gif');
}
#actuflash_body_coin_HG{
float:left;
z-index:0;
top: 0px;
left: 0px;
background: url('actuFlashCoinHG.gif');
}
/**Centre**/
div.actuflash_body{
/*padding-left: 35px;*/
width: 300px;
background-color:#E872BE;
margin-left:200px;
}
div.actuflash_body a{
color:#0C0CFF;
}
/**Bas**/
#actuflash_body_coinB{
background-color:#E872BE;
width:262px;
height:19px;
}
#actuflash_body_bas{
margin-left:200px;
}
#actuflash_body_bas table{
border-spacing:0;
}
#actuflash_body_coin_BG{
z-index:2;
float:left;
background: url('actuFlashCoinBG.gif');
}

#actuflash_body_coin_BD{
/*margin-left:479px;*/
z-index:3;
float:right;
background: url('actuFlashCoinBD.gif');
}

/*********************/
#actuflash_body_coin_BG,#actuflash_body_coin_HG,#actuflash_body_coin_BD,#actuflash_body_coin_HD{
background-repeat:no-repeat;
background-color:transparent;
height: 19px; width: 19px;
font-size:1px;
}
/*div.actuflash_body_X{
height:19px;
width:500px;
}*/
/*#actuflash_body_haut,#actuflash_body_bas{
height:19px;
width:460px;
margin-left:19px;
}*/






/*************************************************************************/
/* Boites de gauche */
/*************************************************************************/
/**************menu navigationgauche*******/
#gauche{

}
#menu_gauche{
margin-left:14px;
font-size:100%;
}
#rubrique{
/*width:149px; Ffox only*/
}
/******bloc titre****/
#menu_gauche ul{
background-image:url('head_blue.gif');
background-repeat:no-repeat;
/*margin-top:10px;*/
}
#menu_gauche ul, #menu_gauche li{
margin: 0;
padding: 0;
list-style-type: none;
}
/***titre***/
#menu_gauche ul li a{
/*font-weight:bold;*/

}
#menu_gauche ul li{
text-align:center;
/*width: 140px;*/
}
#menu_gauche ul a
{ /* Rubrique non sélectionnée*/

/*margin-top:3px;*/
color: #083788;
text-decoration: none;
font-family:LubalinGraph,Verdana;

}
#menu_gauche ul .active
{ /* Rubrique sélectionnée*/
height:16px;
display:inline;
color: white;
padding-right:10px;
text-decoration: none;
font-family:LubalinGraph,Verdana;
}
/*****bloc sous titre*****/
#menu_gauche ul ul {
background-image:url('body_blue.gif');
background-repeat:no-repeat;
height:217px;
}
/****sous titre******/
#menu_gauche ul ul li{
display:block;
margin: 0px 3px;
padding: 3px 7px;
width: 142px;
text-align:left;
margin-left:-2px;
}
#menu_gauche ul ul a
{
/* Sous rubrique non sélectionnée */
color: #083788;
text-decoration: none;
font-family:LubalinGraph,Verdana;
font-weight:bold;

}
#menu_gauche ul ul .active {
/* Sous rubrique sélectionnée */
color:white;
text-decoration: none;
background-position:left center;
font-family:LubalinGraph,Verdana;
}
/*****************************************/
div.title_enbref{
width:149;
color: white;
text-align:center;
font-family:LubalinGraph;
}
.title_enbref p {
vertical-align: middle;
display: inline;
}
/****************boiteliens**********/
div.boiteliens_titre{
/*margin-left:30px;*/
width:149px;
text-align:center;
font-family:LubalinGraph, Verdana, Helvetica, Arial, sans-serif;
/*margin-top:auto;
margin-bottom:auto;*/
}

.boiteliens_titre p {
vertical-align: middle;
display: inline;
}
/***************************************/
div.CRCI_blue_hautboite{
/*height:15;*/
width:149px;
margin-left:13px;
margin-bottom:1px;
background-image:url('head_blue.gif');
background-repeat:no-repeat;
color: white;
text-align:center;
font-family:LubalinGraph, Verdana, Helvetica, Arial, sans-serif;
}
div.CRCI_blue_milieuboite{
width:149px;
margin-left:13px;
background-image:url('body_blue.gif');
background-repeat:no-repeat;
padding-top: 5px;
/*height:212px;*/
}
div.CRCI_blue_milieuboite-corps{
margin-top:3px;

}

/*contenu de la boite bleue crci en bref*/
div.descript_enbref{
height:197px;/*192px;*/
margin-left: 10px;
margin-right: 10px;
text-align:left;
overflow:hidden;/*visible,hidden,scroll,auto*/
}
/*contenus de la boite agenda: 4 evnmt*/
div.textmef{
height:46px;/*45px;*/
margin-left: 10px;
margin-right: 10px;
overflow:hidden;
font-size:80%;
}
div.textmef a{
color: black;
}
div.CRCI_blue_basboite{
height:12px;
}
div.ensavoirplusagenda{
/*padding-top:-10px;*/
text-align:right;
}
/******************bas de colonne********************/
div.col_left_bottom{/*
background-image:url('fondBarreGaucheBas.gif');
background-color:white;
background-repeat:no-repeat;
position:absolute;
top:580px;
left:48px;
height:20px;
width:176px;*/
}
div.col_left_bottom_txt{/*
padding-top: 4px;
text-align:center;
color:#5C85C3;*/
}
div.pied_gauche{
/*margin-top: -4px;*/
text-align:center;
color:#5C85C3;
background-color:white;
height:20px;
}
div.pied_gauche_img{
/*margin-top: -1px;*/
margin-top: -8px;
}
/*************************************************************************/
/* Boites de droite */
/*************************************************************************/

/****************Connexion(1)********/
/************************************/
div.boite_login{
width:150px;
height:79px;
}
div.hautboite_login {
background-image:url('head_purple.gif');
background-repeat:no-repeat;
width:150px;
height:16px;
color:white;
font-size:85%;
/*font-weight: normal;*/
text-align:center;
font-family: LubalinGraph;
}
div.milieuboite_login{
background-image:url('body_purple.gif');
background-repeat:no-repeat;
width:150px;
height:62px;
font-family:LubalinGraph;
margin-top:1px;
color: white;
}

/***les 2 blocs*****/
div.userAndPaswd{
display:inline;
font-size:x-small;
/*height:10px;*/
}


td.userAnd{
/*height:17px;
padding-top:5px;*/
font-size:xx-small;
}
td.AndPaswd{
/*height:17px;
padding-top:5px;*/
font-size:xx-small;
}

div.mdp{
padding-left:3px;
font-size:80%;
margin-top: 3px;
display:inline;
}
div.mdp a{
color:white;
}
div.mdp input{
border: 0px;
background-color:transparent;
}
/***************Boite Flash (2)*****************/
/*********************************************/
div.boite_flashcrci{
background-repeat:no-repeat;
width:150px;
height:155px;
}
div.milieuboite_flashcrci{
width:150px;
padding-top:1px;
z-index:-1;

}
/**************Zoom sur (3)****************/
/*****************************************/
div.hautboite_zoomsur {
/*background-image:url('zoomsurhaut.gif');*/
background-image:url('head_purple.gif');
background-repeat:no-repeat;
width:150px;/*170*/
height:16px;/*19*/
text-align: center;
font-size:95%;
color: white;
font-weight: normal;
font-family: LubalinGraph;
}
div.milieuboite_zoomsur {
/*background-image:url('ImgZoomSur.jpg');
background-repeat:no-repeat;*/
width:150px;/*170*/
height:62px;/*19*/
margin-top :1px;
}
div.intituleboite_zoomsur{
/*ecart du titre lien par rapport a l'entete de boite*/
padding-top :40px;
}
div.intituleboite_zoomsur.a{
font-weight: normal;
}
div.zoomsur{
height:80px;/*76*/
width:150px;/*171*/
background-repeat:no-repeat;
color: white;
font-weight: normal;
font-family: LubalinGraph;
}
div.zoomsur a{
color:white;
font-size:95%;
}
div.zoomsur a:visited{
color:white;
font-size:95%;
/*text-transform:uppercase;*/
}
/****************Liens(5)**********************/
div.liens_col_droite{
background-image: url("RedLinks.jpg");
background-repeat:no-repeat;
width:144px;
height:21px;
text-align: left;
padding-left:15px;
padding-top:8px;
}
div.liens_col_droite a{
font-weight: normal;
color: #083788;
font-family:LubalinGraph;
width: 144px;
}
div.liens_col_droite a:hover{
text-decoration:underline;
}
div.liens_col_droite_a{
margin-top:-5px;
width:144px;
}
/*************************************************************************/
/* Boites du bas */
/*************************************************************************/


/*************************************************************************/
/* Divers */
/*************************************************************************/
/****************espaces*************/
div.espace{
height:12px;
}
div.espace_col_right{
height:4px;
}
div.espace_col_left{
margin-top:3px;
}
#interligne_search{
height:10px;
}
#espaceCopyright{
height:10px;
}
/****************liens*****************/
div.voirplusactu {
text-align:right;
width:149px;
}
div.voirplusactu a{
color:#DF0036;
}
div.voirplusactu small{
color:#DF0036;
}

/******************recherche****************/
#searchResults small{
color:#083788;
}
/**********impression***********/
#impression_page{
text-align:right;
margin-right:5px;
}
#impression_page a{
color:#083788;
font-family:LubalinGraph,Verdana;
}
/*************************************************************************/
/* ACTU */
/*************************************************************************/
div.space_actu_accueil{
height:5px;
}

div.ActuLateralGauche{
padding-left:25px;
width:180px;
}
div.actusuivantes{
background-color:#BECEE7;
/*height:280px;*/
width:261px;
}
div.espaceActuLateral{
padding-left:25px;
font-size:85%;
}
div.titreactu1{
color:#FFFF00;
}
div.descactu1{
color:white;
}
div.actussuivanteshaut{
background-image:url('actussuivanteshaut.gif');
height:6px;
width:261px;
}
div.actussuivantesbas{
background-image:url('actussuivantesbas.gif');
height:6px;
width:261px;
}
div.TitreActu{
/*margin-left:140px;*/
}
div.actusuivante{
color:#083788;
padding-left:20px;
}
div.actusuivante a{
color:#083788;
font-weight: bold;
}
div.voirplusactucentre a{
color:#FFFF00;
padding-left:85px;
}

div.voirplusactucentresuivantes a{
color:#DF0036;
padding-left:120px;
}
div.imgcentre{
width:190px;
height:95px;
background-repeat:no-repeat;
}
div.imgcentre img{
width:190px;
height:95px;
}
div.actusuivantedesc{
height:25px;
text-align:left;
overflow:hidden;
}
/*************************************************************************/
/* La boite du menu actu */
/*************************************************************************/
div.vignette {
float:left;
}

div.vignette img{
width:100px;
height:70px;
padding-right:5px;
}
div.tit{
margin-bottom:5px;
}

div.Lesactus{
padding-left:50px;
}

div.actutitre{
/*float:left;*/
position:relative;
color:#666666;
padding-left:10px;
background-image:url(PuceCarres.gif);
background-repeat:no-repeat;
background-position: left 10px ;
font-size:0.95em;
font-weight:bold;
border-bottom-width: 1px;
border-top-color: rgb(131, 129, 131);
border-bottom-style: solid;
}

div.actuvignette {
float:right;
top:-23px;
position:relative;
}

div.box {
margin-top:30px;
}

div.contentactu{
/*padding-top:-15px; */
}


div.voirplusactucentre {
text-align:right;
width:325px;
}

div.voirplusactu {
text-align:right;
width:165px;
}

div.voirplusactu a{
color:#DF0036;
}
div.voirplusactu small{
color:#DF0036;
}
div.trait{
border-top-width: 1px;
border-top-color: rgb(131, 129, 131);
border-top-style: solid;
}

div.uneactu{
padding-top:-15px;

}

div.desc{
font-size:0.8em;
margin-left:2px;
margin-bottom:10px;
TEXT-ALIGN: justify;
}
/*************************************************************************/
/* La boite du menu actu */
/*************************************************************************/
div.vignette {
float:left;
margin-left:0px;
}

div.vignette img{
width:100px;
height:70px;
padding-right:5px;
}
div.tit{
margin-bottom:5px;
}

div.Lesactus{
padding-left:50px;
}

div.actutitre{
/*float:left;*/
position:relative;
color:#666666;
padding-left:10px;
background-image:url(PuceCarres.gif);
background-repeat:no-repeat;
background-position: left 10px ;
font-size:0.95em;
font-weight:bold;
border-bottom-width: 1px;
border-top-color: rgb(131, 129, 131);
border-bottom-style: solid;
}

div.actuvignette {
float:right;
top:-23px;
position:relative;
}

div.box {
margin-top:30px;
}

div.contentactu{
/*padding-top:-15px; */
}


div.voirplusactucentre {
text-align:right;
width:171px;
}

div.voirplusactu {
text-align:right;
width:165px;
}

div.voirplusactu a{
color:#DF0036;
}
div.voirplusactu small{
color:#DF0036;
}
div.trait{
border-top-width: 1px;
border-top-color: rgb(131, 129, 131);
border-top-style: solid;
}

div.uneactu{
padding-top:-15px;

}

div.desc{
font-size:0.8em;
margin-left:2px;
margin-bottom:10px;
TEXT-ALIGN: justify;
}

/************************************************/
/**************menu navigationgauche**************/
/************************************************/
div.gauche2{
}
#title_gauche2{
/*font-weight:bold;*/
text-align:center;
width: 150px;
margin-bottom:-4px;
}
div.menu_gauche2{
background-image:url('ModGaucheRoue.jpg');
background-repeat:no-repeat;
height:150px;
display:list-item;
list-style-type: none;
margin-left:14px;
font-size:100%;
height:222px;
}
/******bloc titre****/
div.menu_gauche2 ul{
list-style-type: none;
padding-left:0px;
/*margin-top:10px;*/
}
div.menu_gauche2 ul li{
margin: 0;
padding: 0;
list-style-type: none;
color:white;

}
/***titre***/
div.menu_gauche2 ul li a{
/*margin-left:3px;*/
color:white;
font-weight:bold;
}
div.menu_gauche2 ul a
{ /* Rubrique non sélectionnée*/
/*padding: 0px 0px;*/
/*margin-top:3px;*/
color: #083788;
text-decoration: none;
font-family:LubalinGraph,Verdana;
text-decoration: none;
}
div.menu_gauche2 ul .active
{ /* Rubrique sélectionnée*/
height:16px;
color: white;
text-decoration: none;
font-family:LubalinGraph,Verdana;
}



div.menu_gauche2 ul ul li{
margin: 0px 2px;
padding: 3px 3px;
width:142px;
}
div.menu_gauche2 ul ul a
{
/* Sous rubrique non sélectionnée */
color: #083788;
text-decoration: none;
font-family:LubalinGraph,Verdana;
/*margin: 3px 2px;
padding: 3px;*/
background-image:none;
font-weight:bold;
}
div.menu_gauche2 ul ul {
background-image:none;
background-repeat:no-repeat;
}
div.menu_gauche2 ul ul .active {
/* Sous rubrique sélectionnée */
color:white;
text-decoration: none;
background-position:left center;
font-family:LubalinGraph,Verdana;
}
/*****************************************/
/*****************************************/
/******Plan du site ************************/
/****************************************/
div.plan ul li{
background-image:url('PuceRougeSM.gif');
background-repeat:no-repeat;
list-style-type: none;
/*margin-top:10px;*/
}
div.plan ul li a{
margin: -10px 10px;
padding: -10px 10px;
}
/*************************************/
div.vign-desc{
padding-left:5px;
}
/*************************************/
div.tit h4 a strong{
font-size:85%;
color:#083788;
}
div.desca{
font-size:85%;
color:#083788;
}