/*  REFONTE CORPO  --> BASE  */


body h1 {
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
        
}

body {
    margin: 0px; 
    background-image: url(../images/interface/bkgd_corpo.gif); 
    background-repeat: repeat;
    font-size: 100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

body img {
    border-width: 0px;
}

img.pngtype{
	position: absolute;
	z-index: 999999;
	border: none;
  	behavior: url(pngHack.htc);
}

#contenu-bottom {
	float:left;
    display: inline;
	width: 606px;
	margin: 0px 0px 16px 6px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #dae9f4;
}

*> #contenu-bottom {
	width: 608px;
}

#contenu {
    margin: 0px 0px 0px 7px;
    padding: 0px 0px 0px 0px;
    width: 600px;
}

*> #contenu {
	width: 602px;
}

#contenu p {
    margin: 10px 13px 10px 0px;
    padding: 0px 0px 0px 0px;
}

#contenu h1 {
    margin: 7px 13px 20px 0px;
    padding: 0px 0px 0px 0px;
}
#contenu h2 {
    margin: 15px 13px 15px 0px;
    padding: 0px 0px 0px 0px;
}

#contenu h3 {
    margin: 15px 13px 15px 0px;
    padding: 0px 0px 0px 0px;
}

#contenu li {
    margin: 0px 13px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#contenu h1 {
    font-family: arial;
    font-weight: bold;
    font-size: 1.2em;    
    line-height: 105%;
    color: #0f276e; 
}

#contenu h2 {
    font-family: arial;
    font-weight: bold;
    font-size: 0.9em; 
    line-height: 105%;
    color: #0f276e;
}

#contenu h3 {
    font-family: arial;
    font-weight: bold;
    font-size: 0.85em; 
    line-height: 105%;
    color: #0f276e;
}

#contenu .texte-important, #contenu p, #contenu ul li, #contenu ol li {
    font-family: arial;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 120%;
}

#contenu .texte-important, #contenu p, #contenu ul span, #contenu ol span {
    color: #393939; 
}

#contenu .texte-important {
    font-weight: bold;
}


#contenu ul, #contenu ol {
    margin: 0px 0px 0px 16px;
    padding: 0px 0px 0px 0px;
    list-style-type: square;
    color: #1b71b8;
}

#contenu ul li ul, #contenu ol li ol {
    margin: 0px 0px 0px 14px;
    padding: 0px 0px 0px 0px;
    list-style-type: square;
    color: #6db9f8;
}

#contenu ul li ul {
	margin-left: 40px;
}


#contenu ul li ul li, #contenu ol li ol li {
	font-size: 1em;
}

#contenu ol, #contenu ol li ol {    
    list-style-type: decimal;
    font-weight: bold;
    margin-left: 29px;
}


#contenu p a:link, #contenu p a:link, #contenu ul span a:link {       
    color: #1b71b8;
    text-decoration: underline;
}

#contenu p a:visited, #contenu p a:visited, #contenu ul span a:visited, #contenu ol span a:visited {       
    color: #830eaf;
    text-decoration: underline;
}


#contenu p a:hover, #contenu p a:hover, #contenu ul span a:hover, #contenu ol span a:hover {   
    color: #393939;
    text-decoration: underline;
}

p  a.lienSouligne {
    text-decoration: underline;
}

#contenu p.vignette {
    font-family: arial;
    font-weight: normal;
    font-size: 0.7em;
    line-height: 120%;
    color: #6b88ad;
}

#contenu p.vignette a:link {
    color: #00267f;
}

#contenu p.vignette a:visited {
    color: #830eaf;
}

#contenu p.vignette a:hover {
    color: #6b88ad;
}

#contenu p.date-publication {
	font-family: Arial;
	font-size: 0.7em;
	color: #6b88ad;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	clear:right;
}

#contenu div.flecheCollection{
	background-image:url(../images/evenementscommandites/fleche_collection.gif); 
	width:257px; 
	height:53px; 
	padding-left: 70px; 
	padding-top: 3px;
}

#contenu div.flecheCollection a{ 
	color: white;
	font-size:0.8em;
	font-family: Arial;
}

#contenu img.ImageECFloatRight{
	float: right;
	margin-right: 5px;
	margin-left: 10px;
}

#contenu img.ImageECFloatLeft{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}


table a, table a:link, table a:visited {  
    text-decoration: underline;
    color: #1b71b8;
}


