/* CSS Document */




/*---------------------------------------mise en page globale---------------------------------------*/

*{

margin: 0;

padding: 0;

font-family:Arial, Helvetica, sans-serif;

text-align: left;

}

body {

font-size:12px;

text-align:center;

/*background-color:#000000;*/

background:#ffffff url(images/bg_ombre.gif) repeat-y center;

/*background-color:#f0f5f1;*/

/*background-image:url(images/bg_ombre.gif) repeat-y center;*/

/*background:#fff url("images/bg_image3p.jpg") fixed no-repeat bottom center;*/

/*background-image:url(images/bg_degrade.gif);*/

/*background-repeat:repeat-x;*/

}

#global {

    position:absolute;

    width:770px;

    height:auto;

    margin:0 auto;

    left:50%;

    margin-left:-385px;
	
	margin-top:0px;

 

}


#nouveaulogo {

      position : relative;

      width: 900px;

      height : 140px;

      top : -113px;

      left : -10px;

      overflow : auto;

      padding : 10px;

     

      }

#globalprint {

    position:absolute;

    width:770px;

    height:auto;

    margin:0 auto;

    left:50%;

    margin-left:-385px;
	
	

 

}

#contener {

width:770px;

}

a img{ border:0 none; 

}

.pagetitre{

width:auto;

font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;

font-weight:bold;

font-size:16px;

color:#ffffff;

padding-left:5px;

background-color:#f57900;

}

/*--------------------------------------- Titres, polices ---------------------------------------*/

/* gros titre */

.gt {

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:28px;

color:#6e8b6e;

font-weight: bold;

}

.gtcenter {

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:28px;

color:#6e8b6e;

font-weight: bold;

text-align: center;

}

.gto {

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:28px;

color:#d18044;

font-weight: bold;

padding-bottom:10px;

}

.gto2 {

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:18px;

color:#d18044;

font-weight: bold;

padding-bottom:10px;

}

.gto3 {

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:18px;

color:#d18044;

font-weight: bold;

padding-bottom:10px;

text-align:center;
}

.gtn {

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:28px;

color:#000000;

font-weight: bold;

}

.gtb {

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:28px;

color:#FFFFFF;

font-weight: bold;

}

/* moyen titre */

.mt {

font-size:18px;

color:#6e8b6e;

font-weight: bold;

padding-top:10px;

}

.mtcenter {

font-size:18px;

color:#6e8b6e;

text-align:center;

font-weight: bold;

padding-top:10px;

}

.mto {

font-size:18px;

color:#d18044;

font-weight: bold;

padding-top:10px;

}

.mtn {

font-size:14px;

color:#000000;

font-weight: bold;

padding-top:10px;

}

.mtncenter {

font-size:14px;

color:#000000;

font-weight: bold;

padding-top:10px;

text-align:center;

}


.mtm {

font-size:14px;

color:#6C0000;

font-weight: bold;

padding-top:10px;

padding-bottom:5px;

}

/* normal titre */

.nt {

font-size:12px;

color:#6e8b6e;

font-weight: bold;

padding-top:20px;

}


/* normal titre orange*/

.nto {

font-size:12px;

color:#d18044;

font-weight: bold;

}

.ct{

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:17px;

font-weight: bold;

color:#ffffff;

text-align:center;

}




.ctv{

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:27px;

font-weight: bold;

color:#ffffff;

text-align:center;
}



/*--------------------------------------- Paragraphe ---------------------------------------*/

#p {

padding-top:15px;

text-align:justify;

}

#p2{

padding-left:40px;

padding-right:40px;

font-size:12px;

font-weight:lighter;

text-align:justify;

margin-top:5px;

}

#remarque{

padding-top:30px;

text-align:justify;

font-weight:bold;

font-size:12px;

color:#999999;

}

.lettrinev{

float:left;

font:bold 2em/1em Verdana, Arial, Helvetica, sans-serif;

color:#6e8b6e;

}

