﻿html, body
{
    height: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

body
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color:white;
    font-family:Arial;
    font-size:12px;
    color:black;
}

img
{
    border: 0;
}

.clear
{
    clear: both;
}

.left
{
    float:left;
}

a:link {color: blue; text-decoration: none;}
a:active{color: blue;text-decoration: none;}
a:visited{color: blue;text-decoration: none;}
a:hover{color: blue;text-decoration:underline;}

.copyrightLanec:link { color:#969696; text-decoration:none; }
.copyrightLanec:visited { color:#969696; text-decoration:none; }
.copyrightLanec:hover { color:#969696; text-decoration:underline; }
.copyrightLanec:active { color:#969696; text-decoration:underline; }


/* ---------------------------------------------------- MASTERPAGE.MASTER --------------------------------------------------------*/
.pageMaster
{
    padding:0;
    margin:0;
    margin:auto;
    min-height:100%;
    position:relative;
}

.basPageMaster
{
    height:258px;
    width:100%;
    background-image:url(/images/fondbas_repeat.gif);
    background-position:center bottom;
    background-repeat:repeat-x;
}

.basPageMasterFond
{
    height:258px;
    width:100%;
    background-image:url(/images/fondbas.gif);
    background-position:center bottom;
    background-repeat:no-repeat;
}

.hautPage
{ 
    background-image:url(/images/fond_repeat.jpg);
    background-position:center top;
    background-repeat:repeat-x;
    height:258px;
}

.hautPageFond
{ 
    background-image:url(/images/fondhaut.gif);
    background-position:center top;
    background-repeat:no-repeat;
    height:258px;
}

.corpsMasterHautPage
{
    margin: auto;
    width: 942px;
    width: 943px !Important; 
}

.corpsMaster
{
    margin: auto;
    margin-top:40px;
    width: 942px;
    width: 943px !Important;
}

.basPageMaster .contenuFooter
{
    margin: auto;
    width: 942px;
    width: 943px !Important;
    height:257px;
}   

.marginFooter
{
    padding-top:10px;
}

.blocReseauTI
{
    float:left;
    width:390px;
}

.numTelephone
{
    margin:7px 0 0 48px;
}

.logoReseauTI
{
    width:274px;
    height:53px;
}

.texteBlocReseauTI
{
    margin:10px 0 0 48px;
}

.texteBlocReseauTI ul {
	margin:0 0 0 0;
	padding:0 0 0 15px;
	list-style-image:url(/images/puce_bleue.png);
}

.texteBlocReseauTI li 
{
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.texteBlocReseauTI li a 
{
    color:blue;
    text-align:left;
    text-decoration:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

.texteBlocReseauTI li a:link {	text-decoration: none; }
.texteBlocReseauTI li a:visited {	text-decoration: none;}
.texteBlocReseauTI li a:hover { text-decoration:underline;}
.texteBlocReseauTI li a:active {	}

.blocLigne
{
    width:30px;
    float:left;
}

.ligne
{
    width:1px;
    height:127px;
    margin-top:10px;
}

.blocDevenezMembre
{
    color:#474746;
    width:200px;
    float:left;
    margin-top:30px;
}   
    
.blocDevenezMembre ul {
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	list-style-image:url(/images/puce_bleue.png);
}

.blocDevenezMembre li 
{
    margin:0 0 5px 0;
}

.blocDevenezMembre li a 
{
    color:blue;
    text-align:left;
    text-decoration:none;
    margin:0 0 0 0;
}

.blocDevenezMembre li a:link {	text-decoration: none; }
.blocDevenezMembre li a:visited {	text-decoration: none;}
.blocDevenezMembre li a:hover { text-decoration:underline;}
.blocDevenezMembre li a:active {	}

.blocLinkedIn
{
    width:260px;
    float:right;
    margin-top:30px;
     font-size:13px;
    text-align:right;
}

.logoLinkedIn
{
    width:138px;
    height:36px;
}    

.adresseWeb
{
    width:942px;
    margin:0 auto;
    text-align:center;
}

.btnAdresseWeb
{
    width:185px;
    height:15px;
}

.creditLanec
{
    font-size:12px;
    color:#969696;
    text-align:right;
    margin-top:35px;
    padding-right:15px;
}


/* ---------------------------------------------------- INDEX.ASPX --------------------------------------------------------*/
.colonneGauche
{
    float:left;
    width:595px;
    margin-right:33px;
}

.blocProchainesActivites
{
}

.lignePointillee
{
    margin:25px 0;
}

.blocReseauBref
{
    margin-right:40px;
}

.blocReseauBref ul {
	margin:15px 0 0 0;
	padding:0 0 0 40px;
	list-style-image:url(/images/puce_bleue.gif);
}

.blocReseauBref li 
{
    margin:0 0 10px 0;
}

.btDevenirMembre
{
    width:197px;
    height:34px;
    margin:10px 0 25px 20px;
}

.blocConseilAdministration
{
     margin:25px 0 15px 0;
}

.blocPhoto
{
    float:left;
    width:148px;
    height:192px;
    margin-top:10px;
    border:1px solid #c2c2c2;
}

.photoPresident
{
    width:132px;
    height:177px;
    border:1px solid #9f9f9f;
    margin:7px 0 0 7px;
}

.blocTexte
{
    float:left;
    width:405px;
    margin:10px 0 0 20px;
}

.motPresident
{
    margin:0 0 10px 0;
}

.nomPersonne
{
    color:#0a4371;
    font-weight:bold;
}

.posteReseau
{
    color:#66a125;
}

.poste
{
    margin-top:5px;
}

.blocMembreConseil
{
    width:291px;
    float:left;
    margin:15px 13px 0 0;
}

.fondMembreConseil
{
    width:291px;
    height:90px;
    margin-bottom:10px;
    background-image:url(/images/fond_conseil.jpg);
    background-repeat:no-repeat;
}

.marginMembreConseil
{
    padding:12px 0 0 10px;
}

.colonneDroite
{
    float:left;
    width:315px;
}

.bandeau
{
    margin-bottom:20px;
}

.bandeauOctas
{
    margin-bottom:20px;
    background:url(/images/bandeau_octas2010.jpg) no-repeat;
    width:314px;
    height:154px;
}

.bandeauOctas ul
{
    margin:0;
    padding:100px 0 0 115px;
    list-style:none;
}

.bandeauOctas li
{
    margin:0 0 3px 0;
    padding-left:12px;
    background:url(/images/puce.png) no-repeat left 4px;
}

.bandeauOctas li a
{
    color:#666;
}

.personnesBleues
{
    margin:823px 0 0 20px;
}

/****************************** JQUERY ******************************/
#jFlowSlide{ background-image:url(/images/fond_activites.jpg); background-repeat:no-repeat; font-family: Arial;   }
#myController { font-family: Arial; padding:2px 0; background:#FFFFFF; float:right; margin:0 15px 8px 0;}
#myController span.jFlowSelected { background:#ebebeb;margin-right:0px; border:1px solid #c9c9c9; }
#slides, #jflow-content-slider {height:300px;}

.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }

.jFlowControl { height:20px; color:#000; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; border:1px solid #ffffff; }
.jFlowControl:hover { background: #ebebeb; border:1px solid #c9c9c9; }
.jFlowPrev, .jFlowNext { border:1px solid #ffffff;}
.fleches { position:relative;top:8px;}
.jFlowPrev:hover, .jFlowNext:hover { border:1px dotted #FFFFFF; cursor:pointer; }

.blocTitreActivites
{
    float:left;
    width:290px;
    height:85px;
    margin:20px 0 0 20px;
}

.blocLogosActivites
{
    float:left;
    width:230px;
    text-align:right;
    margin:0;
    padding:10px 0 0 0;
}

.blocImages
{
    float:left;
    width:230px;
    margin-left:10px;
}

.blocInfos
{
    float:left;
    width:330px;
}
  
.titre
{
    float:left;
    font-weight:bold;
    color:#043d6c;
}

.quand
{
    width:50px;
}

.endroit
{
   width:50px;
}

.txtendroit
{
   width:280px;
}

.cout
{
    width:50px;
}

.inscription
{
    width:70px;
     float:none;
    margin-bottom:5px;
    padding-top:8px;
}

.txtinscription
{
    width:330px;
}

.description
{
    width:75px;
    float:none;
    margin-bottom:4px;
    padding-top:6px;
}

.txtdescription
{
    width:330px;
}

.note
{
    width:35px;
    float:none;
    margin-bottom:4px;
    padding-top:6px;
}

.txtnote
{
    width:330px;
}

.texte
{
    float:left;
    margin-bottom:5px;
}  
