@charset "utf-8";
/* CSS Document */



img { 
border-width : 0;
}


body{
	margin:0;
	padding:0;
	background:url(../medias/commun/fond.jpg) left top repeat;
	min-width:1000px;
}
#all{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:url(../medias/commun/fond-page.jpg) left top;
	background-repeat:repeat-x;
}

#header_print{
	display:none;
	float:none;
}

.toLeft{
	float:left;
	display:inline;
}
.toRight{
	padding-right:18px;
	float:right;
	display:inline;
}
.clear{
	clear:both;
}
.text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606a6d;
}
.text a{
text-decoration:none;
	color:#000000;
	
}

.text a:hover{


	text-decoration:underline;
}

.sousTitre{
	font-size:15px;
	left:35px;
	background-color:#c70303;
	color:#FFFFFF;
	height:20px;
	padding:2px 15px 2px 0px;
	margin-right:7px;
	margin-left:-40px;
	font-weight:bold;
}
.sTitre{
	padding-left:40px;
}

.sousTitre a{
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
}
.sousTitre a:hover{
	font-size:15px;
	color:#FFFFFF;
	text-decoration:underline;
}
 .sousTitreBlack a {
 	color:#000000;
	text-decoration:none;
 }
.sousTitreBlack a:hover{
	color:#000000;
	text-decoration:underline;
}

.sousTitreBlack{
	color:#000000;
	font-weight:bold;	
	padding-top:2px;
	display:block;
}
.baseline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#000000;
	letter-spacing:-1px;
}

.baseline a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#000000;
	letter-spacing:-1px;
}

.baselinePetit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#999999;
	font-weight:bold;
	letter-spacing:-1px;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:35px;
	color:#000000;
	font-weight:bold;
	line-height:30px;
	margin:0;
	padding:0;
	padding-bottom:3px;
	padding-right:20px;
	letter-spacing:-2px;
	text-decoration:none;
}
h1 a{
letter-spacing:0px;
font-size:25px;
	letter-spacing:-2px;
text-decoration:none;
color:#000000;
font-weight:bolder;
	}


h1 a:hover{
	letter-spacing:-2px;
	text-decoration:none;
	
	}
	
h2, h2 a, #formationsLogiciels h2 a, #infoSup h2 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#424242;
	font-weight:bold;
	line-height:30px;
	margin:0;
	padding:0;
letter-spacing:-1px;
	text-decoration:none;
}

h2 a:hover{
	text-decoration:none;
	letter-spacing:-1px;
}
	

h3 {
text-decoration:none;

}

h3 a{
text-decoration:none;

}

h3 a:hover{
	text-decoration:none;
}



h4 a{
text-decoration:none;


}

h5 a{
text-decoration:none;


}

#site{
	width:1000px;
}

/* HEADER -------------------------*/
#header{	
	display:block;
	height:200px;
}

#entete{
	margin:0;
	padding:0;
}
#menu{
	width:1000px;
	margin:7px 0 0 34px;
}
#menu a, #menu a:hover{
	text-decoration:none;
	font-weight:normal;
}

a.projetform {
	 display: block;
	 width: 307px;
     height: 84px;
     background: url(../medias/formation/projet-de-formation.jpg);
     border: 0;
}
a.projetform:hover {
     background: url(../medias/formation/projet-de-formation_on.jpg);
}