.lettrineo{

float:left;

font:bold 2em/1em Verdana, Arial, Helvetica, sans-serif;

color:#d18044;

}

#pimagefloatdroite{

float:right;

margin-bottom:20px;

margin-left:20px;

}

#pimagefloatgauche{

float:left;

margin-bottom:20px;

margin-right:20px;

}

#liste{

margin-top:15px;

}

#ul{

list-style-type:none;

margin-left:20px;

}

.menulip {

width:auto;

margin-top:20px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce.gif);

list-style-position:inside;

}

#dd{

color: #333333;

font-size:12px;

padding:0px 0px 0px 35px;

background:url(images/puce_checked.gif) no-repeat 20px center;

}

a{

color:#e76c1f;  /* old d18044 f25c21 f5a035 e76c1f*/

font-weight:bold;

}

a:hover {

color:#999999;

}

/*--------------------------------------- En tête ---------------------------------------*/

#header {

margin:0;

width:770px;

height:139px;

}

#logo{

margin:0;

width:163px;

height:41px;

float:left;

}

#headerright {

margin-bottom:0px;

margin-left:0px;

padding-left:0px;

width:780px;

height:0px;

float:left;

}

#flash{

width:770px;

height:200px;

margin:0;

}

#imghead{

border:none;

}

/*--------------------------------------- Bannière et Onglets ---------------------------------------*/



.menu2 {

margin:0;

list-style:none;

height:40px;  font-family:Arial, Helvetica, sans-serif;

text-align:center;

}

.menu2 li.top {

display:block;

width:127px;

float:left;

position:relative;

background:url(images/onglet_out_127.gif) no-repeat;

margin-right:1px;

}

.menu2 li.topd {

display:block; 

width:128px; 

float:left; 

position:relative; 

background:url(images/onglet_out_128.gif) no-repeat;

}

.menu2 li.topg {

display:block; 

width:128px; 

float:left; 

position:relative; 

background:url(images/onglet_out_128.gif) no-repeat; 

margin-right:1px;

}



.menu2 li a.top_link {

display:block; 

width:127px; 

height:40px; 

line-height:33px; 

color:#fff;

text-decoration:none; 

font-size:12px; 

font-weight:bold; 

cursor:pointer; 

text-align:center;

}

.menu2 li a.top_link span {

display:block; 

width:127px; 

height:40px;

}

.menu2 li a.top_link span.down {

display:block; 

width:127px; 

height:40px; 

background:url(images/onglet_out_127.gif) no-repeat right top; 

text-align:center;

}

.menu2 li a.top_link:hover {

color:#fba900; 

background:url(images/onglet_over_127.gif) no-repeat;

}

.menu2 li a.top_link:hover span {

background:url(images/onglet_over_127.gif) no-repeat right top;

}

.menu2 li a.top_link:hover span.down {

background:url(images/onglet_over_127.gif) no-repeat right top;

}



.menu2 li:hover > a.top_link {

color:#fff; 

width:127px; 

background:url(images/onglet_over_127.gif) no-repeat right top;

}

.menu2 li:hover > a.top_link span {

background:url(images/onglet_over_127.gif) no-repeat right top;

}

.menu2 li:hover > a.top_link span.down {

background:url(images/onglet_over_127.gif) no-repeat right top;

}





.menu2 table {

border-collapse:collapse; 

width:0; 

height:0; 

position:absolute; 

top:0; 

left:0;}



.menu2 a:hover {

visibility:visible;

}

.menu2 li:hover {

position:relative; 

z-index:200;

}



.menu2 ul, 

.menu2 :hover ul ul, 

.menu2 :hover ul :hover ul ul,

.menu2 :hover ul :hover ul :hover ul ul,

.menu2 :hover ul :hover ul :hover ul :hover ul ul {

position:absolute; 

left:-9999px; 

top:-9999px; 

width:0; 

height:0; 

margin:0; 

padding:0; 

list-style:none;

}



