@charset "utf-8";
/*
.png{
	behavior: url("css/win_png.htc");
	zoom:1;
}
*/
#adresse{float:left;width:200px;margin-left:100px;}
#adresse h1{font-size:14px;font-family:Arial, Helvetica, sans-serif;}
/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
  __|__ __| |  |  __|__ __| |  | _ \ __|   _ \  |  |    __|_ _|__ __| __|
\__ \   |   |  | (      |   |  |   / _|    |  | |  |  \__ \  |    |   _| 
____/  _|  \__/ \___|  _|  \__/ _|_\___|  ___/ \__/   ____/___|  _|  ___|
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
#texte2{ padding:25px 15px 0 35px; text-align:justify; float:left; width:650px; }

#contenu .titre-bleu{
color:#0066cc;
font:bold 24px Arial, Helvetica, sans-serif;}

#contenu .texte-bleu{
color:#003399;}

#contenu .texte-orange{
color:#e99a48;}

#contenu .titre-orange{
color:#e99a48;
font:bold 20px Arial, Helvetica, sans-serif;}

.partage-tableau-besoin{
font:bold 13px Arial, Helvetica, sans-serif;
color:#e99a48;
margin-left:25px;}

html #contact{
float:left; padding:0 0 0 25px;
}
#formulaire_contact{width:315px;}
#contact #formulaire_contact a{color:#FFFFFF;}
#contact #formulaire_contact .form_ligne{margin-bottom:6px;  width:150px;}
#formulaire_contact  label{
color:#666666
display:block;
font-weight:bold;
}

#contact #formulaire_contact input{width:150px;}
#contact #formulaire_contact textarea{ }
#contact #formulaire_contact label{font-weight:bold;}
/**/

body{
background:url(../images_2009/bg.jpg) top center no-repeat #FFFFFF;
margin:0;
padding:0;
font: normal 12px Arial, Helvetica, sans-serif;
}


#main{
width:881px;
margin:0 auto;
/*background-color:#00FF00;*/
height:800px;
/*margin-top:6px;
padding-top:70px;
border:2px solid #6633FF;*/
position:relative;

/*border:1px solid white;*/
}

a{
text-decoration:none
}

.clear{clear:both; height:0; line-height:0; font-size:0;}

/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
 |  | __|   \   _ \  __| _ \
 __ | _|   _ \  |  | _|    /
_| _|___|_/  _\___/ ___|_|_\
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

#header{
/*background-color:#CC66;*/
height:70px;/*77-7*/
width:882px;
padding-top:7px;
zoom:1;
/*margin-top:-67px;
float:left;
display:block;
background:url(../images_2009/header-bg.png) repeat-x bottom left;
overflow:auto;
position:absolute;*/
/*z-index:10;
border:1px solid #FF0000;*/
top:1px;
left:0;
}

#bloc_droite{
	float:right;
	/*IE6*/
	width:495px;/*495 488*/
}

#header #link{
	 color:#006ede;
	 font-size:10px;
	 height:30px;/*40*/
	 padding-top:10px;
	 text-align:right;
}

#header #link a{
	color:#006ede;
	font-size:10px;
}

#header #link a:hover{text-decoration:underline;}

ul#menu_top{
	float:right;
	margin:0; 
	padding:0;
}

ul#menu_top li{
	list-style:none;
	margin:0; 
	padding:0;
	float:left;
}

ul#menu_top a{
	background:url(../images_2009/bg_menu_top.png) repeat-x top left;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	display:block;
	height:21px;
	padding:8px 11px 0 11px; 
}

ul#menu_top a:hover{
	background:url(../images_2009/bg_menu_top_survol.gif) repeat-x top left;
}

html a#active {background:url(../images_2009/bg_menu_top_survol.gif) repeat-x top left;}

/* POUR IE6, on spcifie les width */
.menu-1{width:103px;float:left;}
.menu-2{width:80px;float:left;}
.menu-3{width:101px;float:left;}
.menu-4{width:130px;/*125*/float:left;}
.menu-5{width:75px;float:left;}

