/*******************************************************************************
  RESET CSS BY ERIC MEYER meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
*******************************************************************************/

html, body, div, span, applet, object, iframe,
, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;} /* remember to define focus styles! */ 

body
{
	line-height: 1;
	color: black;
	background: white;
}

ol, ul
{
	list-style: none;
}



/* ajouter par brice : */
li
{
	background-image: url('../img/arrow.png');
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 2em;
}
/* ------------------- */


table /* tables still need 'cellspacing="0"' in the markup */
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,

q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

/*******************************************************************************
  BODY
*******************************************************************************/

*
{
	margin: 0;
  padding: 0;
}


html 
{
	height: 100%;
	margin-bottom: 1px;
}

body
{ 
    font-family : tahoma, arial, serif;
    font-size : 12px;
    background: url("../img/bg.jpg") repeat-x;
    color: #5f5f5f;
    line-height: 15px;
}

/*******************************************************************************
  TITRES
*******************************************************************************/

h1
{
}

h2
{
    color: #756bc1;
    font-size: 15px;
    margin-bottom: 20px;
}

h2.margin0
{
    margin-bottom: 0px;
}

/*******************************************************************************
  LIENS
*******************************************************************************/

a
{
  color: inherit;
  text-decoration: inherit;
}

/*******************************************************************************
  DIVERS
*******************************************************************************/

.arrow
{
    margin-right: 15px;
    position: relative;
    top: 1px;
}

*:first-child+html .arrow {top: 1px;}

a img {border:none;}

.line
{
    height: 16px;
    width: 481px;
    background: url("../img/line.png") white;
}

/*******************************************************************************
  CONTENT
*******************************************************************************/

#content
{
    background: url("../img/bg2_en.jpg") no-repeat top;
    width: 1220px;
    margin: auto;
    border-top: solid 1px #4d7192;
    padding-bottom: 55px;
    position: relative;
}

#content .homeLink
{
    display: block;
    height: 59px;
    width: 352px;
    position: relative;
    left: 431px;
    top: 33px;
    float: left;
}

/*******************************************************************************
  BOX
*******************************************************************************/

#content #box
{
    width: 214px;
    height: 76px;
    background: url("../img/box/bg3_en.png") no-repeat;
    margin-left: auto;
    position: relative;
    right: 135px;
    float: right;
}


#content #box input
{
    width: 88px;
    border: solid 1px #bcbcbc;
    position: relative;
    top: 26px;
    left: 78px;
    font-size:9px;
    padding: 1px;
}



#content #box .ok
{
    display: block;
    width: 12px;
    height: 9px;
    background: url("../img/box/ok.png");
    position: relative;
    top: 12px;
    left: 178px;
    font-size: 0px;
}

#content #box .ok:hover {background-position : 0px -9px;}

#content #box .fr:hover, #content #box .en:hover {border-bottom:solid 1px #b9b8d6;}
#content #box .fr {position:relative; top:4px; left:47px;}
#content #box .en {position:relative; top:4px; left:67px;}
#content #box .home {position:relative; top:9px; left:107px;}

/*******************************************************************************
  CENTER
*******************************************************************************/

#content .center
{
    width: 950px;
    margin: auto;
    clear: both;
}

/*******************************************************************************
  MENU
*******************************************************************************/

#content #menu
{
    width: 950px;
    margin: auto;
    margin-top: 145px;
    color: white;
    font-weight: bold;
    line-height: 8px;
    font-size: 11px;
    position: relative;
    height: 75px;
}

*:first-child+html #content #menu {line-height: 3px;}
*html #content #menu {line-height: 4px;}

#content a
{
    text-decoration: none;
    color: white;
}

#content #menu a:hover
{
    text-decoration: underline;
}

#content #menu .fleche 
{
    position: relative; 
    bottom:1px; 
    margin-right:8px;
}

#content #menu .the1 {float: none;  width: 247px;}
#content #menu .the2 {width: 195px;}
#content #menu .the3 {width: 136px;}
#content #menu .the4 {width: 110px;}

#content #menu .the1, #content #menu .the2, #content #menu .the3, #content #menu .the4
{
    float: left; 
    margin-right: 63px;
}

#content #menu .title
{
    height: 12px;
    display: block;
    margin-bottom: 2px;
}

