@charset 'UTF-8';
/* CSS TeamCo Creative Agency */

/*//////////////////////////////////////////////////////////////////////////////////////////Style de la page///*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:16px;
	color:#333333;
	margin: 20px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17pt;
	line-height:22px;
	color:#333333;
}

/*///////////////////////////Style de la page - Titres///*/

h1 {
	font-family: Myriad Roman, Myriad, Myriad Pro;
	font-size:22pt;
	line-height:30px;
	color:#cc3399;
	font-weight:lighter;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:lighter;
}
h2 {
	font-family: Myriad Roman, Myriad, Myriad Pro;
	font-size:19pt;
	line-height:22px;
	color:#cc3399;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
	font-weight:lighter;
	background-color:#ececec;
	padding-left:2px;
	padding-top:2px;
}
h3 {
	font-family: Myriad Roman, Myriad, Myriad Pro;
	font-size:16pt;
	line-height:16px;
	color:#333333;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:2px;
	font-weight:lighter;
}

h4 {
	font-family:Arial, Helvetica, Myriad, sans-serif;
	font-size:16pt;
	line-height:20px;
	color:#333333;
	font-weight:normal;
	margin-bottom:22px;
}

h5 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:16pt;
	line-height:20px;
	color:#333333;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:0px;
	font-weight:bold;
}

h6 {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:16pt;
	line-height:20px;
	color:#F60;
	font-weight:normal;
	margin-top:30px;
	margin-bottom:0px;
}


/*//////////////////////////////////////////////////////////////////////////////////////////Classes///*/

/*///////////////////////////Classes - encarts///*/
 
 .partenaire {
	font-family:Arial, Helvetica, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	padding-left:2px;
}
.votre_espace {
	font-family:Arial, Helvetica, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	padding-left:2px;
}
.nouveaute {
	font-family:Arial, Helvetica, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	padding-left:2px;
}
.realisations {
	font-family:Arial, Helvetica, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	padding-left:2px;
}
.temoignages {
	font-family:Arial, Helvetica, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	padding-left:2px;
}

/*///////////////////////////Classes - accueil centre///*/

.texte_grand {
	font-family:Arial, Helvetica, Myriad, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#333333;
}
.texte_granditalic {
	font-family:Arial, Helvetica, Myriad, sans-serif;
	font-size:16px;
	line-height:20px;
	color:#333333;
	font-style: italic;
}
.texte_rose {
	font-family:Arial, Helvetica, Myriad, sans-serif;
	font-size:15pt;
	line-height:18px;
	font-weight:bold;
	color:#cc3399;
}

/*///////////////////////////Classes - validation///*/

.validation {
	font-family:Arial, Helvetica, Myriad, sans-serif;
	font-size:12px;
	line-height:14px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////Layers///*/

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:60px;
	z-index:1;
	background-image:url(../images/design/rpt_topup.png);
	background-repeat: repeat-x;
	display:none;
}

#conteneur {
	position:absolute;
	top:15px;
	width:1000px;
	height:810px;
	z-index:1;
}
#contenu {
	position:absolute;
	left:10px;
	top:205px;
	width:900px;
	height:450px;
	z-index:100;
	margin:auto;
}
#layer {
	position:absolute;
	left:311px;
	top:126px;
	width:130px;
	height:166px;
	z-index:4;
	padding-top:15px;
	background-color:#5e5e5e;
	display:none;
}

/*///////////////////////////Layers - bannières///*/

#banniere {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:130px;
	z-index:2;
	background-image:url(../images/design/top/banniere.jpg);
	background-repeat:repeat-x;
	display:none;
}

#logo {
	position:relative;
	left:35px;
	top:15px;
	width:180px;
	height:105px;
	z-index:3;
	background-image:url(../images/design/top/logo.png);
	background-repeat:no-repeat;
	visibility:visible;
}

#logo_print {
	position:relative;
	left:80px;
	top:-70px;
	width:180px;
	height:105px;
	z-index:3;
	background-image:url(../images/design/top/logo_noir.jpg);
	background-repeat:no-repeat;
}

#sucre_orge {
	position:absolute;
	left:0px;
	top:130px;
	width:1000px;
	height:20px;
	z-index:1;
	background-image:url(../images/design/top/sucre_orge.jpg);
	background-repeat:no-repeat;
	display:none;
}

/*///////////////////////////Layers - encart gauche///*/