a.etudedecas{
	 display: block;
	 width: 307px;
     height: 84px;
     background: url(../medias/mediaboxers/etude-de-cas_off.jpg);
     border: 0;
}
a.etudedecas:hover {
     background: url(../medias/mediaboxers/etude-de-cas_on.jpg);
}
a.inscrit_flux{
	color:#2b312d;
	font-family:verdana;
	font-weight:bold;
	font-size:22px;
	letter-spacing:-2px;
	text-decoration:none;
	padding-left:90px;
	line-height:44px;
	display: block;
	width: 307px;
    height: 44px;
    background: url(../medias/commun/inscrits-flux.jpg) no-repeat;
    border: 0;
}
a.inscrit_flux:hover {
    background: url(../medias/commun/inscrits-flux_on.jpg) no-repeat;
	text-decoration:none;
}
a.compte{
	color:#2b312d;
	font-family:verdana;
	font-weight:bold;
	font-size:22px;
	letter-spacing:-2px;
	text-decoration:none;
	padding-left:90px;
	line-height:44px;
	display: block;
	width: 307px;
    height: 44px;
    background: url(../medias/commun/compte.jpg) no-repeat;
    border: 0;
}
a.compte:hover {
    background: url(../medias/commun/compte_on.jpg) no-repeat;
	text-decoration:none;
}

.rub{
	display:inline;
	float:left;
	margin-right:50px;
}
.menuTitre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#660403;
	text-decoration:none;
	font-weight:bold;
}
.menuTitreO{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.menuBaseline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e17877;
	text-decoration:none;
	display:block;
}
.menuBaselineO{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}
/* CONTENT -------------------------*/
#content{
	float:left;
	display:block;
	width:946px;
	margin:0 0 0 34px;
	background:#f4f4f4 url(../medias/commun/fond_content.jpg) right top repeat-y;	
	border:#010101 solid 1px;
}
#contentAll{
	float:left;
	width:638px;
	background:#FFFFFF;
	overflow:hidden;
}
#contentLeft{
	float:left;
	width:520px;
	padding:35px 0 35px 35px;
}

#contentLeft ul{
	list-style:square;
	margin:20px 0 20px 20px;
}
#contentRight{
	margin-bottom: -2000px;
	padding-bottom: 2000px;
	float:right;
	width:172px;
	background:url(http://wiki.mediabox.fr/medias/home/visuel_mb.jpg) repeat-y;
}
#infoSup{
	background-image:url(../medias/commun/fond_veille.png);
	background-position:14px 0px;
	background-repeat:no-repeat;
	float:left;
	width:568px;
	background-color:#f4f4f4;
	border-top:#d2c4c6 solid 1px;
	padding:10px 35px 35px 35px;
}
#infoSup ul li{
	margin-bottom:5px;
}
#infoSup a{
	color:#333333;
	text-decoration:none;
}
#infoSup a:hover{
	text-decoration:underline;
}
#contentMenu{
	width:307px;
	float:left;
	background-color:#f4f4f4;
	border-left:#d2c4c6 solid 1px;
}
#contentMenu #sousMenu ul li{
	background-image:url(../medias/commun/fond-smnu.jpg);
	height:27px;
	border-bottom:#d2c4c6 solid 1px;
	padding:8px 0 0 20px;
}
#contentMenu #sousMenu ul li:hover{
	background-image:url(../medias/commun/fond-smnu_over.jpg);
}

#contentMenu #sousMenu ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#424242;
	text-decoration:none;
	letter-spacing:-1px;	
}

#formationsLogiciels{
	border-bottom:#d2c4c6 solid 1px;
	border-top:#ffffff solid 1px;
	padding:10px 0 20px 0;
}
#formationsLogiciels h2, #formationVideos h2, #formationsLogiciels span, #formationVideos span{
	padding-left:20px;
}
#formationsLogiciels ul li{
	background-repeat:no-repeat;
	line-height:24px;
	padding:0px 0 0 55px;
	list-style-type:none;
}
#formationsLogiciels ul li a{
	color:#707070;
	font-size:12px;
	text-decoration:none;
}
#formationsLogiciels ul li a:hover{
	text-decoration:underline;
}
.videoVignette{
	width:130px;
	float:left;
}