/* POUR IE6, on spcifie les width */
.en-menu-1{width:103px;float:left;}
.en-menu-2{width:60px;float:left;}
.en-menu-3{width:55px;float:left;}
.en-menu-4{width:90px;/*125*/float:left;}
.en-menu-5{width:75px;float:left;}
/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
  __|  _ \   \ |__ __| __|  \ | |  |   _ \  |  |    __|_ _|__ __| __|
 (    (   | .  |   |   _|  .  | |  |   |  | |  |  \__ \  |    |   _| 
\___|\___/ _|\_|  _|  ___|_|\_|\__/   ___/ \__/   ____/___|  _|  ___| 
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

#projecteur{
height:395px;
/*background-color:#FF0000;
margin-top:75px;*/
}

/*
===============================
LES 3 BLOC DE LA PAGE D'ACCEUIL
===============================
*/

#icones{
background:url(../images_2009/icones-bg.png) bottom left no-repeat;
height:209px;}

.bloc-icone{
width:270px;
height:140px;
float:left;
/*margin-top:40px;*/
padding-top:40px;
}
.icone01{
background:url(../images_2009/1.png) top right no-repeat;
padding-left:15px;/*margin-left:15px;*/
}
.icone02{
background:url(../images_2009/2.png) top right no-repeat;
/*margin-left:20px;*/
padding-left:20px;
}
.icone03{
background:url(../images_2009/3.png) top right no-repeat;
/*margin-left:25px;*/
padding-left:25px;
}
.bloc-icone h1 {
font:bold 12px Arial, Helvetica, sans-serif;
}
.bloc-icone h1 a{
color:#17aaf8;
text-decoration:none;
}
.bloc-icone .resume{
width:180px;
font:normal 10px Arial, Helvetica, sans-serif;
min-height:50px;
height:auto !important;
height:50px;
color:#908e8f;
}
.bloc-icone .resume a{
color:#908e8f;
text-decoration:none
}
.enSavoirPlus {color:#8f8d8e;margin-right:95px;
text-decoration:none;
font:bold 11px Arial, Helvetica, sans-serif;
float:right;
}

.bloc-icone h2{margin-top:50px;color:#2281e2; font:bold 12px Arial, Helvetica, sans-serif;
text-align:center;}
.bloc-icone h2 a{color:#2281e2;}

/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
 __| _ \   _ \__ __| __| _ \
 _| (   | (   |  |   _|    /
_| \___/ \___/  _|  ___|_|_\
=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

#listeDeLiens{text-align:center;color:#343434;font:normal 12px Arial, Helvetica, sans-serif;margin:15px 0 10px 0;clear:both;}
#listeDeLiens a{color:#343434;}
#listeDeLiens a:hover{text-decoration:underline;}

#floatRight{float:right;}

#bloc-footer{
background:url(../images_2009/footer-bg.png) no-repeat top left;
height:auto !important;
min-height:110px;
height:110px;
}

#recompense{
padding:15px 0 0 15px;/*margin:15px 0 0 15px;*/
width:670px;
float:left;
}
#liste-recompense{margin-top:10px;}
#payement-paypal{
float:left;
margin:15px 15px 0 0;
text-align:center;
width:180px;
}

#logo-paypal{padding-top:15px;/*width:180px;*/}

#signature{
color:#797979;
clear:both;
margin-top:15px;
padding:0 0 15px 0;
font:normal 11px Arial, Helvetica, sans-serif;
}

#signature a{color:#797979;
text-decoration:none;
}

#plan{
color:#797979;
text-align:center;
}

#plan a{
color:#797979;
}

#signature a:hover,
#plan a:hover
{text-decoration:underline;}

#conditions-liens{float:right;
width:250px;
margin-right:5px;
}
/*=====================================

 B L O C     D E    C O N T E N U

=====================================*/
#description-rubrique{
padding:0 15px;
color:#333333;
}