#fil-ariane {
    float:left;
    display: inline;
    margin: 0px 0px 0px 6px;    
    width: 607px;
    height: 23px;
    background-color: #ffffff;
    background-image: url(../images/interface/fil_ariane_bkgd.gif);
    background-repeat: no-repeat;
    background-position: top right;   
    font-size: 0.60em; 
    border: 0px solid black;
    /*font-size: 11px;*/
}

#fil-ariane p {
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 7px;
    color:#00267f;
}

#fil-ariane p a:link, #fil-ariane p a:visited {
    color: #00267f;    
    text-decoration: underline;
}

#fil-ariane p a:hover {
    color: #5288b5;
    text-decoration: underline;
}

#fil-ariane p a:active{
    color: #00267f;
    text-decoration: underline;
}


table a:hover { 
    color: #393939;
}

table.regulier {   
    width: 592px;
    margin: 0px 5px 5px 0px;
    border: 1px solid #0f276e;
}

table.tableau-journees-carrieres{
	border: 1px solid black;
}

table.tableau-journees-carrieres td{
	font-family:arial;
	font-size:0.8em;
	font-weight:normal;
	line-height:120%;
}

table.regulier th, table.regulier td {
    border: 0px solid #0f276e;
}

table.regulier caption {
    padding: 3px 3px 3px 10px;
    margin: 0px 0px 0px 5px;
    color: #393939;
    font-size: 0.8em;  
    text-align: left;
    /*font-size: 12px;*/
    font-family: arial; 
}


table.regulier thead th.titre {
    border-width: 0px 0px 0px 0px;
    background-color: #81a6c5;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 4px;
    color: #0f276e;
    font-size: 0.8em;
    /*font-size: 12px;*/
    font-family: arial; 
    font-weight: bold;
    text-align:left;
}

table.regulier tbody td, table.regulier tfoot td,
table.regulier tbody th, table.regulier tfoot th{
    padding: 7px 3px 7px 3px;
    color: #393939;
    /*font-size: 12px;*/
    font-family: arial; 
    font-size: 0.8em;
}

table.regulier tbody tr.premiere td, table.regulier tfoot tr.premiere td,
table.regulier tbody tr.premiere th, table.regulier tfoot tr.premiere th{   
    background-color: #e6f0f7;
    background-image: url(../images/interface/tableau_fd_bleu_pale.gif);
}

table.regulier tbody tr.deuxieme td, table.regulier tfoot tr.deuxieme td,
table.regulier tbody tr.deuxieme th, table.regulier tfoot tr.deuxieme th{
    background-color: #bfd6e6;
    background-image: url(../images/interface/tableau_fd_bleu_moyen.gif);
}

table.regulier tbody tr.troisieme td, table.regulier tfoot tr.troisieme td,
table.regulier tbody tr.troisieme th, table.regulier tfoot tr.troisieme th{
    background-color: #ffffff;
}

table.regulier thead th {
    background-color: #0f276e;
    padding: 3px 3px 3px 10px;
    color: #ffffff;
    /*font-size: 12px;*/
    font-family: arial; 
    font-size: 0.8em;
}

table.regulier th.premiere {    
    text-align: left;
    padding-left: 10px;
}
table.regulier th.milieu, table.regulier th.derniere,
table.regulier td.milieu, table.regulier td.derniere {
    text-align: right;
}


table.regulier thead th.premiere {
    background-image: url(../images/interface/tableau_fd_bleu_sombre.gif);
    border-width: 0px 0px 1px 0px;
    width: 33%;
}

table.regulier tbody th.premiere {
    border-width: 0px 0px 0px 0px;
}

table.regulier tfoot th.premiere {
    border-width: 1px 0px 0px 0px;
}

table.regulier thead th.milieu {
    background-image: url(../images/interface/tableau_fd_bleu_sombre.gif);
    border-width: 0px 0px 1px 0px;
    width: 25%;
    padding-right: 40px;
}

table.regulier tbody td.milieu {
    border-width: 0px 0px 0px 0px;
    padding-right: 40px;
}

table.regulier tfoot td.milieu {
    border-width: 1px 0px 0px 0px;
    padding-right: 40px;
}

table.regulier thead th.derniere {
    background-image: url(../images/interface/tableau_fd_bleu_sombre.gif);
    border-width: 0px 0px 1px 0px;
    width: 17%;
}

table.regulier tbody td.derniere {
    border-width: 0px 0px 0px 0px;
}