.menu2 :hover ul.sub {

left:2px; 

top:40px; 

background: #fff; 

padding:3px 0; 

border:1px solid #c0c0c0; 

white-space:nowrap; 

width:136px; 

height:auto; 

text-align:left;

}

.menu2 :hover ul.sub li {

display:block; 

height:20px; 

position:relative; 

float:left; 

width:136px;

}

.menu2 :hover ul.sub li a {

display:block; 

font-size:11px; 

font-weight:lighter; 

height:20px; 

width:130px; 

line-height:20px; 

text-indent:2px; 

color:#000; 

text-decoration:none; 

border:3px solid #fff; 

border-width:0 0 0 3px;

}

.menu2 :hover ul.sub li a.fly {

background:#fff url(prodrop2/arrow.gif) 130px 7px no-repeat;

}

.menu2 :hover ul.sub li a:hover {

background:#c0c0c0; 

color:#fff;

}

.menu2 :hover ul.sub li a.fly:hover {

background:#c0c0c0 url(prodrop2/arrow_over.gif) 130px 7px no-repeat; 

color:#fff;

}

.menu2 :hover ul li:hover > a.fly {

background:#c0c0c0 url(prodrop2/arrow_over.gif) 130px 7px no-repeat; 

color:#fff;

} 



.menu2 :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul :hover ul,

.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul{

left:90px; 

top:-4px; 

background: #fff; 

padding:3px 0; 

border:1px solid #c0c0c0; 

white-space:nowrap; 

width:136px; 

z-index:200; 

height:auto;}





/*--------------------------------------- Zone fond blanc (colonnes 1-2-3 )---------------------------------------*/



#contenuglobal {

margin-top:0px;

width:770px;

background-color:#ffffff;

float:left;

overflow:hidden;

margin-bottom:0px;

}

#contenuzone {

width:770px;

padding-top:0px;

padding-bottom:0px;

padding-left:12px;

padding-right:12px;

background-color:#ffffff;

float:left;

overflow:hidden;

clear:both;

}

#contenutop {

width:770px;

height:10px;

background-image:url(images/board_top2.gif);

background-repeat:no-repeat;

float:left;

overflow:hidden;

}

#contenufoot {

width:770px;

height:10px;

background-image:url(images/board_foot2.gif);

background-repeat:no-repeat;

float:left;

overflow:hidden;

}



/*--------------------------------------- Colonne gauche ---------------------------------------*/

#contener_col_gauche {

width:163px;

float:left;

margin-left:12px;

margin-top:35px;

overflow:hidden;

}



#rechercher {

width:163px;

height:40px;

margin-top:12px;

background-image:url(images/rechercher.gif);

}

#quiz {

width:163px;

height:91px;

margin-top:12px;

background-image:url(images/quiz_4.png);

background-repeat:no-repeat;

}

#tube {

width:163px;

height:91px;

margin-top:12px;


}




#img{

padding-top:10px;

padding-bottom:10px;

}

.img{

padding-top:10px;

padding-bottom:10px;

}

.menuli {

width:163px;

margin-top:12px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce.gif);

list-style-position:inside;

} 

.menuliprevent {

width:163px;

margin-top:12px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce_prevent.gif);

list-style-position:inside;

} 

.menuliintervene {

width:163px;

margin-top:12px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce_intervene.gif);

list-style-position:inside;

} 

.menuliinteragir {

width:450px;

margin-top:12px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce.gif);

list-style-position:inside;

} 

.menuliforest {

width:163px;

margin-top:40px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce_forest_fire.gif);

list-style-position:inside;

}

.menulilogo {

width:161px;

margin-top:12px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce_logo.gif);

list-style-position:inside;

}  

.menuliinteract {

width:163px;

margin-top:12px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce_interact.gif);

list-style-position:inside;

}  



#menu a {

text-decoration:none;

color:#000000;

}

#menu-ludic a {

text-decoration:none;

color:#000000;

}

#menu a:hover {

color:#605a4e;

}

#menu-ludic a:hover {

color:#605a4e;

}

