@charset "UTF-8";
/* CSS Document */
@import url('admin.css') ;
@import url('milkbox.css') ;
@import url('mavselect.css') ;
*{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	border:none;
}
/*Masquer les pointiller sur les liens dans Firefox*/
a, object{outline: none;}
:focus{-moz-outline-style: none;}
/*-----------------------------------*/
body{
	text-align:center;
	background-color:#4D4D4D;
	font-size:62.4%;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../medias/images/css/bgBody.png) repeat-y center;
}
textarea{resize:none;}

.ie6 body{
	background:url(../medias/images/css/bgBodyIE.png) repeat-y center;
}
a{
	color:#60B500;
}
a:hover{
	text-decoration:underline;
}
a:visited{
	color:#E2006A;
}
#content h1 a:visited{
	color:#4C4D4D;
}
address{
	font-style:normal;
}
#coinG{
	height:768px;
	width:40%;
	background:#666;
	position:absolute;
	bottom:0px;
	left:0;
}
#fondG{
	height:768px;
	width:40%;
	background:url(../medias/images/css/bgContent.png) repeat-x;
	position:absolute;
	top:0;
	left:0;
}
#fondD{
	height:768px;
	width:40%;
	background:url(../medias/images/css/bgMenu.png) repeat-x #FFF;
	position:absolute;
	top:0px;
	right:0px;
}
#main{
	width:900px;
	margin:auto;
	position:relative;
	overflow:hidden;
}
.ie6 #main{
	width:910px;
}
#content, #menu{
	height:768px;
	position:relative;
	overflow:hidden;
}
#content{
	background:url(../medias/images/css/bgContent.png) repeat-x;
	width:598px;
	top:0px;
	left:0px;
	overflow:hidden;
	position:relative;
	margin:0;
}

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

#menu{
	background:url(../medias/images/css/bgMenu.png) repeat-x;
	float:right;
	width:302px;
	position:relative;
	overflow:hidden;
}
.ie6 #menu{
	width:298px;
}

h1#logo a{
	height:210px;
	background:url(../medias/images/css/logo.png) no-repeat;
	text-indent:-1000%;
	overflow:hidden;
	position:relative;
	z-index:10;
	display:block;
}
.ie6 h1#logo a{
	background:url(../medias/images/css/logo.gif) no-repeat;
}
object#menuFlash{
	margin:-30px 0 0 70px;
}
ul#flashContent{
	height:370px;
	margin:20px 0 0 90px;
	overflow:hidden;
	position:relative;
}
ul#flashContent li{
	margin-bottom: 10px;
	clear:both;
	position:relative;
	overflow:hidden;
}
ul#flashContent li a .gItem{
	display:block;
	float:left;
	height:30px;
	width:15px;
	background:url(../medias/images/css/bgGItem.png) no-repeat;
}
ul#flashContent li a .mItem{
	display:block;
	float:left;
	height:30px;
	line-height:40px;
	font-size:12px;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	color:#4C4D4D;
	background:url(../medias/images/css/bgItem.png) repeat-x;
}
ul#flashContent li a .dItem{
	display:block;
	float:left;
	height:30px;
	width:15px;
	background:url(../medias/images/css/bgDItem.png) no-repeat;
}
ul#flashContent li a:hover .dItem, ul#flashContent li a:hover .gItem, ul#flashContent li a:hover .mItem,ul#flashContent li.selected .dItem, ul#flashContent li.selected .gItem, ul#flashContent li.selected .mItem{
	background-position:0 -30px;
}
ul#flashContent li a:hover .mItem,ul#flashContent li.selected .mItem{
	color:#FFF;
}