table.regulier tfoot td.derniere {
    border-width: 1px 0px 0px 0px;
}

div.liste-ancres {
    float: left;
    display:inline;
    width: 200px;
    margin-left:40px;
}

div.boite-b {
    width:105px;
    height:65px;
    border:0;
    cellspacing:0px;
    font-size: 7pt;
    padding:5px;
    position:relative;
    cursor: pointer;
}

div.boite-c {
    position: absolute;
    top: 260px;
    left: 528px;
}

div.boite-d {
    position: absolute;
    top: 210px;
    left: 410px;
}

div.boite-e {
    position: absolute;
    top: 240px;
    left: 360px;
}

img.boutonboite {
    position:absolute;
    bottom:2px;
    right:2px;
}

/*  REFONTE CORPO  --> BASE --> FIN */


#page {
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0px; 
    width: 781px; 
    border: 0px solid grey; 
    background-color: #ffffff;
    padding-bottom: 0px;
    border: 0px solid blue;
}

#portail {
    position: relative; 
    background-color: #334353;
    width: 781px;  
    /*height: 35px; */
    padding-bottom:1px;
   /* border-bottom: 1px solid #334353;*/
    z-index: 99;
    /*border: 0px solid white;*/
    height: 26px;
    min-height:26px;
}

*>#portail {
	height: auto;
}

#entetePage {
    background-color: #ffffff; 
    background-image: url(../images/interface/entete_degrade.jpg); 
    background-repeat: repeat-x; 
    background-position: top left;  
    width: 781px;
    height: 90px;
    z-index: 9999;
    border: 0px solid blue;
}

/*Ici on place un bouton dans l'entete (Bouton reclamer un lot)*/
#fonctionBouton {
   position: absolute; 
    top: 28px; 
    left: 191px; 
    height: 26px; 
    width: 125px; 
    border: 0px solid red;
}

/*Ici on déplace la ligne des fonctions de l'entete (changement de langue, grossissement de police...)*/
#entetePage  #fonctionsEntete {
   position: absolute; 
    top: 30px; 
    left: 364px; 
    height: 20px; 
    width: 410px; 
    border: 0px solid red;
}

/*Ici on déplace la ligne de l'abonnement à la cyberlettre au complet*/
#entetePage  #fonctionsCyberlettre {
    position: absolute; 
    top: 48px; 
    left: 416px;
    width: 370px;
    height: 20px;
    border: 0px solid red;
}


#entetePage #texteTailleTexte {
    position: absolute; 
    top: 3px; 
    left: 0px;  
    width: 120px; 
    font-family: Arial; 
    font-size: 10px; 
    color: #4a587f; 
    padding: 0px;
    border: 0px solid red; 
}

#entetePage #liensTailleTexte {
    position: absolute; 
    top: 0px; 
    left: 72px; 
    border: 0px solid red;
}

#entetePage #texteCarteSite {
    position: absolute; 
    top: 3px; 
    left: 134px;    
    width: 120px; 
    font-family: Arial; 
    font-size: 10px; 
    color: #4a587f; 
    padding: 0px;
    border: 0px solid red; 
}

#entetePage #lienCarteSite {
    position: absolute; 
    top: 0px; 
    left: 199px;    
    width: 120px;
    border: 0px solid red; 
}

#entetePage #lienContact {
    position: absolute; 
    top: 4px; 
    left: 239px; 
    width: 100px;
    line-height: 10px;
    margin: 0px;
    padding: 0px;       
}

*> #entetePage #lienContact {
	top: 2px;
}

#entetePage #lienContact a:hover span {
	text-decoration: underline;
}


#entetePage #lienLangue {
    position: absolute; 
    top: 4px; 
    left: 339px; 
    width: 60px;
    line-height: 10px;
    margin: 0px;
    padding: 0px;
    border: 0px solid red;
}

*> #entetePage #lienLangue {
	top: 2px;
}

#entetePage #lienLangue a:hover span {
	text-decoration: underline;
}


#entetePage #boutonRss {
    position: absolute; 
    top: 0px; 
    left: 401px; 
    width: 100px;   
    margin: 0px;
    padding: 0px;       
}



#entetePage #fonctionsEntete a, #entetePage #fonctionsEntete a:link, #entetePage #fonctionsEntete a:visited, #entetePage #fonctionsEntete a:visited {
    font-family: Arial; 
    font-weight: bold;
    font-size: 10px; 
    text-decoration: none;  
    line-height: 100%;
    color: #0c246c; 
    margin: 0px;
    padding: 0px;       
}