.menu_separateur {

list-style-type:none;

width:163px;

height:1px;

background-color:#605a4e;

overflow:hidden;

}



/*--------------------------------------- Colonne centrale (contenu) ---------------------------------------*/

#contener_zonetexte {

width:371px;

margin-left:20px;

float:left;

overflow:hidden;

}

#contener_zonetexte2 {

width:563px;

margin-left:20px;

float:left;

overflow:hidden;

}

#contener_zonetexte3 {

width:746px;

margin-left:12px;

float:left;

overflow:hidden;

}

#contener_zonetexte_video {

width:746px;

margin-left:12px;

text-align:center;

float:left;

overflow:hidden;

}



/* ACCUEIL */

#bienvenue {

width:371px;

text-align:center;

}

#encadre_global {

width:371px;

margin-top:12px;

background-color:#ffffff;

background-image:url(images/encadrebords.gif);

background-repeat:repeat-y;

overflow:hidden;

}

#encadre_top {

width:371px;

height:10px;

background-image:url(images/textzone_top.gif);

background-repeat:no-repeat;

}

#encadre_bas {

width:371px;

height:10px;

background-image:url(images/textzone_foot.gif);

background-repeat:no-repeat;

float:left;

overflow:hidden;

}

#encadre_textezone {

width:auto;

height:auto;

padding-left:10px;

padding-right:10px;

}

#texte_encadretop {

width:351px;

height:auto;

}

.blocstextes {

width:165px;

float:left;

overflow:hidden;

text-align:justify;

}

.blocstextes2 {

width:175px;

float:left;

overflow:hidden;

text-align:justify;

}

.blocsséparationhaut {

border-top-style:solid;

border-top-width:1px;

border-top-color:#d2d2d2;

margin-top:10px;

padding-top:10px;

width:175px;

float:left;

overflow:hidden;

text-align:justify;

}

.vseparate {

width:21px;

height:180px;

background-image:url(images/vseparate.gif);

background-repeat:repeat-y;

float:left;

overflow:hidden;

}

.vseparate2 {

width:21px;

height:117px;

background-image:url(images/vseparate.gif);

background-repeat:repeat-y;

float:left;

overflow:hidden;

}

#fireorg {

width:351px;

height:150px;

margin-top:0px;

padding-top:10px;

border-top-style:solid;

border-top-width:1px;

border-top-color:#d2d2d2;   

float:left;

}

#whatfireparadox{

width:351px;

height:150px;

margin-bottom:10px;

padding-bottom:10px;

border-bottom-style:solid;

border-bottom-width:1px;

border-bottom-color:#d2d2d2;

float:left;

}


#InternationalConf{

width:351px;

height:auto;

margin-bottom:10px;

padding-bottom:10px;

border-bottom-style:solid;

border-bottom-width:1px;

border-bottom-color:#d2d2d2;

float:left;

}




#fireintuition{

width:351px;

height:115px;

margin-bottom:0px;

padding-bottom:0px;

float:left;

}

#videohome {

width:351px;

height:310px;

margin-top:0px;

margin-bottom:10px;

padding-top:0px;

border-bottom-style: solid;

border-bottom-width:1px;

border-bottom-color:#d2d2d2;

float:left;

text-align:center;

}


#twitterhome {

width:351px;

height:auto;

margin-top:0px;

margin-bottom:0px;

padding-top:0px;

/* border-bottom-style: solid;*/

/* border-bottom-width:1px;*/

/* border-bottom-color:#d2d2d2;*/

float:left;

text-align:center;

}

.tofgauche {

float:left;

margin-right:10px;

margin-bottom:10px;

}

#zoomzone {

width:371px;

float:left;

}

#zoomtitre {

width:371px;

height:26px;

margin-top:12px;

margin-bottom:10px;

padding-left:10px;

font-family:"Trebuchet MS", "Century Gothic", sans-serif;

font-size:20px;

font-weight: bold;

color:#ffffff;

background-image:url(images/cartouche_textzone.gif);

background-repeat:no-repeat;

