@charset "utf-8";
/* CSS Document */


/* GENERAL */
body{
text-align:left;
margin:0px;
background-color:#ededed;
background-image:url(/images/background.jpg);
background-position:top left;
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/* color:#999999; */
}

#Container{
margin-left:auto;
margin-right:auto;
width:980px;
}

a{
color:#656565;
text-decoration:none;
}

a:hover{
}


/* DEFINITION DES PARGRAPHES*/
pre { margin-left:20px; }

p{
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:20px;
width:94%;
margin-top:0px;
}

h1{
margin:10px 0px 10px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#b51f31;
background-image:url(/images/PuceType02_Red.png);
background-position:top left;
background-repeat:no-repeat;
padding-left:25px;
}

h1.TypeB{
margin-top:30px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#636363;
margin:0px 0px 10px 45px;
padding:0;
}

h3{
float:left;
display:block;
width:94%;
line-height:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#656565;
font-weight:bold;
background-image:url(/images/PuceType03.gif);
background-position:top left;
background-repeat:no-repeat;
padding-left:10px;
margin-top:0px;
margin-bottom:5px;
}

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/


/*DEFINITION HAUT DE PAGE */
#Header{
width:100%;
height:200px;
}


/* TOP BARRE LOGO MANCOOSI + LOGOS PARTNERS*/
#Top{
width:980px;
height:79px;
text-align:left;
}

#Logo{
float:left;
width:220px;
height:79px;

}

#Partners{
float:right;
display:block;
width:300px;
height:79px;
margin-right:30px;
}

#Partners ul{
list-style:none;
margin:0px;
padding:0px;
}

#Partners ul li{
float:left;
width:100px;
height:79px;
}


/* MENU HORIZONTAL (HOME/CONTACT/BLOG)*/
#HorizNav{
display:block;
margin-right:30px;
float:right;
width:361px;
height:31px;
background-color:#515151;
}

#HorizNav ul{
list-style:none;
margin:0px;
padding:0px;
}

#HorizNav ul li{
float:left;
width:120px;
height:31px;
background-color:#666666;

}




#HorizNav ul li a{
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
line-height:31px;
padding-left:50px;
background-image:url(/images/ButHome.jpg);
background-position:top left;
background-repeat:no-repeat;
}

#HorizNav ul li a.Home{
background-image:url(/images/ButHome.jpg);
}

#HorizNav ul li a.Contact{
background-image:url(/images/ButContact.jpg);
}

#HorizNav ul li a.Blog{
background-image:url(/images/ButBlog.jpg);
padding-left:60px;
}

#HorizNav ul li a.Home:hover{
background-image:url(/images/ButHome_Over.jpg);
}

#HorizNav ul li a.Contact:hover{
background-image:url(/images/ButContact_Over.jpg);
}

#HorizNav ul li a.Blog:hover{
background-image:url(/images/ButBlog_Over.jpg);
padding-left:60px;
}

/* BANNIERE TITRE PAGE */
#Ban{
float:left;
width:980px;
height:90px;
background-image:url(/images/background_banner.jpg);
background-position:top;
background-repeat:no-repeat;
}

#Ban.HomePage{
background-image:url(/images/BanEmpty.jpg);
}

#BanMenu{
float:left;
display:block;
width:700px;
height:30px;

margin-left:250px;
margin-top:60px;
}

#Ban ul{
list-style:none;
margin:0px;
padding:0px;
}

#Ban ul li{
float:left;
height:30px;
background-image:url(/images/PuceFlecheWhite.png);
background-position:center left;
background-repeat:no-repeat;
margin-right:20px;


}

#Ban ul li a{
line-height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
padding-left:20px;

}

#Ban ul li a:hover{
color:#b4b4b4;
}

/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/

/**/
#Main{
background-image:url(/images/Background_Main.jpg);
background-position:top;
background-repeat:repeat-y;
width:100%;
overflow:hidden;
}

/* COLONNE GAUCHE */
#Colonne1{
background-image:url(/images/Background_top.jpg);
background-position:top left;
background-repeat:repeat-x;
float:left;
width:219px;
}

/* MENU PRINCIPAL COLONNE GAUCHE */
#MainNav{

width:219px;
text-align:right;

}