#entetePage #fonctionsEntete a:hover {
    color: #4a587f;
}


#entetePage #lienCyberlettre a, #entetePage #lienCyberlettre a:link, #entetePage #lienCyberlettre a:visited, #entetePage #lienCyberlettre a:visited {
    font-family: Arial; 
    font-weight: bold;
    font-size: 10px; 
    text-decoration: none;
    line-height: 100%;
    color: #0c246c; 
    margin: 0px;
    padding: 0px;       
}

#entetePage #lienCyberlettre a:hover {
    color: #4a587f;
}

#entetePage #lienCyberlettre {
    position: absolute;
    top: 4px;
    left: 40px;
    font-family: Arial; 
    font-size: 10px; 
    color: #4a587f; 
    padding: 0px;
    border: 0px solid red;
}

#entetePage #lienCyberlettre a:hover span {
	text-decoration: underline;
}

#entetePage #formulaireAbonnement {
    position: absolute;
    top: 0px;
    left: 256px;
    width: 108px;
    border: 0px solid red; 
}

#formulaireAbonnement #btOkCourriel {
    float: right;
    padding: 0px;
}

#formulaireAbonnement #entreCourriel {
    float: right; 
    margin-top: 2px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    height: 13px; 
    width: 84px; 
    padding:0px; 
    border: 1px solid black;
}

#piedPage{
    margin-left: 5px;
    width: 771px;
}

#piedPageTop {
	font-size: 1px; 
    height: 4px; 
    width: 771px; 
    /*margin-top: 12px;*/       /* C'est ici qu'on règle l'espacement entre le pied de page et le contenu */
    background-image: url(../images/interface/pied_corpo_top.jpg); 
    background-repeat: no-repeat; 
    background-position: top left;
    margin-bottom: 0px;
}

#piedPageCentre {
    position: relative;
    background-image: url(../images/interface/pied_corpo_centre.jpg); 
    background-repeat: y-repeat;    
    width: 771px;  
    height:97px; 
    margin: 0px;   
    text-align: left;
}

#piedPageBottom {
    height: 8px;
    line-height: 8px;
    width: 771px; 
    margin-bottom: 0px; 
    background-image: url(../images/interface/pied_corpo_bottom.jpg); 
    background-repeat: no-repeat; 
    background-position: top left;  
}

#pied-acc{
	float: left;
	border: 0px solid blue;
} 
#piedPage-txt { 
    font-size: 70%;     
    margin-left: 10px;
    width: 240px;
    float: left;
    display: inline;
    margin: 4px 0px 6px 0px;
    line-height: 105%;
    color: #6b88ad;
}

#piedPage-txt a, #piedPage-txt a:link, #piedPage-txt a:active, #piedPage-txt a:visited { 
    text-decoration: underline;
    color: #6b88ad;
}

#piedPage-txt a:hover {
    text-decoration: underline;
	color: #9eb0c8;
}

#pied-mise-sur-toi {
    float: left; 
    top: 0px; 
    left: 0px;  
    margin: auto; 
    padding: 0px; 
    width: 110px;
    border: 0px solid red;
}

#pied-sos-jeux {
    float: left;   
    border: 0px solid blue;
/*    margin-right: 2px;	*/

}

#piedLogoFondation{
    position:relative;
    display:block;
    margin-left: auto;	
    margin-right: auto;	
    margin-top: 0px;	
    margin-bottom: auto;	
    border: 0px solid red;
    left: -10px;
    position: relative;

}

#piedLogox{
    float: right;
    display:block;
    margin-left: auto;	
    margin-right: auto;	
    margin-top: auto;	
    margin-bottom: auto;	
    border: 0px solid red;

}

#piedTexteLogoFondation {
    font-family: Arial; 
    font-size: 9px; 
    color: #004489; 
    margin-top: 9px;
    
}

#piedLogoSOSjeu{
    float:left; 
    margin: 0px 5px 5px 0px;
}

#piedTexteLogoSOSjeu {
    font-family: Arial; 
    font-size: 9px; 
    color: #004489; 
    margin-left: 0px;
    margin-top: 8px;
}