float:left;

}

/*--------------------------------------- Page jeu/web benevolat---------------------------------------*/

#cadre{

width:563px;

margin-top:10px;

}

/*propriétés communes aux quatres coins*/

#hautgauche, #hautdroit, #basgauche, #basdroit{

height:10px;

width:10px;

background-repeat:no-repeat;

font-size:1px; /*correction du bogue d'EI*/

}

/*propriétés spécifique à chaque coins*/

#hautgauche{

background-image:url(images/zoneimg_top.jpg);

width:563px;

}

#hautdroit{

float:right;

background-image:url(images/hautdroit.jpg);

}

#basgauche{

background-image:url(images/zoneimg_foot.jpg);

width:563px;

}

#basdroit{

float:right;

background-image:url(images/basdroit.jpg);

}

#sciurusave{

width:551px;

height:500px;

border-left:#d2d2d2;

border-right:#d2d2d2;

border-left-style:solid;

border-right-style:solid;

border-width:1px;

padding:5px;

}


#volunteer_cadre{

width:551px;

height:auto;

border-left:#d2d2d2;

border-right:#d2d2d2;

border-left-style:solid;

border-right-style:solid;

border-width:1px;

padding:5px;

}

#slide{

width:551px;

height:550px;

border-left:#d2d2d2;

border-right:#d2d2d2;

border-left-style:solid;

border-right-style:solid;

border-width:1px;

padding:5px;

}


#photo{

width:725px;

height:550px;

border-left:#d2d2d2;
border-right:#d2d2d2;
border-top:#d2d2d2;
border-bottom:#d2d2d2;


border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
border-bottom-style:solid;


border-width:10px;

/*padding:5px;*/

}

#video_gauche{

width:195px;
height:380px;
float:left;
overflow:hidden;
text-align:left;
font-weight:bold;
font-size:12px;
border-right:#d2d2d2;
border-right-style:solid;
border-width:5px;
}

#video{


width:725px;
height:380px;
border-left:#d2d2d2;
border-right:#d2d2d2;
border-top:#d2d2d2;
border-bottom:#d2d2d2;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-width:10px;
/*padding:5px;*/

}

#videoPL{


width:725px;
height:auto;
border-left:#d2d2d2;
border-right:#d2d2d2;
border-top:#d2d2d2;
border-bottom:#d2d2d2;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-width:10px;
/*padding:5px;*/

}

#video_gauchePL{

width:195px;
height:auto;
float:left;
overflow:hidden;
text-align:left;
font-weight:bold;
font-size:12px;
border-right:#d2d2d2;
border-right-style:solid;
border-width:5px;
}

#video_buzz{


width:725px;
height:500px;
border-left:#d2d2d2;
border-right:#d2d2d2;
border-top:#d2d2d2;
border-bottom:#d2d2d2;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-width:10px;

/*padding:5px;*/

}

#video_tours{

width:551px;

height:auto;

border-left:#d2d2d2;

border-right:#d2d2d2;

border-left-style:solid;

border-right-style:solid;

border-width:1px;

padding:5px;

}


#schema
{
width:535px;
height:auto;
/*border-left:#d2d2d2;
border-right:#d2d2d2;
border-top:#d2d2d2;
border-bottom:#d2d2d2;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-width:10px;*/
}

#schema_gauche{

width:250px;
height:auto;
float:left;
overflow:hidden;
text-align:center;
font-weight:bold;
font-size:13px;
border-right-style:solid;
border-right:#d2d2d2;
border-width:5px;
background-color:#e2fae2;     /*  6e8b6e  */
margin-right:10px;
padding-left:10px;
padding-right:10px;
}

#schema_droit{

width:230px;
height:auto;
overflow:hidden;
text-align:center;
font-weight:bold;
font-size:13px;
padding-right:20px;
}

#picture
{
width:720px;
height:auto;
/*border-left:#d2d2d2;
border-right:#d2d2d2;
border-top:#d2d2d2;
border-bottom:#d2d2d2;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-width:10px;*/
}

