/*Polices de charactères*/
*
{
    font-family:Arial, Helvetica, sans-serif;
}
p, H1, H2, H3, H4, em
{
    font-family: Helvetica;
    line-height: 1.2em;
}
H1, H2, H3, H4, em
{
    color:#9BA1A8;
    letter-spacing: -0.04em;
}
a, a:hover
{
    text-decoration: none;
    color: #666;
}
a:hover
{
    background-color:#FFFAC2;
    color: #333;
}
.none
{
    visibility: hidden;
}
/* Header >>
----------------------------------------------------------------------------------------------------*/
.header
{
    background: url(../images/bckg-header.gif);
    height: 94px;
}
h1.logowo
{
    background: url(../images/bckg-logo.gif) 0 0 no-repeat;
    height:90px;
}

h1.logowo span
{
	    text-indent:-5000px;
   
}
a.liensannexe
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
}
a:hover.liensannexe
{
    color: #9BA1A8;
}
div.langues {
       margin-top: 40px;

    width: 140px;

    font-size: 11px;
}

div.langues select{
    width: 65px;
    font-size: 11px;
    margin-left: 5px;
}


/* NavBar >> menu
----------------------------------------------------------------------------------------------------*/
.navbar
{
    background: url(../images/bckg-navbar.gif) 0 -8px no-repeat;
    height: 60px;
    position: relative;
}
.navbar ul
{
    position: absolute;
    top: 0;
}
.navbar li
{
   float:left;
}
a.menu
{
   color:#FFFFFF;
   display:block;
   font-size:12px;
   font-weight:bold;
   height:16px;
   padding:6px 20px;
   text-align:center;
   text-transform:uppercase;
   width:auto;
}
a:hover.menu
{
    background-color:#5e6770;
}
.menu.active
{
    background-color:#5e6770;
}
a.menuhome
{
    display: block;
    width: 120px;
    padding : 4px;
    background: url(../images/picto-home.gif) 50px 0 no-repeat;
    text-indent:-5000px;
}
a:hover.menuhome
{
}

/* Contenu >> article
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_12 .article {
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.article h2
{
    font-size : 31px;
    text-align:right;
}
.article h2 span
{
    font-size : 24px;
    font-weight: lighter;
}
.article h3
{
    font-size : 20px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
	margin-top: 10px;
    color:#000;
    font-weight: lighter;
}

.article h4
{
    font-size : 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    color:#000;
    font-weight: lighter;
}
.article h4 span
{
    font-size : 24px;
    font-weight: lighter;
}

.article p 
{
    font-size : 0.8em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.article table 
{
    font-size : 0.8em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.article table tr th
{
    text-align: left;
}

.article table tr
{
    padding-left: 5px;
}

.article li 
{
    font-size : 0.8em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.article ul
{
    list-style: disc;
	list-style-position:inside;
}
.paragraphe
{
    width: 60px;
    height: 50px;
}
.fleche
{
    /*text-indent:-5000px;*/
    background: url(../images/picto-paragraphe.gif) 30px 0 no-repeat;
}
.fleche span
{
    text-indent:-5000px;
}
.number
{
    background: url(../images/number.gif) 30px 0 no-repeat;
    font-size: 36px;
    color:#FFF;
    font-weight: bold;
    text-shadow: #000 1px 2px 0px;
    padding-top: 10px;
    text-align:right;
}
.colright
{
    margin-left: 210px;
    width: 700px;
}
.colleft
{
    float:left;
    width:200px;
}
/* Contenu >> screencast
----------------------------------------------------------------------------------------------------*/
.screencast
{
    width: 100%;
    padding: 10px;
    text-align: center;
}
.screencastsupp
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.screencastsupp a
{
    display:block;
    color:#9BA1A8;
    font-size: 0.8em;
}
.screencastsupp a:hover
{
    color:#000;
}
/* Contenu >> Liens vers screencast
----------------------------------------------------------------------------------------------------*/
div.colscreen
{
    border-bottom: 1px solid #9BA1A8;
}
div.colscreen h1
{
    border-bottom: 1px solid #9BA1A8;
    line-height: 1.5em;
    color:#000;
}
div.colscreen ul
{
    margin-bottom: 1em;
}
div.colscreen li
{
    line-height: 2em;
}
div.colscreen a
{
    color:#000;
	padding-right: 10px;
}
div.colscreen a:hover
{
    color:#666;
    
}
div.colscreen li a.video
{
    background: url(../images/picto-video.gif) 0 0 no-repeat;
	}
div.colscreen li a.doc
{
    background: url(../images/picto-doc.gif) 0 0 no-repeat;
}	
div.colscreen li a.son
{
    background: url(../images/picto-sound.gif) 0 0 no-repeat;
}