#separateur{
	float:left;
	border: 0px solid blue;
}
#boiteSondage p{
    font-family: Arial; 
    font-size: 9pt; 
    color: black; 
    width: 260px;
    margin-top:5px;
    margin-bottom:8px;
    margin-left:24px;
    padding:0px;
	line-height: normal ;
    
}




/***********???????????????VARIA**********/


#listeCommuniques td {
    border: 0px solid white;
}

div.rxbodyfield {
    text-decoration: underline;
    border: 0px solid red;
    width: 390px;
    align: left;
}

#listeCommuniques tr.row0 {
    background-color: #fffff;
}

#listeCommuniques tr.row1 {
    background-color: #bfd6e6;
    background-image: url(../images/interface/tableau_fd_bleu_pale.gif);
}

#listeCommuniques tr.row1 {
    background-color: #bfd6e6;
    background-image: url(../images/interface/tableau_fd_bleu_moyen.gif);
}

.cell{
    border-width: 0px 0px 1px 0px;
    border-style: dashed;   
    border-color: #7E7E7E;
    height: 40px;
    padding-left: 10px;
}   

.tFooterCell{
    height: 55px;
    padding-left: 10px;
}

.fleche {   
    margin-right: 10px;
    border-width: 0px;
}

.downloadLinks a:link, .downloadLinks a:hover, .downloadLinks a:visited, .downloadLinks a:active{
    color: #064B82;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}



.arborescence{
	margin-top:20px;
	_margin-top:40px;
}

.tab{
cursor:pointer;
padding:7px 0px 7px 20px;
background-color:#DDE9F4;
font-family: arial;
font-weight: bold;
font-size: 0.9em; 
line-height: 105%;
color: #0f276e;
background-position: left;
background-repeat: no-repeat;
margin-bottom: 2px;
}

.tabjeuenligne{
cursor:pointer;
padding:7px 0px 7px 20px;
background-color:#DDE9F4;
font-family: arial;
font-weight: bold;
font-size: 0.8em; 
line-height: 105%;
color: black;
background-position: left;
background-repeat: no-repeat;
margin-bottom: 2px;
}

/* état d'onglet ouvert */
.tabUp{
background-image: url(../images/commun/fleche_down.png);
}

/* état d'onglet fermé */
.tabDown{
background-image: url(../images/commun/fleche_up.png);
}

/* conteneur de contenu d'onglets */
.expandableBox{
width:100%;
padding:10px 0px 10px 0px;
margin:0px 0px 10px 0px;
background-color:#F8F8F8;
}

.expandableBox p, .expandableBox table{
padding-right:10px;
}
/* fermeture de conteneur */

.closed {

display:none;

}

/* fermeture de conteneur */

.visibled {

visibility:hidden;

}

/* popup style grey box */
.popup {
	_position: absolute;
	_top:expression(eval((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop));
	left: 0px;
	width: 100%;
	_height: expression(eval(document.body.clientHeight-((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop)));
	z-index: 100000;
	display: none;
}

*> .popup {
	position: fixed;
	top: 0px;
	height: 100%;
}

/* début rapport annuel */
#rapportAnnuelBox{
	_position: relative;
	_top:expression(eval((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop));
	left: 0px;
	width: 100%;
	_height: expression(eval(document.body.clientHeight-((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop)));
	z-index: 100000;
	display: none;
}


#rapportAnnuelBox .entete-popup {
	min-height: 27px;
	height: auto;
}

#rapportAnnuelBox #flashcontent{

	margin: 20px auto auto 15%;
}

#rapportAnnuelBox .entete-popup a#fermer-rapportAnnuelBox,
#rapportAnnuelBox .entete-popup a#fermer-rapportAnnuelBox:active,
#rapportAnnuelBox .entete-popup a#fermer-rapportAnnuelBox:visited {
	float: right;
	display: inline;
	height: 19px;
	margin: 3px 18px 0px 0px;
	padding: 0px 0px 0px 25px;
	background-image: url(../images/commun/ic_x_fermer_off2.jpg);
	background-repeat: no-repeat;
	background-position : top left;
	font-size: 12px;
	font-family: Trebuchet MS;
	color: #B5B7B9;
}
#rapportAnnuelBox .entete-popup a#fermer-rapportAnnuelBox:hover{
	background-image: url(../images/commun/ic_x_fermer_off.jpg);
	color: #ffffff;
}
/* fin rapport annuel */