#picture_gauche{

width:330px;
height:auto;
float:left;
overflow:hidden;
text-align:center;
font-weight:bold;
font-size:13px;
border-right-style:solid;
border-right:#d2d2d2;
border-width:0px;
background-color:#e2fae2;
margin-right:10px;
padding-left:10px;
padding-right:10px;}

#picture_droit{

width:330px;
height:auto;
overflow:hidden;
text-align:center;
font-weight:bold;
font-size:13px;
padding-right:20px;
}

#restoration
{
width:730px;
height:1549px;
/*
border-left:#d2d2d2;
border-right:#d2d2d2;
border-top:#d2d2d2;
border-bottom:#d2d2d2;
border-left-style:solid;
border-right-style:solid;
border-top-style:solid;
border-bottom-style:solid;
border-width:10px;*/
}

#restoration_gauche{

width:335px;
height:auto;
float:left;
overflow:hidden;
text-align:center;
font-weight:bold;
font-size:13px;
border-right-style:solid;
border-right:#d2d2d2;
border-width:5px;
background-color:#e2fae2;
padding-right:10px;
padding-left:10px;
}

#restoration_droit{

width:345px;
height:auto;
overflow:hidden;
text-align:center;
font-weight:bold;
font-size:13px;
padding-left:10px;
padding-right:10px;
}

#webbenevolat{

width:551px;

height:auto;

border-left:#d2d2d2;

border-right:#d2d2d2;

border-left-style:solid;

border-right-style:solid;

border-width:1px;

padding:5px;

}

.jeu_img1{

padding-right:1px;

margin:0;

}

.test{

font-size:14px;

color:#000000;

font-weight: bold;

}

.encadré{

float:left;

margin-top:20px;

width: 150px;

background-color: #fff;

padding: 10px;

border-top: 1px solid #999;

border-right: 2px solid #555;

border-bottom: 2px solid #555;

border-left: 1px solid #999;

}

.menujeu {

width:563px;

margin-top:12px;

margin-bottom:5px;

font-family:"Century Gothic", "Trebuchet MS", sans-serif;

font-size: 13px;

color: #605a4e;

font-weight: bold;

list-style-type:none;

list-style-image:url(images/puce.gif);

list-style-position:inside;

} 

.style1 {

    text-align: center;

}

.style2 {

    text-align: right;

    color: #333333;

}

.style3 {

    text-align: right;

}

.style8 {

    color:#333333;

    background-color:#e5e5e5;

    font-size:12px;

}

/*--------------------------------------- Colonne droite ---------------------------------------*/

#contener_col_droite {

width:172px;

margin-left:20px;

float:left;

margin-top:35px;

}

#actualites {

width:172px;

height:383px;

margin-top:12px;

background-image:url(images/actualites.gif);

background-repeat:no-repeat;

}

#actualitesRSS {

width:172px;

margin-top:12px;

background-image:url(images/cartouche_actus.gif);

background-repeat:no-repeat;

}

#actualites2RSS {

width:163px;

margin-top:12px;

background-image:url(images/cartouche_actus2.gif);

background-repeat:no-repeat;

}

#volunteer {

width:163px;

height:91px;

margin-top:12px;

background-image:url(images/web_benevole3.png);

background-repeat:no-repeat;

}

/*--------------------------------------- Formulaire ---------------------------------------*/

#formulaire{

background-color:#FFFFFF;

width:551px;

font-weight:bold;

text-align:center;

border-left:#d2d2d2;

border-right:#d2d2d2;

border-left-style:solid;

border-right-style:solid;

border-width:1px;

padding:5px;

}

#formulaire2{

background-color:#FFFFFF;

width:551px;

text-align:center;

border-left:#d2d2d2;

border-right:#d2d2d2;

border-left-style:solid;

border-right-style:solid;

border-width:1px;

padding:5px;

}


.messagetitre{

width:auto;

font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;

font-weight:bold;

font-size:16px;

color:#ffffff;

padding-left:5px;

background-color:#f57900;

}