.appli01{ background-image:url(../medias/commun/applications/appli01.jpg); }
.appli02{ background-image:url(../medias/commun/applications/appli02.jpg); }
.appli03{ background-image:url(../medias/commun/applications/appli03.jpg); }
.appli04{ background-image:url(../medias/commun/applications/appli04.jpg); }
.appli05{ background-image:url(../medias/commun/applications/appli05.jpg); }
.appli06{ background-image:url(../medias/commun/applications/appli06.jpg); }
.appli07{ background-image:url(../medias/commun/applications/appli07.jpg); }
.appli08{ background-image:url(../medias/commun/applications/appli08.jpg); }
.appli09{ background-image:url(../medias/commun/applications/appli09.jpg); }
.appli10{ background-image:url(../medias/commun/applications/appli10.jpg); }
.appli11{ background-image:url(../medias/commun/applications/appli11.jpg); }


.text .veille{
	line-height:25px;
}
.veille li{
	list-style-type:none;
	}

/* FOOTER -------------------------*/
#footer{
	display:block;
	margin:10px 34px 0 34px;
}
#footer ul{
	padding:0;
	margin:0;
}
#footer ul li{
	display:inline;
	margin-right:18px;
}
#footer ul li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#mentionsLegales{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:20px;
	padding:0 0 20px 0;
}

/* FORMULAIRE -------------------------*/

#formationForm fieldset{
	background:#f9f8f8;
	padding-right:40px;
	padding-bottom:30px;
	border:1px solid #dedadb;
}

#formationForm textarea{
	border:1px solid #585858;
	margin-left:15px;
}

#formationForm #inter-entreprise, form #intra-entreprise, form #online{
	border:1px solid #585858;
	width:20px;
	padding-left :50px;
	margin-right:50px;
}

#formationForm select{
	border:0px solid #585858;
	text-align:left;
	width:350px;
}
#formationForm legend{
	color:#000000;
	font-size:20px;
	font-weight:bold;
}


#formationForm textarea{
	width:333px;
	height:100px;
}

.champTxt{
	border:1px solid #585858;
	width:200px;
}

#piedForm input{
	width:403px;
}


div.row {
 	clear: both;
	padding-top: 10px;
 }

div.row span.label {
 	float: left;
 	width: 100px;
 	text-align: right;
	padding-top:2px;
 }
 div.row span.label2 {
 	float: left;
 	width: 250px;
 	text-align: right;
	padding-top:2px;
 }

 div.row span.label3 {
 	float: left;
 	width: 100px;
 	text-align: center;
	padding-top:0px;
	margin-top:-5px;
 }

div.row span.formw {
	margin-left:20px;
 	text-align: left;
 }
 
div.row span.formw3 {
	margin-left:10px;
	text-align:left;
	margin-top:0px;
}
div.row span.formw3 input{
	width:210px;
}
 
td .cbox-content{line-height:14px;}
td .cbox-content div ul{display:none;}