.javascript ul#flashContent{
	width:240px;
	height:420px;
	top:-58px;
	left:-23px;
	margin-bottom:-50px;
}
#index.javascript ul#flashContent{
	background:url(../medias/images/css/menuAccueil.png) no-repeat;
}
#graphisme.javascript ul#flashContent{
	background:url(../medias/images/css/menuGraphisme.png) no-repeat;
}
#webdesign-et-interface.javascript ul#flashContent{
	background:url(../medias/images/css/menuWeb.png) no-repeat;
}
#illustration.javascript ul#flashContent{
	background:url(../medias/images/css/menuIllustration.png) no-repeat;
}
#animation.javascript ul#flashContent{
	background:url(../medias/images/css/menuAnimation.png) no-repeat;
}
#ddd.javascript ul#flashContent{
	background:url(../medias/images/css/menu3d.png) no-repeat;
}
#espace-client.javascript ul#flashContent{
	background:url(../medias/images/css/menuClient.png) no-repeat;
}
#contact-et-devis.javascript ul#flashContent{
	background:url(../medias/images/css/menuContact.png) no-repeat;
}
#tips-et-tutoriaux.javascript ul#flashContent{
	background:url(../medias/images/css/menuTips.png) no-repeat;
}

#coordonnees{
	color:#808080;
	text-align:left;
	margin : 20px 0 0 80px;
}
#coordonnees #nom{
	margin-top:32px;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#FFF;
}
.gecko #coordonnees #nom{
	margin-top:20px;
}

#menu #ombre{
	width:40px;
	height:768px;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	z-index:20;
	background:url(../medias/images/css/bgOmbre.png) repeat-y;
}
.ie6 #menu #ombre{
	display:none;
}

#footerMenu{
	position:relative;
	overflow:visible;
	text-align:left;
	margin-left:80px;
	margin-top:4px;
}
#footerMenu a.lienFooterMenu{
	display:block;
	float:left;
	height:11px;
	background:#FFF;
	color:#60B500;
	border:1px solid #60B500;
	padding:1px;
	line-height:11px;
	position:relative;
	overflow:hidden;
	margin-right:10px;
}
#footerMenu a.lienFooterMenu span{
	background:none repeat scroll 0 0 #60B500;
	color:#FFFFFF;
	display:block;
	float:left;
	height:9px;
	overflow:hidden;
	padding:1px;
	position:relative;
}
#footerMenu a.lienFooterMenu:hover{
	color:#FFF;
	background-color:#E2006A;
	text-decoration:none;
	border:1px solid #E2006A;
}
#footerMenu a.lienFooterMenu:hover span{
	color:#E2006A;
	background-color:#FFF;
}
#footerMenu a#viadeo{
	border:none;
	background:transparent url('../medias/images/css/pictoViadeo.png') no-repeat;
	text-indent:-1000%;
	height:25px;
	width:25px;
	top:-5px;
}


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


@font-face{font-family:"Arial Rounded MT Bold";src:url('../font/ArialRoundedBold.ttf');}
@font-face{font-family:"Arial Rounded MT Bold";src:url('../font/ARIALRO0.eot');}

#content h1{
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size:20px;
	color:#4C4D4D;
	text-align:right;
	margin:20px 10px 0 0;
}
.ie #content h1{
	font-size:18px;
}
#content h1 a{
	color:#4C4D4D;
}
#content h1 a:hover{
	text-decoration:underline;
}
#presentation{
	font-size:11px;
	text-align:right;
	width:380px;
	color:#808080;
	margin:5px 10px 0 0;
	float:right;
	position:relative;
	overflow:hidden;
	
}
h2{
	position:absolute;
	overflow:hidden;
	left:0px;
	text-indent:10px;
	font-size:40px;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	top:171px;
	color:#333;
	text-transform:capitalize;
}
#galerie{
	position:absolute;
	overflow:hidden;
	top:211px;
	height:383px;
	width:598px;
	left:0px;
}
#diapo{
	width:505px;
	height:365px;
	overflow:hidden;
	position:absolute;
	top:10px;
	right:80px;
}
/*#mask{
	height:365px;
	width:505px;
	position:absolute;
	overflow:hidden;
	left:0px;
	top:0px;
}*/
.ie6 .mask#left,.ie6 .mask#right,.ie6 .mask#top,.ie6 .mask#bottom{
	display:none;
}
.mask#left{
	width:25px;
	height:365px;
	background:url(../medias/images/css/bgMaskLeft.png) no-repeat;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.mask#right{
	width:25px;
	height:365px;
	background:url(../medias/images/css/bgMaskRight.png) no-repeat;
	display:block;
	position:absolute;
	top:0;
	right:0;
}
.mask#middle{
	height:365px;
	display:block;
	position:absolute;
	overflow:hidden;
	top:0;
	left:25px;
	right:25px;
}
.mask#top{
	background:url(../medias/images/css/bgMaskMiddle.png) repeat-x;
	display:block;
	position:absolute;
	overflow:hidden;
	height:11px;
	top:0;
	left:25px;
	right:25px;
}
.mask#bottom{
	background:url(../medias/images/css/bgMaskMiddle.png) repeat-x;
	background-position:bottom;
	display:block;
	position:absolute;
	overflow:hidden;
	height:11px;
	top:354px;
	left:25px;
	right:25px;
}
.ie .mask#bottom{
	top:352px;
	height:13px;
}

