/* CSS Document */

BODY {
	padding:0; margin:0; 
	BACKGROUND-color:#000;
	FONT:11px helvetica,arial,sans-serif; 
	COLOR: #000;
	TEXT-ALIGN: center; 
	min-width:730px;
    }
	#droite{position:absolute;
	left:715px;
	top:295px;
	width:240px;
	text-align:right;
	padding:0;
	margin:0	
	}
	#navdroite{position:absolute;
	left:765px;
	top:200px;
	width:240px;
	text-align:left;
	FONT:1em helvetica,arial,sans-serif;
	font-weight: bold;
	line-height:40px;
	padding-left:7px;
	margin:0	
	}
	#droite li a{line-height:30px;text-decoration:none;}
	#droite li a:hover{line-height:30px;font-weight: bold;text-decoration:none;color:#bbb}

	body#repro #gauche h1{font: bold 12px helvetica,arial,sans-serif;color:#fff
	}
	h1{
	font: bold 15px helvetica,arial,sans-serif;
	}
	#wrapper {
	position:relative;
	margin:0 auto;
	WIDTH: 950px;color:#000;
 	height:633px;
	background-color:#000;
	text-align:center;
	z-index:1;
	}
	img{border-width: 0;
	}
	table{border-width: 0;
	}
	a#acc {text-decoration:none;
	text-transform:uppercase;
	FONT:20px bold helvetica,arial,sans-serif; 
	color:fff;
	}
	a#acc:hover {text-decoration:none;
	color:#ccc
	}
	
	/*index*/
	.texte{FONT:1em helvetica,arial,sans-serif; 
	COLOR: #fff;line-height:18px;
	}
	.textecentre{
	COLOR: #000;
	line-height:18px;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	}
	.vert{color:#7ab51d;
	font :130% helvetica,arial,sans-serif;
	font-weight:bold}
	
	body#index div#wrapper {
	background-color: #fff;
	background-image: url(images/fond_p022.jpg);
	background-repeat: no-repeat;
}
body#index div#logo {float:right;
}
/* color pavé 
#239cd3   bleu
#915f9f   violet repro
#eb690a   rouge impression
#f6a800  jaune
#7ab51d   vert créa		     
*/
#text_anim{position:absolute;left:0;top:30px;margin:0;padding:0;z-index:0
}
body#index table{
	position:absolute;
	left:110px;
	top:370px;
	text-align:left;
	font-weight:bold;
}
body#index #droite{position:absolute;
	left:750px;
	top:310px;
	width:175px;
	text-align:right;
	color:#888;
	FONT:11px helvetica,arial,sans-serif; 
	padding:0;
	margin:0	
	}

 #navdroite a{color:#aeaeae;line-height:25px;text-decoration:none;text-transform:uppercase;
}
a#navcrea:hover {color:#7ab51d; line-height:25px
}
a#navimpression:hover {color:#eb690a; 
}
a#navrepro:hover {color:#915f9f; 
}
a#navservice:hover {color:#f6a800; 
}

.crea{
color:#7ab51d;padding-left:8px;
}
.repro {
color:#915f9f;padding-left:6px;
}
.impression{
color:#eb690a;padding-left:11px;
}
.service{
color:#f6a800;padding-left:11px;
}
body#index #footer{
	position:absolute;
	top:235px;
	left:-230px;
	text-align:left;
	width:950px;
	text-transform:uppercase;
}
body#index ul {
	position: absolute;	/* positionnement pour IE5 et IE5.5 */
	top: 365px;
	left:900px;	/* arrière-plan général du menu */
	width:200px;
	background-repeat: no-repeat;
	background-position: left top;

}