#content #menu hr
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    border: none;
    border-top: solid 1px white;
    height: 1px;
    font-size: 0px;
}

*:first-child+html #content #menu hr {margin-bottom: 0px;}
*html #content #menu hr {margin-bottom: 0px;}

*html #content #menu .the1 .title, * html #content #menu .the2 .title, * html #content #menu .the3 .title, * html #content #menu .the4 .title
{
    position: relative;
    z-index: 1;
    background-image: url("blank.gif");
}

*html #content #menu .the1 .title {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menu/en/11.png');}
*html #content #menu .the2 .title {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menu/en/21.png');}
*html #content #menu .the3 .title {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menu/en/31.png');}
*html #content #menu .the4 .title {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menu/en/41.png');}

#content #menu .the1 .title {background:url("../img/menu/en/11.png"); width:247px;}
/*#content #menu .the1 .title:hover {background-position : 0px -12px;}*/

#content #menu .the2 .title {background:url("../img/menu/en/21.png"); width:195px;}
/*#content #menu .the2 .title:hover {background-position : 0px -12px;}*/

#content #menu .the3 .title {background:url("../img/menu/en/31.png"); width:136px;}
/*#content #menu .the3 .title:hover {background-position : 0px -12px;}*/

#content #menu .the4 .title {background:url("../img/menu/en/41.png"); width:110px;}
/*#content #menu .the4 .title:hover {background-position : 0px -12px;}*/



/* ajout par brice pour gerer les titres en on */
#content #menu .the1 .title-on {background:url("../img/menu/en/12.png"); width:247px;}
#content #menu .the2 .title-on {background:url("../img/menu/en/22.png"); width:195px;}
#content #menu .the3 .title-on {background:url("../img/menu/en/32.png"); width:136px;}
#content #menu .the4 .title-on {background:url("../img/menu/en/42.png"); width:110px;}
*html #content #menu .the1 .title-on {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menu/en/12.png');}
*html #content #menu .the2 .title-on {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menu/en/22.png');}
*html #content #menu .the3 .title-on {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menu/en/32.png');}
*html #content #menu .the4 .title-on {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='img/menu/en/42.png');}
*html #content #menu .the1 .title-on, * html #content #menu .the2 .title-on, * html #content #menu .the3 .title-on, * html #content #menu .the4 .title-on
{
    position: relative;
    z-index: 1;
    background-image: url("blank.gif");
}
#content #menu .title-on
{
    height: 12px;
    display: block;
    margin-bottom: 2px;
}
/* -------------------------------------------- */



/*

#image {
    background:  url(image.png) no-repeat;
    width: nnpx;
    height: mmpx;
}
 
/*--- gestion transparence des png pour IE ---   
* html #image 
{
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image.png", sizingMethod="scale");
}


*/


/*******************************************************************************
  HOME
*******************************************************************************/

#content .center #home
{
    margin-top: 25px;
}

#content .center #home .leftbloc
{
    width: 705px;
    height: 411px;
    background: url("../img/home/leftbloc/bg_en.png") no-repeat;
    position: relative;
    right: 13px;
}

*html #content .center #home .leftbloc
{
    width: 711px;
    height: 411px;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/home/leftbloc/bg_en.png', sizingMethod='image');
}



.homeLink1
{
    display: block;
    position: relative;
    bottom: 145px;
    left: 30px;
    height: 192px;
    width: 180px;
}

*:first-child+html .homeLink1 {left:-425px; bottom: 174px;}
*html .homeLink1 {left:-425px; bottom: 174px;}

.homeLink2
{
    display: block;
    position: relative;
    bottom: 337px;
    left: 260px;
    height: 190px;
    width: 180px;
}

*:first-child+html .homeLink2 {left:258px; bottom:366px;}
*html .homeLink2 {left:258px; bottom:366px;}

#content .center #home .leftbloc .bloc1, #content .center .leftbloc .bloc2, #content .center .leftbloc .bloc3, .michel
{
    width: 170px;
    float: left;
    position: relative;
    top: 75px;
    left: 40px;
    color: #555555;
    line-height: 15px;
    font-size: 11px;
}



#content .center #home .leftbloc .bloc1 {margin-right: 50px;}
#content .center #home .leftbloc .bloc2 {margin-right: 68px;}