#image{
	height:350px;
	position:absolute;
	overflow:hidden;
	top:5px;
	left:5px;
	text-align:left;
}
#description{
	position:absolute;
	overflow:hidden;
	width:210px;
	top:20px;
	left:20px;
	color:#FFF;
	text-align:left;
}
#descHeader{
	position:relative;
	overflow:hidden;
	width:210px;
	height:20px;
	background:url(../medias/images/css/bgDescHeader.png) no-repeat;
	
}
#descHeader h4{
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:lighter;
	margin:3px 0 0 7px;
	position:relative;
	overflow:hidden;
	float:left;
}
#descHeader a{
	display:block;
	position:relative;
	overflow:hidden;
	text-indent:-1000%;
	float:right;
	width:30px;
	height:20px;
}
#descHeader a.open{
	background-image:url(../medias/images/css/bgOpen.png);
	background-repeat:no-repeat
}
#descHeader a.open:hover{
	background-position:0px -20px;
}
#descHeader a.close{
	background-image:url(../medias/images/css/bgClose.png);
	background-repeat: no-repeat;
}
#descHeader a.close:hover{
	background-position:0px -20px;
}
.ie6 #descHeader a.open{
	background-image:url(../medias/images/css/bgOpen.gif);
}
.ie6 #descHeader a.close{
	background-image:url(../medias/images/css/bgClose.gif);
}

#descBody{
	width:210px;
	background:url(../medias/images/css/bgDescBody.png) repeat-y;
	font-size:11px;
	position:relative;
	overflow:hidden;
}
#descBody strong{
	background-color:#ACE600;
	color:#000;
	padding: 0 5px;
}
#descBody p{
	margin:0 7px;
	padding-top:5px;
	font-weight:lighter;
}
#descBody p a{
	color:#ACE600;
}
#descBody p a:visited{
	color:#ACE600;
}
#descBody p a:hover{
	color:#E2006A;
}
#descFooter{
	width:210px;
	height:20px;
	background:url(../medias/images/css/bgDescFooter.png) no-repeat;
	text-align:right;
	overflow:hidden;
	position:relative;
}
#descFooter a{
	display:block;
	overflow:hidden;
	position:relative;
	margin:3px 15px 0 0;
	color:#ACE600;
}

#zoomImg{
	bottom:20px;
	display:block;
	height:34px;
	overflow:hidden;
	position:absolute;
	right:20px;
	text-indent:-1000%;
	width:70px;
	background:url(../medias/images/css/bgZoom.png) no-repeat;
}
#zoomImg:hover{
	background-position:0 -34px;
}
#listVignettes{
	width:85px;
}
#listVignettes li{
	height:56px;
	width:85px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
}
#listVignettes li img{
	display:block;
	overflow:hidden;
	position:absolute;
	top:3px;
	left:32px;
}
#maskVignette{
	width:85px;
	height:56px;
	position:absolute;
	overflow:hidden;
	background:url(../medias/images/css/selectVignette.png) no-repeat;
	z-index:20;
	top:0;
}
.ie6 #maskVignette{
	width:85px;
	height:56px;
	position:absolute;
	overflow:hidden;
	background:url(../medias/images/css/selectVignette.gif) no-repeat;
	z-index:20;
}