.message{

font-size:12px;

}

/*--------------------------------------- articles de presse ---------------------------------------*/

#coltop{

background-color:#FFFFFF;

width:551px;

border-left:#d2d2d2;

border-right:#d2d2d2;

border-left-style:solid;

border-right-style:solid;

border-width:1px;

padding:5px;

}

#col-G{

padding:10px;

width:249px;

border-right:solid;

border-right-width:1px;

border-color:#5C5C5C;

}

#col-D{

padding:10px;

float:right;

width:250px;

}

.h1g{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:2em;

text-align:justify;

color:#5C5C5C;

padding-left:10px;

padding-right:10px;

}

.pg{

font-size:12px;

text-align:justify;

font-weight:normal;

color:#5C5C5C;

}

.pright{

text-align:right;

color:#426e96;

padding-right:10px;

padding-top:-10px;

padding-bottom:-10px;

}



/*--------------------------------------- Pied de page ---------------------------------------*/

#footer{

clear:both;

background-image:url(images/FireParadox_logo.gif);

background-image:url(images/bg_image3p6.jpg);



width:770px;

height: 200px;




margin-bottom:20px;

}

ul#crédit{

float:right;

text-align:right;

padding-left:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#999999;

text-decoration:none;

list-style-type:none;

border-top-color:#999999;

border-width:thin;

}

ul#créditG{

float:left;

text-align:left;

margin:0;

padding-left:5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

/*color:#999999;*/

color:#ffffff;

text-decoration:none;

list-style-type:none;

border-top-color:#999999;

border-width:thin;

}

.liste{

display:inline;

padding-right:2px;

padding-left:2px;

/*border-right:1px #999999;*/

/*border-right-width:1px;*/

/*border-right-style:solid;*/

}

.dernierliste{

display:inline;

padding-right:2px;

padding-left:2px;

}


.listeG{


padding-right:10px;

padding-left:10px;

border-right:1px #999999;

border-right-width:1px;

border-right-style:solid;

}

.dernierlisteG{


padding-right:10px;

padding-left:10px;

}


#a-footer{

color:#ffffff;

font-weight:normal;

}

#a-footer:hover{

color:#d18044;

background-color: #000000;

font-weight:normal;

}

.a-footer{

color:#ffffff;

font-weight:normal;

}

.a-footer:hover{

color:#d18044;

background-color: #000000;

font-weight:normal;

}


/*--------------------------------------- Vidéo/légende-image ---------------------------------------*/

#vidéo{

float:left;

font-size:10px;

width: 250px;

margin:10px;

background-color: #fff;

padding: 10px;

border-top: 1px solid #999;

border-right: 2px solid #555;

border-bottom: 2px solid #555;

border-left: 1px solid #999;

}

#légende{

float:right;

font-size:10px;

width: 200px;

margin:10px;

background-color: #fff;

padding: 0px;

border-top: 1px solid #999;

border-right: 2px solid #555;

border-bottom: 2px solid #555;

border-left: 1px solid #999;

}

#légende_interview{

float:right;

font:Helvetica, Arial, Verdana, Helvetica, sans-serif;

font-size:11px;

width: 220px;

margin:10px;


background-color: #efece4;

padding: 4px;

border-top: 1px solid #999;

border-right: 2px solid #555;

border-bottom: 2px solid #555;

border-left: 1px solid #999;

}

#légende_interview_print{

float:left;

font:Helvetica, Arial, Verdana, Helvetica, sans-serif;

font-size:11px;

width: 720px;

margin:10px;

background-color: #efece4;

padding: 4px;

border-top: 1px solid #999;

border-right: 2px solid #555;

border-bottom: 2px solid #555;

border-left: 1px solid #999;

}



#légende_print{

float:right;

font-size:10px;

width: 110px;

margin:5px;

background-color: #fff;

padding: 0px;

border-top: 1px solid #999;

border-right: 2px solid #555;

border-bottom: 2px solid #555;