#content .center #home .leftbloc .illustration
{
    width: 145px;
    height: 174px;
    position: relative;
    left: 512px;
    top: 43px;
}

#content .center #home .leftbloc .bloc1 a, #content .center .leftbloc .bloc2 a, #content .center .leftbloc .bloc3 a 
{ color: #555555;}

#content .center #home .leftbloc .autresconseils
{
  display: block;
  width: 225px;
  height: 40px;
  background: url("../img/home/leftbloc/autresconseils_en.png") no-repeat;
  font-size: 0px;
  position: relative;
  left: 472px;
  top: 184px;
}

*:first-child+html #content .center #home .leftbloc .autresconseils {top: 185px;}

#content .center #home .leftbloc .autresconseils:hover {background-position: 0px -40px;}

#content .center #home .rightbloc
{
    float: right;
    margin-top: 8px;
    width: 225px;
    color: #797979;
    font-size: 11px;
    line-height: 13px;
}

#content .center #home .rightbloc .chapeau
{
    height: 133px;
    width: 206px;
    background: url("../img/home/rightbloc/chapeau_en.png") no-repeat;
    margin-bottom: 6px;
    display: block;
}

* html #content .center #home .rightbloc .chapeau
{
    width: 206px;
    height: 133px;
    background: none;
    display: block;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/home/rightbloc/chapeau_en.png', sizingMethod='image');
}


#content .center #home .rightbloc .rss
{
    margin-top: 5px;
}

#content .center #home .rightbloc .rss a
{
    color: #5a4fad;
    font-weight: bold;
}

#content .center #home .rightbloc .rss a:hover
{
    text-decoration: underline;
}

#content .center #home .rightbloc .voirleblog
{
  display: block;
  width: 77px;
  height: 11px;
  background: url("../img/home/rightbloc/voirleblog_en.png") no-repeat;
  margin-top: 15px;
  font-size: 0px;
}

#content .center #home .rightbloc .voirleblog:hover {background-position: 0px -11px;}

#content .center #home .rightbloc #lacharte
{
    width:198px;
    height:59px;
    margin-top: 8px;
}


/*******************************************************************************
  TEMPLATE1
*******************************************************************************/

#template1
{
    font-size: 13px;
    line-height: 18px;
    margin-top: 40px;
}

#template1 h1
{
    margin-bottom: 15px;
}

#template1 .line
{
    margin-bottom: 15px;
    position: relative;
    right: 50px;
}

#template1 .leftbloc
{
   width: 160px;
   float: left;
}

#template1 .rightbloc585
{
    margin-left: 180px;
    padding-top: 30px;
    width: 585px;
}

#template1 .rightbloc735
{
    margin-left: 180px;
    padding-top: 30px;
    width: 735px;
}

#template1 p
{
    margin-bottom: 20px;
}

#template1 p.last
{
    margin-bottom: 0px;
}

#template1 a
{
    color: #756bc1;
}

#template1 a:hover
{
    text-decoration: underline;
}

/* pictos en haut à gauche - seconde ligne pour ie6 PNG24 support */
#template1 .picto1 {width:160px; height:140px; background:url("../img/pictos/1.png");}
*html #template1 .picto1 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pictos/1.png', sizingMethod='image');}

#template1 .picto2 {width:160px; height:140px; background:url("../img/pictos/2.png");}
*html #template1 .picto2 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pictos/2.png', sizingMethod='image');}

#template1 .picto3 {width:160px; height:140px; background:url("../img/pictos/3.png");}
*html #template1 .picto3 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pictos/3.png', sizingMethod='image');}

#template1 .picto4 {width:160px; height:140px; background:url("../img/pictos/4.png");}
*html #template1 .picto4 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pictos/4.png', sizingMethod='image');}

#template1 .picto5 {width:160px; height:140px; background:url("../img/pictos/5.png");}
*html #template1 .picto5 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pictos/5.png', sizingMethod='image');}

#template1 #sommaire, #template1 #sommaire2
{
    background: url("../img/sommaire_bg.gif") bottom no-repeat;
    height: 236px;
    width: 735px;
    position: relative;
    right: 118px;
    padding-left: 135px;
    line-height: 12px;
    margin-bottom: 20px;
}

*html #template1 #sommaire,*html #template1 #sommaire2 {line-height: 8px;}
*:first-child+html #template1 #sommaire,*:first-child+html #template1 #sommaire2 {line-height: 8px;}

.aVoir
{
    width: 250px;
    border: solid 1px black;
    color: red;
    float: left;
}

.aVoiraLireSep
{
    width: 50px;
    float: left;
}

.aLire
{
    width: 250px;
    float: left;
    border: solid 1px black;
    color: blue;
}

#template1 #sommaire2 { height: 165px; margin-bottom: 23px;}

*html #template1 #sommaire, #template1 #sommaire2 {width:632px;}
*html #template1 #sommaire a, #template1 #sommaire2 a {line-height: 23px;}

#template1 #sommaire a, #template1 #sommaire2 a {color: #5f5f5f;}

.btn_retourhautdepage
{
    float: right;
    display: block;
    width: 161px;
    height: 36px;
    position: relative; 
    top: 2px;
    background: url("../img/btn_retourhautdepage_en.png") no-repeat;
}

*:first-child+html .btn_retourhautdepage {top:-10px;}
*html .btn_retourhautdepage {top:-10px;}

.btn_retourhautdepage:hover {background-position: 0px -36px;}

p.list
{
    line-height: 23px;
}

.flash
{
    width: 360px;
    height: 520px;
    float: right;
    background: url("../img/flash.png");
}

#template1 .engagement
{
    margin-top: 80px;
    line-height: 15px;
}

#template1 .engagement .arrow, #template1 .engagementFirst .arrow, .summaryList .arrow, .AlireAvoir .arrow{margin-right:0px;}

#template1 .engagementFirst
{
    margin-top: 120px;
    line-height: 15px;
}

#template1 .engagement .text, #template1 .engagementFirst .text, .summaryList .text, .AlireAvoir .text
{
    float: right;
    width: 708px;
}

.AlireAvoir b {color: #756bc1;}


#template1 .engagement .line, #template1 .engagementLast .line, #template1 .engagementFirst .line
{
    margin-top: 15px;
}

#template1 .engagementFirst {margin-top: 40px;}

/*******************************************************************************
  CONTACT
*******************************************************************************/

.contactForm p
{
    margin-bottom: 50px;
}

.contactForm label
{
    color: #756bc1;
    font-size: 15px;
    font-weight: bold;
    position: relative; 
    top: 5px;
}

.contactLeftBloc input, .contactRightBloc input
{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #cacac3;
    float: right;
    width: 120px;
    padding-left: 3px;
}

.contactLeftBloc select
{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #cacac3;
    float: right;
    width: 125px;
}

.contactRightBloc textarea
{
    font-family: tahoma;
    font-size: 11px;
    padding-top: 5px;
    padding-left: 3px;
    padding-bottom: 5px;
    border: 1px solid #cacac3;
    float: right;
    position: relative; 
    bottom: 18px;
}

.contactFormBtn
{
    float: right;
    position: relative;
    bottom: 15px;
    right: 30px;
}

.contactFormLine
{
    text-align: center;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 150px;
}

.contactAlert
{
    color: #5f5f5f;
    font-size: 10px;
}


.contactForm p.objet select
{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #cacac3;
    width: 518px;
    margin-left: 25px;
    position: relative; 
    top: 5px;
}

.contactRightBloc select
{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #cacac3;
    width: 400px;
}

.contactLeftBloc
{
    width: 265px;
    float: left;
}

.contactRightBloc
{
    width: 400px;
    margin-left: 305px;
}

/*******************************************************************************
  ENVOYER A UN AMI
*******************************************************************************/

.envoyerLeftBloc
{
    width: 300px;
    float: left;
}

.envoyerRightBloc
{
    width: 300px;
    margin-left: 430px;
}

.envoyerLeftBloc input, .envoyerRightBloc input
{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #cacac3;
    float: right;
    width: 120px;
    padding-left: 3px;
}

/*******************************************************************************
  TEMOIGNAGES
*******************************************************************************/

#temoignages .left
{
    float: left;
    width: 360px;
}

#temoignages .bloc
{
    margin-bottom: 50px;
}

#temoignages .left .bloc .arrow
{
    margin-right: 0px;
}

#temoignages .left .bloc .text
{
    float: right;
    width: 335px;
}

#temoignages .left .bloc .text a
{
    color: #5f5f5f;
}

#temoignages .left .bloc .signature
{
    color: #5a4fad;
}

#temoignages .left .bloc .line
{
    position: relative;
    right: 90px;
}

#temoignages .left .bloc .btn_plusdetemoignages
{
    display: block;
    height: 24px;
    width: 111px;
    background: url("../img/btn_plusdetemoignages_en.png");
    float: right;
    margin-right: 20px;
    margin-bottom: 10px;
}

#temoignages .left .bloc .btn_voirlavideo
{
    display: block;
    height: 24px;
    width: 106px;
    background: url("../img/btn_voirlavideo_en.png");
    float: right;
    margin-bottom: 10px;
}

#temoignages .right
{
    width: 360px;
    margin-left: 410px;
    /*height: 500px;*/    /* <- brice */
}

#temoignages .right .btn_retourtemoignages
{
    display: block;
    height: 36px;
    width: 150px;
    background: url("../img/btn_retourtemoignages_en.png");
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

#temoignages .right .btn_temoignagesecoute
{
    display: block;
    height: 36px;
    width: 227px;
    background: url("../img/btn_temoignagesecoute_en.png");
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

#temoignages .right .btn_temoignagesgestion
{
    display: block;
    height: 36px;
    width: 251px;
    background: url("../img/btn_temoignagesgestion_en.png");
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

#temoignages .right .btn_temoignagesdetection
{
    display: block;
    height: 36px;
    width: 233px;
    background: url("../img/btn_temoignagesdetection_en.png");
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

/*******************************************************************************
  QUEL JOUEUR ETES VOUS
*******************************************************************************/

.queljoueur_sefaireaider
{
    height: 19px;
    width: 104px;
    display: block;
    background: url("../img/btn_sefaireaider.png");
}

.queljoueur_telechargerversion
{
    float: right;
    height: 19px;
    width: 220px;
    display: block;
    background: url("../img/btn_telechargerversion.png");
}

/*******************************************************************************
  aLireAVoir
*******************************************************************************/

#aLireAVoir #sommaire
{
    height: 190px;
    z-index: 5;
}

#aLireAVoir #sommaire h2
{
    position: relative;
    right: 16px;
}

#aLireAVoir #sommaire .arrow
{
    margin-right: 15px;
}

#aLireAVoir #sommaire .left
{
    float: left;
    width: 270px;
}

#aLireAVoir #sommaire .sep
{
    float: left;
    position: relative;
    bottom: 8px;
    margin-left: 0px;
    margin-right: 40px;
}

#aLireAVoir #sommaire .right
{
    float: left;
    width: 270px;
}

#aLireAVoir .arrow
{
    margin-right: 0px;
}

#aLireAVoir .text
{
    float: right;
    width: 705px;
}

#aLireAVoir .text .titre
{
    color: #5a4fad;
}



.mytheBloc
{
    clear: both;
    margin-bottom: 80px;
}

/*******************************************************************************
  CHOISIR INTERDICTION
*******************************************************************************/

.choisir_onglet 
{
	height:52px;
	width: 735px;
}

.interdiction_france 
{
	float:left;
}

.interdiction_belgique 
{
	float:left;
}

.interdiction_UK 
{
	float:left;
}

.interdiction_suisse 
{
	float:left;
}

/*******************************************************************************
  FOOTER
*******************************************************************************/

#footer
{
    background: url("../img/footer/footer_bg.gif") repeat-x top;
    color: #3a5265;
    font-size: 11px;
    clear: both;
    padding-top: 20px;
    padding-bottom: 12px;
    width: 100%;
    margin: auto;
}

#footer a
{
    text-decoration: none;
    color: #3a5265;
}

#footer .center
{
    width: 950px;
    margin: auto;
    position: relative;
}

#footer .center .point
{
    color: #594fad;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 11px;
}

#footer .center a:hover
{
    color: #5a4fad;
}

.violet { color: #5a4fad; }

#footer .center img
{
    margin-left: 17px;
}

#footer .center img.lb {margin-left: 40px;}

#footer .center .logotypes
{
    float: right;
    height: 91px;
}

#footer .center .textes
{
    height: 51px;
    padding-top: 41px;
}