.galerie #scroll_global{
	width:105px;
	height:365px;
	position:absolute;
	overflow:auto;
	right:0;
	top:10px;
}
.opera .galerie #scroll_global{
	width:111px;
}
.galerie .contentEl{
	width:85px;
	float:left;
	position:relative;
}
.scrollControlsY{
	width:15px;
	position:relative;
	overflow:hidden;
}
#tips-et-tutoriaux .scrollControlsY{
	margin-top:10px;
}
.scrollBar{
	background:url(../medias/images/css/bgScroll.png) repeat-y;	
}
.ie6 .scrollBar{
	background:url(../medias/images/css/bgScroll.gif) repeat-y;	
}
.upBtn, .downBtn{
	display:none;
}
.scrollBar{
 	height:365px;
}
.scrollBar{
	margin-left:4px;
}
.scrollHandle{
	background:url(../medias/images/css/panScroll.png) no-repeat;
	height:11px;
}
#sommaire{
	position:absolute;
	overflow:hidden;
	top:600px;
	left:0px;
}
#sommaire li{
	width:108px;
	float:left;
	margin-right:10px;
	position:relative;
	overflow:auto;
	text-align:left;
	height:130px;
	overflow:hidden;
}
#sommaire li .titreSommaire{
	font-size:12px;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	color:#4C4D4D;
	font-weight:lighter;
	display:block;
}
#sommaire li .pSommaire{
	font-size:9px;
	color:#999;
	overflow:hidden;
	
}
#sommaire li a:hover .titreSommaire,#sommaire li a:hover .pSommaire{
	text-decoration:underline;
}

/* Page client --------------------------------------*/
.login #formLogin{
	background:none;
	font-size:12px;
	left:50px;
	top:100px;
	color:#FFF;
	z-index:200;
	border:none;
}
#loginUsernameDiv{
	float:left;
	margin-right:50px;
}
.login input.medium{
	margin-top:10px;
	background: transparent url(../medias/images/css/bgInputTxt.png) no-repeat ;
	height:16px;
	padding:2px 5px;
	width:170px;
}
#stayConnected{
	clear:both;
	margin-top:10px;
	
}
.login #formLogin .btn{
	position:relative;
	bottom:inherit;
	right:inherit;
	margin-bottom:10px;
}
#loginSubmit{
	margin-top:20px;
	clear:both;
}
#loginSubmit a{
	color:#BFE500;
}
#loginSubmit a:hover{
	text-decoration:underline;
}
/* Page Contact ------------------------------*/

.formulaire form{
	position:relative;
	width:auto;
	height:auto;
	overflow:hidden;
	top:10px;
	left:auto;
	width:auto;
	background:none;
	color:#FFFFFF;
	text-align:left;
	font-size:12px;
	z-index:200;
	border:none;
}
.formulaire form select, .formulaire form .selectCustom{
	color:#333333;
}
#contact-et-devis input.tf{
	display:block;
	width:275px;
	height:20px;
	background:transparent url(../medias/images/css/bgTfContact.png) no-repeat;
	border:none;
	color:#333333;
	margin-bottom:5px;
}
#contact-et-devis .selectCustom{
	width:275px;
	background:url(../medias/images/css/bgSelectDevis.png) no-repeat;
}
#contact-et-devis #infos{
	float:left;
	width:275px;
	margin-right:30px;
	position:relative;
	overflow:hidden;
	height:340px;
}
#contact-et-devis #choixInfos{
	display:block;
	margin-top:10px;
}
#contact-et-devis #selectDevisGroup{
	overflow:hidden;
	position:relative;
	width:275px;
	clear:both;
}
#contact-et-devis span.selectCustom{
	margin-top:10px;
	clear:both;
}
.selectedRadio, .checkedBox{
	background:url(../medias/images/css/radioOn.png) no-repeat transparent;
}
.unselectedRadio,.uncheckedBox{
	background:url(../medias/images/css/radioOff.png) no-repeat transparent;
}