#MainNav ul{
list-style:none;
margin:0;
padding:0;
}

#MainNav ul li{
height:30px;
width:220px;
}

#MainNav ul li span.selflink {
display:block;
line-height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#636363;
font-size:12px;
padding-right:30px;

text-decoration: underline;
background-image:url(/images/But_MainNav_Over.gif);
}

#MainNav ul li.Rubrique{
line-height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#646162;
font-size:14px;
font-weight:700;
text-decoration:none;
text-align:right;
padding-right:30px;
width:190px;
height:30px;


}


#MainNav ul li a{
display:block;
line-height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#636363;
font-size:12px;
text-decoration:none;
padding-right:30px;
}

#MainNav ul li a:hover{
background-image:url(/images/But_MainNav_Over.gif);
background-position:top left;
background-repeat:no-repeat;
}

a img {
  border: 0px;
}

/* COLONNE CENTRALE */
#Center{
width:730px;
float:left;
background-image:url(/images/Background_top.jpg);
background-position:top left;
background-repeat:repeat-x;
padding-top:10px;
margin-bottom:40px;
background-color:#f0f0f0;
}

#Center ul{
width:94%;
}

#Center ul li{
margin-bottom:5px;
list-style-image:url(/images/PuceType01_Grey.png);

}

/* COLONNE DROITE */
#Colonne2{
background-image:url(/images/Background_top.jpg);
background-position:top left;
background-repeat:repeat-x;
margin-left:950px;
width:30px;
}

#Bottom{
clear:both;
position:absolute;
bottom:0;
width:100%;
height:30px;
background-color:#000066;
}


#pagetitle {
display: block;
padding-left: 40pt;
font-size: 30pt;
color: white;
padding-top: 11pt;
}




/* DECLARATION DES BARRES DE TITRES */
#Title{
float:left;
display:block;
}

#Title.TypeA{
width:100%;
height:60px;
background-image:url(/images/TitleBar01.jpg);
background-position:top left;
background-repeat:repeat-x;
text-align:left;
margin-bottom:20px;
}

#Title.TypeB{
width:94%;
height:20px;
margin-left:20px;
background-image:url(/images/LinePoint.png);
background-position:bottom left;
background-repeat:repeat-x;
margin-bottom:10px;
}

#Title.TypeC{
width:100%;
height:40px;
background-image:url(/images/LinePoint.png);
background-position:bottom left;
background-repeat:repeat-x;
margin-bottom:10px;
}

#LinePoint{
float:left;
width:94%;
height:20px;
background-image:url(/images/LinePoint.png);
background-position:center left;
background-repeat:repeat-x;
margin-left:20px;
}


/*BAS DE PAGE*/
#Bottom{
position:relative;
width:100%;
height:20px;
background-image:url(/images/background_bottom.jpg);
background-position:top left;
background-repeat:repeat-x;
margin:0;
}

.notebox {
  background: orange;
  border: solid #b51f31 1pt;
  margin: 0 20pt 0 20pt;
}

/*CADRE IMAGES*/
#BlocParticipants{
float:left;
width:300px;
height:200px;
margin-left:20px;
margin-right:40px;
}

#BlocParticipants a{
float:left;
background-image:url(/images/PuceFlecheRed.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
}

#BlocParticipants a:hover{
color:#999999;
}

#Cadre{
width:300px;
height:100px;
background-image:url(/images/Cadre300x100.png);
background-position:top left;
background-repeat:no-repeat;
margin-bottom:10px;
text-align:center;
padding-top:1px;
}

.gallerybox {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  margin: 5px;
  vertical-align: top;
}

#frame1 {
  width:100%;
  height:600px;
  border: none;
}

.rfloatlogo {
    float: right;
    margin-left: 2em;
}
.lfloatlogo {
    float: left;
    margin-right: 2em;
}

/* for the CUDF doc pages */
pre.cudffloat {
    float: right;
    border: solid gray 1pt;
    background: lightgray;
    padding: 5px;
    margin: 0px 10px 0px 10px;
}
pre.cudfinline {
    width: 90ex;
    margin-left: auto;
    margin-right: auto;
    border: solid gray 1pt;
    background: lightgray;
    padding: 5px;
    display: block;
}