/* début contribution */
#contributionBox{
	_position: relative;
	_top:expression(eval((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop));
	left: 0px;
	width: 100%;
	_height: expression(eval(document.body.clientHeight-((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop)));
	z-index: 100000;
	display: none;
}


#contributionBox .entete-popup {
	min-height: 27px;
	height: auto;
}

#contributionBox #flashcontent{

	margin: 20px auto auto 15%;
}

#contributionBox .entete-popup a#fermer-contributionBox,
#contributionBox .entete-popup a#fermer-contributionBox:active,
#contributionBox .entete-popup a#fermer-contributionBox:visited {
	float: right;
	display: inline;
	height: 19px;
	margin: 3px 18px 0px 0px;
	padding: 0px 0px 0px 25px;
	background-image: url(../images/commun/ic_x_fermer_off2.jpg);
	background-repeat: no-repeat;
	background-position : top left;
	font-size: 12px;
	font-family: Trebuchet MS;
	color: #B5B7B9;
}
#contributionBox .entete-popup a#fermer-contributionBox:hover{
	background-image: url(../images/commun/ic_x_fermer_off.jpg);
	color: #ffffff;
}
/* fin contribution */
.contenu-popup {
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	background-image: url(../images/bg3.png)!important;
	*background-image: none !important;                             
	*background-color: #000000 !important;                          
	*filter:alpha(opacity=30);
}

.contenu-popup #flashcontent,.contenu-popup center{
	background-color: transparent !important;
}

#partager .entete-popup {
	background-image: url(../images/commun/bg_titre_sondage.jpg);
	padding-left: 20px;
}
#partager .entete-popup {
	min-height: 27px;
	height: auto;
}
#partager .entete-popup a#fermer-partager,
#partager .entete-popup a#fermer-partager:active,
#partager .entete-popup a#fermer-partager:visited {
	float: right;
	display: inline;
	height: 19px;
	margin: 3px 18px 0px 0px;
	padding: 0px 0px 0px 25px;
	background-image: url(../images/commun/ic_x_fermer_off2.jpg);
	background-repeat: no-repeat;
	background-position : top left;
	font-size: 12px;
	font-family: Trebuchet MS;
	color: #B5B7B9;
}
#partager .entete-popup a#fermer-partager:hover{
	background-image: url(../images/commun/ic_x_fermer_off.jpg);
	color: #ffffff;
}
#partager .entete-popup h2 {
	font-family: Trebuchet MS;
	font-size: 1.2em;
	color: #FFFFFF;
	margin:0px;
	padding:3px 0px 0px 0px;
	
}	

#partager div #envoyer{
	position: relative;
	background-color: #E6E4E5;
	top: 0px;
	left: 0px;
	width: 806px;
	padding: 0px;
	margin: 0px auto 0px auto;	
	background-image: url(../images/commun/bg_ombre_env_ami.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale src='/video/images/bg_ombre_env_ami.png');

}
#partager #contenu-envoyer {
	background-color: #E6E4E5;
	border: 1px solid #939393;
	border-width: 0px 1px 1px 1px;
	width: 806px;
	padding-top: 6px;
	margin: 0px 0px 8px 1px;
}
#partager div#ombrage{
	position: relative;
	top: 50px;
	left: 0px;
	width: 845px;
	padding: 0px;
	margin: 0px auto 0px auto;	
	background-image: url(../images/commun/bg_ombre_env_ami.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	_background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale src='/video/images/bg_ombre_env_ami.png');
	/*height: 637px;*/
}	
/* fin popup style grey box */

/* Medias Sociaux */

#boiteMediasSociaux{
    /*width: 256px;*/
    height: 87px;
    padding: 0px; 
    border: 1px solid #bababa; 
    margin: -2px 0 5px 0;
    widht: 100%;
}

#boiteMediasSociaux img.pngtype{
    position: static;
}

div#menuSection div#conteneurBoiteMediasSociaux {
	/*background-image: url(../images/interface/ssmenu_ligneverti55.jpg) ;*/
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	border: 1px solid red;
}

#boiteMediasSociaux.autresPages{ 
    width: 146px; 
    height: 75px;
    float: left;
}

#boiteMediasSociaux p {
    font-family: Helvetica, Verdana, sans-serif;
    font-stretch: ultra-condensed;
    font-size: 12px; 
    clear: left;
    text-align: right;
    padding-right: 10px;
    margin: 0;
}

#boiteMediasSociaux.autresPages p {
    font-size: 11px;
    position: relative;
    top: -5px;
    
}