#menuGauche {
	display:none;
}
#nouveaute {
	position:relative;
	left:10px;
	top:115px;
	width:155px;
	height:200px;
	z-index:2;
	display:none;
}
#realisation {
	position:absolute;
	left:10px;
	top:460px;
	width:155px;
	height:195px;
	z-index:2;
	display:none;
}

/*///////////////////////////Layers - encart droite///*/

#partenaire {
	position:absolute;
	left:825px;
	top:219px;
	width:160px;
	height:145px;
	z-index:2;
	display:none;
}

#temoignages {
	position:absolute;
	left:825px;
	top:400px;
	width:160px;
	height:120px;
	z-index:3;
	display:none;
}

/*///////////////////////////Layers - votre espace///*/

#votre_espace {
	position:absolute;
	left:825px;
	top:400px;
	width:160px;
	height:120px;
	z-index:3;
	display:none;
}

/*///////////////////////////Layers - boutons///*/

#accueil {
	position:absolute;
	left:238px;
	top:101px;
	width:73px;
	height:28px;
	z-index:5;
	background-image:url(../images/design/boutons/accueil.jpg);
	background-repeat:no-repeat;
	text-align:center;
	display:none;
}
#idfresh {
	position:absolute;
	left:495px;
	top:101px;
	width:84px;
	height:28px;
	z-index:5;
	background-image:url(../images/design/boutons/service.jpg);
	background-repeat:no-repeat;
	text-align:center;
	display:none;
}
#services {
	position:absolute;
	left:311px;
	top:101px;
	width:84px;
	height:28px;
	z-index:5;
	background-image:url(../images/design/boutons/service.jpg);
	background-repeat:no-repeat;
	text-align:center;
	display:none;
}
#smenu {
	position:absolute;
	left:312px;
	top:123px;
	width:120px;
	height:auto;
	z-index:5;
	text-align:left;
	background-color:#666666;
	padding-top:15px;
	display:none;
}
#references {
	position:absolute;
	left:396px;
	top:101px;
	width:100px;
	height:28px;
	z-index:5;
	background-image:url(../images/design/boutons/references.jpg);
	background-repeat:no-repeat;
	text-align:center;
	display:none;
}
#team {
	position:absolute;
	left:578px;
	top:101px;
	width:58px;
	height:28px;
	z-index:5;
	background-image:url(../images/design/boutons/team.jpg);
	background-repeat:no-repeat;
	text-align:center;
	display:none;
}
#contact {
	position:absolute;
	left:635px;
	top:101px;
	width:83px;
	height:28px;
	z-index:5;
	background-image:url(../images/design/boutons/contact.jpg);
	background-repeat:no-repeat;
	text-align:center;
	display:none;
}

/*///////////////////////////Layers - W3C///*/

#check_qualite {
	position:absolute;
	left:825px;
	top:585px;
	width:160px;
	height:70px;
	z-index:2;
	line-height:14px;
	display:none;
}

/*///////////////////////////Layers - Pied de Page///*/

#bottom {
	position:absolute;
	left:210px;
	top:auto;
	width:650px;
	height:60px;
	margin-top:60px;
	z-index:4;
	text-align:center;
}
#footer {
	position:relative;
	left:5px;
	top:5px;
	width:650px;
	height:18px;
	z-index:3;
	text-align:center;
	font-family: Myriad Roman, Myriad, Myriad Pro;
	font-size:12pt;
	color:#000000;
	font-weight:lighter;
	display:none;
}
#copyright {
	position:absolute;
	left:81px;
	top:20px;
	width:490px;
	height:15px;
	z-index:3;
	text-align:center;
	font-family: Myriad Roman, Myriad, Myriad Pro;
	font-size:10pt;
	color:#000000;
	font-weight:lighter;
}
#nav_bottom {
	position:relative;
	left:180px;
	top:15px;
	width:210px;
	height:25px;
	z-index:3;
	text-align:center;
	display:none;
}

/*///////////////////////////Layers - Pied de Page Print///*/

#bottom_print {
	position:absolute;
	left:-50px;
	top:auto;
	width:650px;
	height:60px;
	margin-top:60px;
	z-index:4;
	text-align:center;
}
#footer_print {
	position:relative;
	left:5px;
	top:5px;
	width:650px;
	height:18px;
	z-index:3;
	text-align:center;
	font-family: Myriad Roman, Myriad, Myriad Pro;
	font-size:12pt;
	color:#000000;
	font-weight:lighter;
}
#copyright_print {
	position:absolute;
	left:81px;
	top:20px;
	width:490px;
	height:15px;
	z-index:3;
	text-align:center;
	font-family: Myriad Roman, Myriad, Myriad Pro;
	font-size:10pt;
	color:#000000;
	font-weight:lighter;
}
#nav_bottom_print {
	position:relative;
	left:180px;
	top:15px;
	width:210px;
	height:25px;
	z-index:3;
	text-align:center;
	display:none;
}