border-left: 1px solid #999;

}

#légende_grandformat{

float:right;

font-size:10px;

width: 530px;

margin:10px;

background-color: #fff;

padding: 10px;

border-top: 1px solid #999;

border-right: 2px solid #555;

border-bottom: 2px solid #555;

border-left: 1px solid #999;

}

/*--------------------------------------- Infobulle ---------------------------------------*/



a.tooltip em {

    display:none;

}

a.tooltip:hover {

    border: 0;

    position: relative;

    z-index: 500;

    text-decoration:none;

}

a.tooltip:hover em {

    font-style: normal;

    display: block;

    position: absolute;

    top: 20px;

    left: -10px;

    padding: 5px;

    color: #000;

    border: 1px solid #bbb;

    background: #ffc;

    width:170px;

}

a.tooltip:hover em span {

    position: absolute;

    top: -7px;

    left: 15px;

    height: 7px;

    width: 11px;

    background: transparent url(image/infobulletop00.gif);

    margin:0;

    padding: 0;

    border: 0;

}



/*--------------------------------------- Menu ---------------------------------------*/



#menu_onglets {

margin:auto;

width:770px;

height:40px;

font-weight: bold;

color: #ffffff;

margin-top:1px;

}

#menu_onglets a {

color: #fba900;

text-decoration:none;

}

#menu_onglets a:hover {

color:#ffffff;

}

.spacer {

width:1px;

height:39px;

float:left;

}

.onglet_127 {

font-weight: bold;

color: #ffffff;

width:127px;

height:39px;

padding-top:12px;

text-align:center;

background-image:url(images/onglet_out_127.gif);

background-repeat:no-repeat;

float:left;

}

.onglet_128{

font-weight: bold;

color: #ffffff;

width:128px;

height:39px;

padding-top:12px;

text-align:center;

background-image:url(images/onglet_out_128.gif);

background-repeat:no-repeat;

float:left;

}

#accesmembers {

      position : relative;

      height : 30px;

      top : 0px;

      left : 80px;

      padding : 10px;

      font-size: 13px;

      }
	  
	  
#form {
margin-left:240px;

}
.imageflottante {
 float: left;
margin-right:10px;
 } 
 
input
{
margin-right:-20px;
}


#socialmedia
{
text-align:center;

width:770px;

background-color:#ffffff;

float:left;

overflow:hidden;

}

#stay_bas
{
float: left;
text-align:center;
margin-left:10px;
}

.conteneur-arrondi{
    margin-top:12px;
	padding:0;
    width:98%;/* determine la largeur de la boite contenue */
    float:left;
    margin:1%;
}

.un      {
    margin:0 4px;
    height:1px;
    background-color:#BFBFBF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}
	
.centrearrondi {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:17px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 1.3em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}

.centrearrondiPRO {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:17px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 0.3em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}

.centrearrondiSUP {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:17px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 6.1em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}

.centrearrondiLOC {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:17px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 7.1em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}

.centrearrondiCHI {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:17px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 5.1em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}

.centrearrondiLUD {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:17px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 3.1em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}


.centrearrondiWHA {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:17px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 4.1em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}

.centrearrondiIC {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 5.2em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}
.centrearrondiICPT{
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 6.5em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}
.centrearrondiFEED {
    font-family:"Trebuchet MS", "Century Gothic", sans-serif;
	font-size:17px;
	font-weight: bold;
	color:#000000;
	text-align:center;
	border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    /*margin:0 1px;*/
    padding:0 2.2em;
    min-height:20px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:20px;
}


.IConf{
 font-family:"Trebuchet MS", "Century Gothic", sans-serif;
 font-size:14px;
 font-weight: bold;
 text-align:center; 
 color:#6e8b6e;
}

.IConfdate{
 font-family:"Trebuchet MS", "Century Gothic", sans-serif;
 font-size:14px;
 font-weight: bold;
 text-align:center; 
 color:#000000;
}

#backIconf{
background-color:#dcdcdc;
}