#boiteMediasSociaux div.bandeBleue {
    background: #002e84;
    width: 100%;
    height: 17px;
    color: #ffffff;
    font-weight: boldl;
    font-size: 11px;
     
}

#boiteMediasSociaux div.bandeBleue p{
    color: #ffffff;
    font-weight: bold;
    font-size: 11px; 
    text-align: left; 
    padding: 1px 0 0 5px; 
    font-family: Helvetica, Verdana, sans-serif;
    font-stretch: ultra-condensed;
}

#boiteMediasSociaux div.bandeBleue.autrePage p{
    padding: 6px 0 0 5px; 
}

#boiteMediasSociaux div.ligneBleue {
    margin: 0;
    padding: 0;
    background-color: #002e84;
    width: 100%;
    height: 1px;
    margin-top: 1px;
    line-height: 1px;
    overflow: none;
    font-size: 1px;
}

#boiteMediasSociaux.accueil div#logoFacebook {
    margin-left: 35px;
    _margin-left: 17px;
    float: left;
}

#boiteMediasSociaux.autresPages div#logoFacebook {
    margin-left: 7px;
    _margin-left: 3px;
    float: left;
}

#boiteMediasSociaux.accueil div#logoYoutube {
    margin-left: 16px;
    float: left;
}
#boiteMediasSociaux.autresPages div#logoYoutube {
    margin-left: 0px;
    float: left;
}


#boiteMediasSociaux.accueil #logoTwitter {
    margin-left: 16px;
    float: left;
}

#boiteMediasSociaux.autresPages #logoTwitter {
    margin-left: -1px;
    float: left;
}

#encadreMediaSociauxSuivre{
	padding-top:0px;
	margin-top:5px;
	border-top-style: double;
	border-top-color: #90b6da;
	border-top-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #90b6da;
	border-bottom-width: 4px;
	padding-bottom:10px;
}

#encadreMediaSociauxSuivre p.enteteSuivre{
	font-family: Verdana, Arial, Helvetica;
	color:#333333;
	margin-bottom:15px;
}
#encadreMediaSociauxSuivre p.enteteSuivre img{
	float:left;
	margin-right:5px;
}
#encadreMediaSociauxSuivre .titreSuivre{
	float:left;
	font-family: Arial;
	color:#006699;
	margin-left:5px;
}
#encadreMediaSociauxSuivre .titreSuivre p{
	text-align:right;
	margin-top:4px;
	margin-bottom:5px;
}
#encadreMediaSociauxSuivre p.spacerTitre{
	line-height: 13px;
	margin-top:0px;
	margin-bottom:0px;
}
#encadreMediaSociauxSuivre p.spacerBouton{
	line-height: 10px;
	margin:0;
}
#encadreMediaSociauxSuivre .boutonTwitter{
	width: 60px;
	overflow: hidden;
}

#infomediassociaux h1 {
    margin-bottom: 10px;
}

#infomediassociaux h2 {
    clear: both;
    margin: 23px 0 20px 0;
}

#infomediassociaux p {
   
}


#infomediassociaux div.boiteLiens {
    clear: both;
    margin: 0 0 0 15px;
}

#infomediassociaux div.boiteLiens div {
    margin: 0;
    clear: both;
    height: 16px;
    margin-bottom: 3px;
}

#infomediassociaux div.boiteLiens img{
    float: left;
}

#infomediassociaux div.boiteLiens p{
    float: left;
    margin: 0 0 0 5px;
}



#infomediassociaux div.boiteContributeurs {
    clear: both;
    margin: 0 0 0 15px;
}



#infomediassociaux div.boiteContributeurs div.contributeur {
    clear: both;
    margin: 0 0 3px 0;
    height: auto;
    margin: 0 0 0px 0;
}

#infomediassociaux div.boiteContributeurs div.personnes {
    
}


#infomediassociaux div.boiteContributeurs img{
    margin: 0px 0 4px 0;
    float: left;
}

#infomediassociaux div.boiteContributeurs p{
    float: left;
    margin: 0 0 3px 5px;
}
#infomediassociaux div.boiteContributeurs p.titre{
    margin:  0 0 0px 0;
    clear: both;
}

#infomediassociaux div.clear,
#infomediassociaux div.boiteContributeurs div.clear,
#infomediassociaux div.boiteLiens div.clear {
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    clear: both;
    margin: 0;
}