/* Contenu >> Liens vers screencast
----------------------------------------------------------------------------------------------------*/
div.coldispo
{
    text-align: center;
    padding-bottom: 5px;
}
div.coldispo h1
{
    margin-bottom: 5px;
    padding-top: 5px;
}
h1.video
{
    background: url(../images/picto-video.gif) 50% 0 no-repeat;
	height: 20px;
    /*text-indent: -5000px;*/
}
li.pictolive
{
    background: url(../images/picto-live.gif) 50% 0 no-repeat;
    padding: 6px;
    text-indent: -5000px;
    margin-bottom: 3px;
}
li.pictodownload
{
    background: url(../images/picto-download.gif) 50% 0 no-repeat;
    padding: 6px;
    text-indent: -5000px;
    margin-bottom: 3px;
}
h1.doc
{
    background: url(../images/picto-doc.gif) 50% 0 no-repeat;
	height: 20px;
    /*text-indent: -5000px;*/
}
h1.sound
{
    background: url(../images/picto-sound.gif) 50% 0 no-repeat;
	height: 20px;
    /*text-indent: -5000px;*/
}
/* Promotion >> boite
----------------------------------------------------------------------------------------------------*/
.actualite
{
    margin-bottom:10px;
    height: 120px;
}
.sponsor
{
    margin-bottom:10px;
    height: 60px;
}
.boiteactu
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background-color:#ccc;
}
.boitepromo
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background-color:#ccc;
    margin-top: 5px;
}
/* Promotion >> boite Twitter
----------------------------------------------------------------------------------------------------*/
.boitetwitter
{
    background-color: #ceeefd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 5px;
    border: 1px solid #bbd3e0;
    padding: 10px;
    text-align:center;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}
.pictotwitter
{
    position: absolute;
    width: 60px;
    height: 70px;
    right: 0;
    top: -40px;
    background:url(../images/picto-twitt.gif) no-repeat;
}
/* Promotion >> boite Liens gris
----------------------------------------------------------------------------------------------------*/
.boiteliensgris
{
    background:url(../images/bckg-liengris.gif) repeat-x;
    -moz-border-radius: 10px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 2px 5px #888;
    padding: 0px;
    border: 1px solid #666;
    padding: 10px;
    text-align:center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.boiteliensgris a
{
    color:#000;
    line-height: 21px;
}
/* Footer >> links
----------------------------------------------------------------------------------------------------*/
#footer
{
    border-top: 1px solid #9BA1A8;
    background: url(../images/bckg-footer.gif) 0 2px no-repeat;
    height:8px;
    padding-top:10px;
	margin-top: 10px;
}
.footer-contenu-vide
{
}
.footer-contenu
{
    padding-left: 50px;
    padding-top: 10px;
}
.footer-contenu p
{
    color:#9BA1A8;
}
.footer-contenu a
{
    color:#972F2F;
}

.follow {
    padding-top: 10px;
}

.follow p{
    color:#972F2F;
}

.follow a, .follow a:hover {
    background-color: transparent;
    display: block;
    margin-right: 10px;
    float:left;
}

.follow img {
    width: 80px;
    height: 30px;
}

/* Gordon styles */
.navimages {
	float:left;
	position:relative;
	width:150px;
	height:150px;
	text-align:center;
	margin-right:40px;
}

.navtext {
	color:#036;
	margin-top:-35px;
	font-size:9pt;	
}

/* ----------------------------------------------------------------------------------------------------*/
#box {
    margin-bottom:20px;
}

.box-header, .box-details {
    padding-top: 10px;
    padding-bottom:10px;
    position:relative;   
}

.box-header {
   background:url(../images/bckg-boxhead.gif) 0 0;
   margin-top:20px;
}

.box-details {
   background:url(../images/bckg-boxresume.gif) 0 1px;
   border-bottom:1px solid #CCC;
}

.trombonne {
    background:url(../images/trombonne.gif) 0 0 no-repeat;
    height: 90px;
    width: 60px;
    position: absolute;
    top:-11px;
    left:10px;
    z-index:10;
}

.box-image img {
    width: 120px;
    background-color: white;
}

.box-name {
   	color:#FFF;
}

.box-name ul {
    list-style: disc;
	list-style-position:inside;
	padding: 10px;
}

.box-name li {
    font-size:14px;	
 	padding: 2px;
}

.box-name h1 {
    border-bottom:1px solid #FCCB00;
    font-size:21px;
    font-weight:normal;
    line-height:30px;
    color:#FFF;
    text-shadow:0 2px 1px #000;
}

.box-name p {
    font-size:14px;
    line-height:20px;
    color:#FFF;
}

.box-name a {
	color:#FFF;
}

.box-resume h1 {
   border-bottom:1px solid #CCC;
   padding-left: 24px;
   background: url(../images/pict-h1.gif) 1px -2px no-repeat;
   font-weight:normal;
   color:#972F2F; 
   font-size:18px;
   line-height:20px;
}

.box-resume ul {
    list-style: disc;
	list-style-position:inside;	
   margin-bottom:20px;
   padding-top: 10px;
}

.box-resume li {
   font-size:14px;
   line-height:16px;
}

/* -------- Admin -------- */
.admin_navbar
{
    height: auto;
	width: 195px;
    position: relative;
    float:left;
}
a.admin_menu
{
   font-size:14px;
   font-weight:bold;
}