/* --------------------- LINGO ------------------------- */
/* crochets parenth?se [ ] , ( ) { } */
.lingo .br0	{ color: #000000; }

/* commentaires */
.lingo .co1	{ color: #C40000; font-style: normal; }
.lingo .co2	{ color: #C40000; font-style: normal; }
.lingo .coMULTI	{ color: #C40000; font-style: normal; }

/* crochets parenth?se [ ] , ( ) { } */
.lingo .re4	{ color: #FFCED8; }

/*  if then else ...*/
.lingo .kw1	{ color: #0000c8; }

/* function startmovie ...*/
.lingo .kw2	{ color: #008000; }

/* XML stop() ...*/
.lingo .kw5	{ color: #008000; }

/* chiffres entiers float ...*/
.lingo .nu0	{ color: #ff00ff; }

/*   REGEXPS  */
.lingo .re0	{ color: #008000; } /* the # char */
.lingo .re1	{ color: #008000; } /* after the # char */
.lingo .re2	{ color: #008000; } 
.lingo .re3	{ color: #008000; } 
.lingo .re4	{ color: #008000; } 

/* string char " "  ' ' */ 
.lingo .st0	{ color: #ff00ff; } /* #8C8C8C */

/* ? not used by lingo */
._lingo .sc0	{ color: #00ff99; }
._lingo .sc1	{ color: #00ff99; }
._lingo .sc2	{ color: #00ff99; }
._lingo .me0 { color: #0000ff; }
._lingo .me1 { color: #0000ff; }
._lingo .es0	{ color: #0000ff; } 
._lingo .kw3	{ color: #008000; }




/* --------------------- ACTIONSCRIPT ------------------------- */
.actionscript .br0	{ color: #66cc66; }
.actionscript .co1	{ color: #ff8000; font-style: italic; }
.actionscript .co2	{ color: #ff8000; font-style: italic; }
.actionscript .coMULTI	{ color: #ff8000; font-style: italic; }
.actionscript .es0	{ color: #000099; font-weight: bold; }
.actionscript .kw1	{ color: #000070; }
.actionscript .kw2	{ color: #0000ff; }
.actionscript .kw3	{ color: #006600; }
.actionscript .kw4	{ color: #993333; }
.actionscript .kw5	{ color: #0000ff; }
.actionscript .me0	{ color: #006600; }
.actionscript .me1	{ color: #000066; }
.actionscript .nu0	{ color: #c50000; font-weight: bold;}
.actionscript .re0	{ color: #0000ff; }
.actionscript .re1	{ color: #0000ff; }
.actionscript .re2	{ color: #0000ff; }
.actionscript .re4	{ color: #009999; }
.actionscript .sc0	{ color: #00bbdd; }
.actionscript .sc1	{ color: #ddbb00; }
.actionscript .sc2	{ color: #009900; }
/*.actionscript .st0		{ color: #333333; <a href="http://wiki.media-box.net/documentation/css/background-color">background-color</a>: #eeeeee; }*/
.actionscript .st0		{ color: #333333; background-color: #eeeeee; }


/* --------------------- CSS ------------------------- */
.css .br0	{ color: #000000; } 
.css .co1	{ color: #008000; font-style: italic; }
.css .co2	{ color: #008000; font-style: italic; }
.css .coMULTI	{ color: #008000; font-style: italic; }
.css .es0	{ color: #000099; font-weight: bold; }
.css .kw1	{ color: #000070; }
.css .kw2	{ color: #ff8000; }
.css .kw3	{ color: #006600; }
.css .kw4	{ color: #993333; }
.css .kw5	{ color: #ccbbff; }
.css .me0	{ color: #006600; }
.css .me1	{ color: #000066; }
.css .nu0	{ color: #c50000; font-weight: normal;} 
.css .re0	{ color: #ff0000; }
.css .re1	{ color: #ff8000; }
.css .re2	{ color: #ff8080; }
.css .re4	{ color: #009999; }
.css .sc0	{ color: #00bbdd; }
.css .sc1	{ color: #ddbb00; }
.css .sc2	{ color: #009900; }
.css .st0	{ color: #0000ff; } 


/* --------------------- JAVASCRIPT ------------------------- */
.javascript .br0	{ color: #000000; }
.javascript .co1	{ color: #008000; font-style: italic; }
.javascript .co2	{ color: #008000; font-style: italic; }
.javascript .coMULTI	{ color: #008000; font-style: italic; }
.javascript .es0	{ color: #000099; font-weight: bold; }
.javascript .kw1	{ color: #000070; }
.javascript .kw2	{ color: #0000ff; }
.javascript .kw3	{ color: #006600; }
.javascript .kw4	{ color: #993333; }
.javascript .kw5	{ color: #0000ff; }
.javascript .me0	{ color: #006600; }
.javascript .me1	{ color: #000066; }
.javascript .nu0	{ color: #c50000; font-weight: bold;}
.javascript .re0	{ color: #0000ff; }
.javascript .re1	{ color: #0000ff; }
.javascript .re2	{ color: #0000ff; }
.javascript .re4	{ color: #009999; }
.javascript .sc0	{ color: #00bbdd; }
.javascript .sc1	{ color: #ddbb00; }
.javascript .sc2	{ color: #009900; }
.javascript .st0	{ color: #333333; } 

/* -------------------------- PHP -------------------------------*/
.php .br0	{ color: #000000; }
.php .co1	{ color: #808080; font-style: italic; }
.php .co2	{ color: #808080; font-style: italic; }
.php .coMULTI	{ color: #008000; font-style: italic; }
.php .es0	{ color: #000099; font-weight: bold; }
.php .kw1	{ color: #0000ff; }
.php .kw2	{ color: #0000FF; font-weight: normal; }
.php .kw3	{ color: #000066; }
.php .kw4	{ color: #993333; }
.php .kw5	{ color: #ff8000; }
.php .me0	{ color: #006600; }
.php .nu0	{ color: #cc66cc; }
.php .re0	{ color: #ff8000; }
.php .re1	{ color: #0000ff; }
.php .re2	{ color: #0000ff; }
.php .re4	{ color: #009999; }
.php .sc0	{ color: #00bbdd; }
.php .sc1	{ color: #ddbb00; }
.php .sc2	{ color: #009900; }
.php .st0	{ color: #ff0000;  }

/* -------------------------- HTML-------------------------------*/
.html .br0	{ color: #66cc66; }
.html .co1	{ color: #808080; font-style: italic; }
.html .co2	{ color: #808080; font-style: italic; }
.html .coMULTI	{ color: #008000; font-style: italic; }
.html .es0	{ color: #000099; font-weight: bold; }
.html .kw1	{ color: #b1b100; }
.html .kw2	{ color: #006600; font-weight: bold; }
.html .kw3	{ color: #000066; }
.html .kw4	{ color: #993333; }
.html .kw5	{ color: #0000ff; }
.html .me0	{ color: #006600; }
.html .nu0	{ color: #cc66cc; }
.html .re0	{ color: #0000ff; }
.html .re1	{ color: #0000ff; }
.html .re2	{ color: #0000ff; }
.html .re4	{ color: #009999; }
.html .sc0	{ color: #00bbdd; }
.html .sc1	{ color: #ddbb00; }
.html .sc2	{ color: #009900; }
.html .st0	{ color: #ff0000;  }

/* -------------------------- XML-------------------------------*/
.xml .br0	{ color: #66cc66; }
.xml .co1	{ color: #808080; font-style: italic; }
.xml .co2	{ color: #808080; font-style: italic; }
.xml .coMULTI	{ color: #008000; font-style: italic; }
.xml .es0	{ color: #000099; font-weight: bold; }
.xml .kw1	{ color: #b1b100; }
.xml .kw2	{ color: #006600; font-weight: bold; }
.xml .kw3	{ color: #000066; }
.xml .kw4	{ color: #993333; }
.xml .kw5	{ color: #0000ff; }
.xml .me0	{ color: #006600; }
.xml .nu0	{ color: #cc66cc; }
.xml .re0	{ color: #0000ff; }
.xml .re1	{ color: #0000ff; }
.xml .re2	{ color: #0000ff; }
.xml .re4	{ color: #009999; }
.xml .sc0	{ color: #00bbdd; }
.xml .sc1	{ color: #ddbb00; }
.xml .sc2	{ color: #009900; }
.xml .st0	{ color: #ff0000; }



#dw__search div.ajax_qsearch {
  display:none;
  font-size: 1em;
  text-align: left;
  margin-top:0.3em;
  color:#1D466C;
}

#dw__search div.ajax_qsearch strong {
	font-size:0.75em;
	font-weight: bold;
	color:#1D466C;
	margin:0.3em 0 0.3em 0;
}

#dw__search div.ajax_qsearch ul {
	list-style-type: square;
	margin:0;
	padding:0;
	padding-top:0.3em;
	padding-left:2em;
	color:#1D466C;
}

#dw__search div.ajax_qsearch a {
	color:#1D466C;
}

#dw__search div.ajax_qsearch a:hover {
	color:#FF8000;
}

#dw__login {
	width:300px;
	text-align:left;
	border:1px solid #1D466C;
	padding:0.5em;
}