.selectedRadio, .unselectedRadio,.uncheckedBox,.checkedBox{
	float:left;
	height:18px;
	margin:5px;
	overflow:hidden;
	padding:2px 0 2px 20px;
	position:relative;
}
.selectCustom.masque{
	display:none;
}
#tfMessage{
	display:block;
	background:url(../medias/images/css/bgMessageContact.png) no-repeat transparent;
	height:295px;
	padding:10px;
	width:255px;
	
}
#envoyer{
	clear:both;
	border-top:solid 1px #4C4D4D;
	width:580px;
	margin-top:10px;
	overflow:hidden;
	position:relative;
	display:block;
	padding-top:5px;
	height:30px;
}
#envoyer .btn{
	top:0px;
	right:0;
}
.ie7 #envoyer .btn{
	width:70px;
}
#envoyer img{
	vertical-align: top;
}
#envoyer #captcha{
	height:20px;
	width:70px;
	margin:0 10px;
	background:url(../medias/images/css/bgTfCaptcha.png) no-repeat transparent;
	text-align:center;
}
.alertMail{
	position:relative;
	overflow:hidden;
	margin:auto;
	width:300px;
	height:200px;
	margin-top:150px;
	background:#333333;
	border:solid 5px #CCCCCC;
	padding:20px;
	opacity:1;
	z-index:300;
	
}
.alertMail p{
	font-size:16px;
	color:#FFFFFF;
	margin-top:50px;
}
.alertMail .annuler{
	bottom:10px;
	top:auto;
}

/* Page Tips et tutoriaux ------------------------------*/
.article #scroll_global{
	width:588px;
	height:383px;
	position:absolute;
	overflow:auto;
	left:10px;
	top:0;
}
.article .contentEl{
	width:567px;
	float:left;
	position:relative;
}

.article #windowTContenu .contentEl{
	width:627px;
}
.article #windowTContenu .scrollControlsY{
	margin-top:0px;
}
.article #galerie{
	text-align:left;
}
.article .dateT{
	font-size:12px;
	font-style:italic;
	color:#666;
	display:block;
	width:325px;
}
.article #galerie .titreT{
	font-size:16px;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	color:#808080;
	display:block;
	width:325px;
	font-weight:lighter;
}
.article #galerie a:hover .titreT{
	text-decoration:underline;
}

.article #galerie li{
	position:relative;
	overflow:auto;
	padding-left:66px;
	margin:15px 0;
	height:54px;
}
.article #galerie li.illustrator{
	background:url(../medias/images/css/tips/pictoIllustrator.png) no-repeat;
}
.article #galerie li.photoshop{
	background:url(../medias/images/css/tips/pictoPhotoshop.png) no-repeat;
}
.article #galerie li.dreamweaver{
	background:url(../medias/images/css/tips/pictoDreamweaver.png) no-repeat;
}
.article #galerie li.flash{
	background:url(../medias/images/css/tips/pictoFlash.png) no-repeat;
}
.article #galerie li.indesign{
	background:url(../medias/images/css/tips/pictoIndesign.png) no-repeat;
}
.article #galerie li.css{
	background:url(../medias/images/css/tips/pictoCss.png) no-repeat;
}
.article #galerie li.javascript{
	background:url(../medias/images/css/tips/pictoJavascript.png) no-repeat;
}
.article #galerie li.divers{
	background:url(../medias/images/css/tips/pictoDivers.png) no-repeat;
}
.article #galerie li.wii{
	background:url(../medias/images/css/tips/pictoWii.png) no-repeat;
}
#tri h4{
	font-size:10px;
	color:#BFBFBF;
	margin:5px 0 0 10px;
	font-weight:lighter;
}
#tri #listeTri{
	height:inherit;
	left:10px;
	overflow:auto;
	position:relative;
	top:3px;
	width:150px;
	background:none;
	border:none;
}
#tri{
	position:absolute;
	overflow:hidden;
	width:162px;
	height:51px;
	background:url(../medias/images/css/bgTri.png) no-repeat;
	z-index:10;
	top:0px;
	left:400px;
}
#tri span.selectCustom{
	margin-bottom:-20px;
}
#tri .selectCustom{
	width:141px;
	height:20px;
	line-height:20px;
	background:url(../medias/images/css/bgSelectTri.png) no-repeat;
	display:block;
}
#windowT{
	position:absolute;
	overflow:hidden;
	width:650px;
	height:650px;
	top:50px;
	left:125px;
	z-index:40;
	text-align:left;
	zoom:1;
}
#windowTHeader{
	width:650px;
	height:116px;
	background:url(../medias/images/css/tips/bgWindowTHeader.png) no-repeat;
	overflow:auto;
	position:relative;
}
#windowTContenu{
	width:650px;
	height:524px;
	background:url(../medias/images/css/tips/bgWindowTBody.png) repeat-y;
	color:#CCC;
	overflow:auto;
	
}
.opera #windowTContenu{
	width:656px;
}
#windowTContenu .contenu{
	padding:20px;
	font-size:11px;
}
#windowTContenu img{
	margin: 10px 0;
}