#bloc-contenu{
width:701px;/*701*/
padding:20px 0 10px 0;
float:left;}

#titre-section{margin:12px 0 0 15px;}

#titre-section-texte{
color:#666666;
font-size:24px;}

.titre-section-separateur{
font-size:20px;
}

#titre-section-ss-texte{
color:#999999;
font-size:24px;
}

#contenu{
background:url(../images_2009/bg_contenu.jpg) top right no-repeat;
min-height:450px;
height: auto !important;
height:450px;
/*border-top:1px solid #8f8f8f;*/
}

#portfolio-contenu{
min-height:450px;
height; auto !important
height:450px;
padding:25px 0 0 0;
}

#hierarchie {margin-left:15px;}

#hierarchie,
#hierarchie a{
color:#666666;
font-size:11px;
}
/*=====================================

P O R T F O L I O  

=====================================*/
.logo-reference{
width:155px;
float:left;
margin:0 0 20px 15px;
}

.logo-reference img{
border:1px solid #666666;
}

.logo-reference h1{
background:url(../images_2009/portfolio-titre-vignette-bg.gif) repeat-x top left;
color:#666666;
margin:0;
padding:5px;
font: normal 11px Arial, Helvetica, sans-serif;}

.logo-reference h1 a{
color:#666666;
font: normal 11px Arial, Helvetica, sans-serif;}

.pagination{
text-align:center;
padding:10px;
clear:both;
}

#appercu { margin:20px 0 10px 0; float:left;/*width:689px;*/ padding:0 0 0 105px;}
#rea { background:url(../images_2009/bg_rea.gif) no-repeat; width:137px; height:105px; padding:15px 0 0 19px; float:left; }
#texte-port { margin:0 0 0 10px; float:left; width:500px; text-align:justify; }
/*=====================================

M E N U 

=====================================*/
#bloc-menu{width:180px;
background-color:#FFFFFF;
float:left;
}


#secteur-titre{background-color:#17a9f8;color:#FFFFFF;padding:17px 20px;font-size:13px;font-weight:bold;margin:0 4px 4px 4px;}

#bloc-menu ul{background-color:#FFFFFF;margin:0;padding:0 0 0 3px;}
#bloc-menu ul li {margin:0;list-style-type:none;background:url(../images_2009/menu-normal-bg.gif) no-repeat top left;}
#bloc-menu ul li a {color:#666666; font:normal 11px arial;}
#bloc-menu ul li a.titre-rubrique{padding:6px 0 0 10px;min-height:25px;height:auto !important;height:25px;display:block;}
#bloc-menu ul li a:hover{text-decoration:none;}
#bloc-menu ul li.on {background:url(../images_2009/menu-expose-bg.gif) no-repeat top left;}
#bloc-menu ul ul li.on {background:url(../images_2009/menu-bg-sous-menu.gif) no-repeat  0px 10px;}

#bloc-menu ul li.on a {color:#FFFFFF;}
#bloc-menu ul li.on li a {color:#666666}
#bloc-menu ul ul li.on a{color:#666666}


#bloc-menu ul ul {margin:0;padding:5px;}
#bloc-menu ul ul li{margin:0;background:none;padding:5px 0 5px 10px;}
/**/

#texte { padding:25px 15px 0 15px; text-align:justify; float:left; width:440px; }

#plan-liste{}
#plan-liste h1 a{color:#333333;font-size:15px;}
#plan-liste li h2 a{color:#003399;font-size:13px;}
#plan-liste li li h2 a{color:#FF9900;font-size:11px;}
#plan-liste li li li h2 a{color:#000000;font-size:11px;font-weight:normal;}
#plan-liste li li li,
#plan-liste li li ,
#plan-liste li  {margin:5px auto;
line-height:5px;}

html .article-liste h1 a{
color:#0066CC;
font-size:14px;
}
html .article-liste a{
color:#333333;
}