/*pages*/
	ul, li {	/* utilisation de liste pour le menu */
	list-style-type: none;	/* suppression des puces de liste */
	margin:0;
	padding:0px;
	line-height:20px
	}
	#gauche{position:absolute;
	left:20px;
	top:200px;
	width:165px;
	padding:0px;
	text-align:left;
	display:bloc	
	}
	#centre{position:absolute;
	left:435px;
	top:292px;
	width:200px;
	text-align:left;	
	}
	
	#footer{
	position:absolute;
	top:588px;
	left:0px;
	text-align:left;
	width:950px;
	text-transform:uppercase;
}
	/*crea*/
	body#crea	#centre{position:absolute;
	left:450px;
	top:300px;
	width:260px;
	height:300px;
	font-size:1.1em	
	}
	body#crea div#wrapper {
	BACKGROUND: url(images/fond_crea.jpg) #fff no-repeat;
}
body#crea #gauche{position:absolute;
	top:300px;
	}

/*repro*/
body#repro .puce {color:#915f9f ;
font-size:2em;
display:bloc;
vertical-align:middle
}
.violet {color:#915f9f }
.rouge {color:#eb690a }
.jaune {color:#f6a800 }
.vert2 {color:#88b917}

.textedroite{
FONT:1.1em helvetica,arial,sans-serif; 
COLOR:#000;line-height:15px;
}
body#repro div#wrapper {
BACKGROUND: url(images/fond_repro.jpg) #fff no-repeat;
}
body#repro #gauche{position:absolute;
	top:299px;
	}
body#repro	#centre{position:absolute;
	left:355px;
	top:300px;
	width:340px;
	height:300px;
	font-size:1.1em	
	}

body#repro #centre h1{font: bold 15px helvetica,arial,sans-serif;
	color:#915f9f; margin :0 
	}
body#repro #navdroite h1{font: bold 1.1em helvetica,arial,sans-serif;margin-bottom:5px;padding:0;
color:#000;
}
/* color pavé 
#239cd3   bleu
#915f9f   violet
#e75112   rouge
#88b917   vert		     
*/

/*impression*/
body#impression h1#g{position:absolute;top:275px;left:20px;font: bold 12px helvetica,arial,sans-serif;color:#fff ;display: bloc
	}
body#impression .puce {color:#e75112;
font-size:2em;
display:bloc;
vertical-align:middle
}
body#impression div#wrapper {
BACKGROUND: url(images/fond_impression.jpg) #fff no-repeat;
}
body#impression #gauche{position:absolute;line-height:18px;color:#fff;
	top:300px;	
	}
body#impression	#centre{position:absolute;
	left:370px;
	top:300px;
	width:265px;
	height:300px;
	font-size:11px	
}
body#impression #navdroite h1{font: bold 1.1em helvetica,arial,sans-serif;margin-bottom:5px;padding:0;
color:#000;
}

body#impression #centre h1{
color:#e75112; margin :0 
}


/*services*/
.mail {color:#ec2e00;text-decoration:none}
.site {color:#225ad9}

body#services div#wrapper {
BACKGROUND: url(images/fond_services.jpg) #fff no-repeat;
}
body#services .puce {color:#eb690a ;
font-size:2em;
display:bloc;
vertical-align:middle
}
body#services #gauche{position:absolute;
	top:300px;line-height:18px; width:150px	
	}
body#services #centre{position:absolute;
	left:340px;
	top:275px;
	width:320px;	
	}
	body#services #centre p{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15;
	margin-left: 0;
	}
body#services #centre h1{
	color:#000;
	font-weight:bold;
	padding:0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}

#footer ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
#footer ul {
	position: absolute;	/* positionnement pour IE5 et IE5.5 */
	top: 10px;
	left:670px;	/* arrière-plan général du menu */
	width:200px;
	background-repeat: no-repeat;
	background-position: left top;

}

#footer li {float: left;}

#footer li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 15px;
width: 15px;
line-height: 15px;	/* hauteur de ligne pour éviter les paddings */
text-decoration: none;
}
#footer li a:hover {
background: #ccc;
}
a#lien1 {
background:#88b917;
margin-right:15px;
}
a#lien2 {
background:#915f9f;
margin-right:15px;
}
a#lien3 {
background:#e75112 ;
margin-right:15px;
}
a#lien4 {
background:#f6a800;
}