#windowTFooter{
	width:650px;
	height:10px;
	background:url(../medias/images/css/tips/bgWindowTFooter.png) no-repeat;
}
.article #windowT h4{
	font-size:20px;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	color:#333;
	display:block;
	margin:15px 30px 0 20px;
}
.article #windowT h4 .picto{
	display:block;
	width:84px;
	height:81px;
	border:inset #808080 1px;
	float:left;
	margin-right:10px;
}
.article #windowT h4 .picto.illustrator{
	background:url(../medias/images/css/tips/pictoIllustratorGD.png) no-repeat;
}
.article #windowT h4 .picto.photoshop{
	background:url(../medias/images/css/tips/pictoPhotoshopGD.png) no-repeat;
}
.article #windowT h4 .picto.dreamweaver{
	background:url(../medias/images/css/tips/pictoDreamweaverGD.png) no-repeat;
}
.article #windowT h4 .picto.flash{
	background:url(../medias/images/css/tips/pictoFlashGD.png) no-repeat;
}
.article #windowT h4 .picto.indesign{
	background:url(../medias/images/css/tips/pictoIndesignGD.png) no-repeat;
}
.article #windowT h4 .picto.css{
	background:url(../medias/images/css/tips/pictoCssGD.png) no-repeat;
}
.article #windowT h4 .picto.javascript{
	background:url(../medias/images/css/tips/pictoJavascriptGD.png) no-repeat;
}
.article #windowT h4 .picto.divers{
	background:url(../medias/images/css/tips/pictoDiversGD.png) no-repeat;
}
.article #windowT h4 .picto.wii{
	background:url(../medias/images/css/tips/pictoWiiGD.png) no-repeat;
}
.article #windowT .scrollBar{
	height:504px;
	margin-top:20px;
}
.article #windowT #fermer{
	right:15px;
	top:15px;
}
#newLoadWTFlash{
	position:absolute;
	overflow:hidden;
	top:312px;
	left:275px;
}
/*Plan du site ----------------------------------------*/
#plan-du-site #scroll_global{
	width:588px;
	text-align:left;
}
#plan-du-site .contentEl{
	width:567px;
}
#plan-du-site h3{
	font-size:18px;
	font-weight:normal;
}
#plan-du-site h3 a{
	color:#CCC;
}
#plan-du-site .contentEl ul li ul{
	margin-left:20px;
}


/*Footer ----------------------------------------*/
#footer{
	top:-30px;
	overflow:hidden;
	right:310px;
	position:relative;
	text-align:right;
}
.ie #footer{
	right:310px;
}
#footer a{
	margin-left:10px;
}

/*Correction anti Veoh ----------------------------------------*/
#com_veoh_ingestForm{
	display:none;
}