/*////////////////////////////////////////////////////////////////////////////Layers - DOWN///*/
#down {
	position:fixed;
	left:0px;
	top:90%;
	width:100%;
	height:400px;
	z-index:60;
	background-image:url(../images/design/rpt_down.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#f2f2f2;
	display:none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////Liens///*/	
	
a:link {
	font-family:Arial, Helvetica, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	line-height:20px;
}
a:hover {
	font-family:Arial, Helvetica, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	text-decoration:none;
	line-height:20px;
}
a:visited {
	font-family:Arial, Helvetica, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:none;
	line-height:20px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////Liens///*/	
	
a.lire_suite:link {
	font-family:Arial, Helvetica, Myriad, Myriad Roman, Myriad, Myriad Pro, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#666666;
	text-decoration:none;
}
a.lire_suite:hover {
	font-family:Arial, Helvetica, Myriad, Myriad Roman, Myriad, Myriad Pro, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#333333;
	text-decoration:none;
}
a.lire_suite:visited {
	font-family:Arial, Helvetica, Myriad, Myriad Roman, Myriad, Myriad Pro, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#666666;
	text-decoration:none;
}
/*///////////////////////////Liens - navigations///*/

div#menu {
	display: none;
}

a.navigation:link {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:14px;
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:lighter;
	line-height:30px;
}
a.navigation:hover {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:14px;
	color:#cc3399;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:lighter;
	line-height:30px;
}
a.navigation:visited {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:14px;
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:lighter;
	line-height:30px;
}

/*///////////////////////////Liens - sous-menu navigation///*/

a.smServices:link {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
	line-height:20px;
	padding-left:5px;
}
a.smServices:hover {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#cc3399;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
	line-height:20px;
	padding-left:5px;
}
a.smServices:visited {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
	line-height:20px;
	padding-left:5px;
}

/*///////////////////////////Liens - pied de page///*/	

div#adresse {
	display: block;
	visibility:visible;
	width:420px;
	margin:auto;
}

a.nav_bottom:link {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:14px;
	color:#CC3399;
	font-style:normal;
	text-decoration:underline;
	font-weight:lighter;
}
a.nav_bottom:hover {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:14px;
	color:#FF66CC;
	font-style:normal;
	text-decoration:underline;
	font-weight:lighter;
}
a.nav_bottom:visited {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:14px;
	color:#CC3399;
	font-style:normal;
	text-decoration:underline;
	font-weight:lighter;
}
a.info:link {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#333333;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
}
a.info:hover {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#666666;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
}
a.info:visited {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#333333;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
}
/*///////////////////////////Liens - validation///*/	

a.valid:link {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#666666;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
}
a.valid:hover {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#333333;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
}
a.valid:visited {
	font-family:Myriad Roman, Myriad, Myriad Pro;
	font-size:12px;
	color:#666666;
	font-style:normal;
	text-decoration:none;
	font-weight:lighter;
}

/*//////////////////////////////////////////////////////////////////////////////////////////TeamCo Creative Agency///*/

.teamco {
	font-size:11px;
	color:#666666;
}
a.teamcoNav:link {
	font-size:11px;
	color:#999999;
	font-style:normal;
	text-decoration:none;
}
a.teamcoNav:hover {
	font-size:11px;
	color:#000000;
	font-style:normal;
	text-decoration:none;
}
a.teamcoNav:visited {
	font-size:11px;
	color:#999999;
	font-style:normal;
	text-decoration:none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////layer screenshot///*/

#screenshot {
	position:absolute;
	background:#333333;
	padding:1px;
	display:none;
	color:#fff;
	z-index:10;
	display:none;
}
#overDiv {
	z-index: 1000;
	position: absolute;
	display:none;
}

#tooltip{
	position:absolute;
	background:#333333;
	margin-top:25px;
	margin-left:-10px;
	padding:2px 5px;
	color:#FFFFFF;
	display:none;
	z-index:10;
	display:none;
}
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
display:none;
z-index: 100;
cursor: pointer;
display:none;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #ffffff;
padding: 5px 0;
text-align: right;
display:none;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color:#000000;
display:none;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
display:none;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
display:none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////Hotspots///*/

#hotspot01, #hotspot02, #hotspot03 {
	display:none;
}