a#lien1:hover {
background:#ccc;
margin-right:15px;
}
a#lien2:hover {
background:#ccc;
margin-right:15px;

}
a#lien3:hover {
background:#ccc;
margin-right:15px;
}
a#lien4:hover {
background:#ccc;
}
body#numerique div#wrapper {
	background-image: url(images/fond_numerique9.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
body#numerique #gauche {
position:absolute;
	top:299px;
}
body#numerique #centre {
position:absolute;
	left:298px;
	top:265px;
	width:450px;
	font-size:1.1em
}
body#numerique #centre h1 {
	color:#2297CC;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin-top: 6;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
body#numerique #navdroite h1 {
	font: bold 1.1em helvetica,arial,sans-serif;
	margin-bottom:5px;
	padding:0;
	color:#000;
}
body#numerique #gauche h1 {
font: bold 12px helvetica,arial,sans-serif;color:#fff
}
body#numerique .puce {
color:#249BD5;
font-size:2em;
display:bloc;
vertical-align:middle
}
.bleu {
color:#229BD2
}
a#lien5 {
	margin-right:15px;
	background-color: #249BD5;
}
a#lien5:hover {

background:#ccc;
margin-right:15px;
}
a#navnum:hover {


color:#2798D2;
}
.textecentre2 {
	COLOR: #000;
	line-height:13px;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
body#numerique2 div#wrapper {
	background-image: url(images/num1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
body#numerique2 #gauche {
position:absolute;
	top:299px;
}
body#numerique2 #centre {
position:absolute;
	left:298px;
	top:265px;
	width:450px;
	font-size:1.1em
}
body#numerique2 #centre h1 {
	color:#2297CC;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin-top: 6;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
body#numerique2 #navdroite h1 {
	font: bold 1.1em helvetica,arial,sans-serif;
	margin-bottom:5px;
	padding:0;
	color:#000;
}
body#numerique2 #gauche h1 {
font: bold 12px helvetica,arial,sans-serif;color:#fff
}
body#numerique2 .puce {
color:#249BD5;
font-size:2em;
display:bloc;
vertical-align:middle
}

body#numerique3 div#wrapper {
	background-image: url(images/num6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
body#numerique3 #gauche {
position:absolute;
	top:299px;
}
body#numerique3 #centre {
position:absolute;
	left:298px;
	top:265px;
	width:450px;
	font-size:1.1em
}
body#numerique3 #centre h1 {
	color:#2297CC;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin-top: 6;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
body#numerique3 #navdroite h1 {
	font: bold 1.1em helvetica,arial,sans-serif;
	margin-bottom:5px;
	padding:0;
	color:#000;
}
body#numerique3 #gauche h1 {
font: bold 12px helvetica,arial,sans-serif;color:#fff
}
body#numerique3 .puce {
color:#249BD5;
font-size:2em;
display:bloc;
vertical-align:middle
}

body#numerique4 div#wrapper {
	background-image: url(images/fond_numerique8.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
}
body#numerique4 #gauche {
position:absolute;
	top:299px;
}
body#numerique4 #centre {
position:absolute;
	left:298px;
	top:265px;
	width:450px;
	font-size:1.1em
}
body#numerique4 #centre h1 {
	color:#2297CC;
	font-family: helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin-top: 6;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
body#numerique4 #navdroite h1 {
	font: bold 1.1em helvetica,arial,sans-serif;
	margin-bottom:5px;
	padding:0;
	color:#000;
}
body#numerique4 #gauche h1 {
font: bold 12px helvetica,arial,sans-serif;color:#fff
}
body#numerique4 .puce {
color:#249BD5;
font-size:2em;
display:bloc;
vertical-align:middle
}

.num {

color:#2297CC;padding-left:6px;
}
#bt_flash {
	position: absolute;
	top: 350px;
	right: 20px;
	z-index: 1;
}