/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
:focus{outline:0}
body{line-height:1;color:#000}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
*{padding:0;margin:0}

body{background:#1D1D1D url(http://www.mediacreatif.com/images/body.jpg) 0 0 repeat-x;font:62.5% arial,helvetica,sans-serif;margin-top:10px;}

h1{background:url(http://www.mediacreatif.com/images/logo.png) 0 0 no-repeat;text-indent:-999em;margin:15px 0 0;height:28px;width:156px;float:left}
h1 a{display:block;height:28px;width:156px}
h2{background:#444;padding:10px;font-size:1.7em;color:#fff;}
h3{border-bottom:2px solid #eee;text-transform:uppercase;padding-bottom:.3em;margin-bottom:1em;font-weight:bold;font-size:1em}
h4{font:bold 1.6em helvetica,arial,sans-serif;text-decoration:underline;padding-bottom:5px;font-size:1.2em;color:#39c}
h4 a:link,h4 a:visited{color:#39c}

p{line-height:150%}
a:link,a:visited{color:#43A806;text-decoration:none;}
a:hover{text-decoration:underline;}



strong{font-weight:bold}
small{font-size:.9em}
em,cite{font-style:normal}
hr{border:1px solid #eee;margin:1em 0;clear:both}
q:before,q:after{content:""}
q{quotes:"" ""}


/*form*/
fieldset{border:0}
legend{display:none}
label{padding-bottom:2px;font-weight:bold;font-size:1.1em;display:block}
input,select,textarea{margin-bottom:1em;font-size:1.4em;padding:.2em;width:95%}
textarea{font-family:arial,helvetica,sans-serif;height:7em}


#header,#content,#footer{margin:0 auto;width:940px}
#header{height:55px}
#header ul{padding:.9em 0 0 0;font-weight:bold;font-size:1.4em;margin-left:1em;display:inline;height:2.5em;width:500px;float:left}
#header ul li{line-height:2.5em;padding-left:1em;display:inline}
#header ul li a{padding:.6em .5em .5em;text-decoration:none}

#header ul li a:link,#header ul li a:visited,#header ul li a:active,#header ul li a:hover{color:#fff}
#header ul li a:link.current,#header ul li a:visited.current,#header ul li a:active.current,#header ul li a:hover.current{background:#333}
#header ul li a:active,#header ul li a:hover{background:#333;}
#header ul li a:active.current,#header ul li a:hover.current{background:#333;}

#header p{margin-top:1.8em;font-size:1.2em;float:right;color:#fff}
#header p strong a{color:#fff}

#title{background:#43A806 url("http://www.mediacreatif.com/images/mc2009.png") right no-repeat;padding:20px 20px 15px}
#title h2{white-space:nowrap;padding:.1em 0 0;background:none;font-size:1.9em;overflow:hidden;width:520px;float:left;margin:0}

#content{background:#fff url("http://www.mediacreatif.com/images/mc_footer.png") no-repeat bottom right;margin-top:10px;padding-bottom:50px;}


.main{padding:20px 10px 20px 20px;font-size:1.2em;width:670px;float:left;}
.main a:active{background: url("http://www.mediacreatif.com/images/tick.gif") no-repeat top left;padding-left:18px;}

#title:after,#content:after,#footer:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
#title,#content,#footer{display:inline-block}
/* IE-mac \*/#title,#content,#footer{display:block}/* End IE-mac */ 

img.float-right,img.float-left {background: #FAFAFA;border: 1px solid #E4E4E4;padding: 8px;}
img.float-right{margin: 5px 0px 10px 10px;}
img.float-left{margin: 5px 10px 10px 0px;}

/*image header*/
img.turn{margin-bottom:10px;}

.big{font-size:1.2em}
.big_accueil{font-size:1.4em}
.main p.big{padding-bottom:0 0 1.4em}
.main p{margin:10px 5px;}
.main ul{margin:10px 5px 20px 20px;}
.main ul li{background:url("http://www.mediacreatif.com/images/puce2.gif") no-repeat left top;padding-left:17px;margin-bottom:10px;}

dl.def{margin:10px 5px 25px 10px;}
.def dt{font-weight:bold;margin-bottom:3px;font-size:1.3em;color:#43A806;}
.def dd{
margin: 0 0 1em 1em;
padding: 0 0 0 10px;
border-left:5px solid #444;
line-height:1.5em;
}


.left{float:left}
.right{float:right}
.clear{clear:both}
.hidden{display:none}

p.informatique{background:url(http://www.mediacreatif.com/images/informatique.jpg) no-repeat 0 .5em;padding-left:120px}
p.internet{background:url(http://www.mediacreatif.com/images/internet.jpg) no-repeat 0 .5em;padding-left:120px}

h3.informatique,h3.internet,h3.client,h3.ref{font-size:1.2em;margin:0 0 10px 0;padding:0 0 10px 25px;border-bottom:1px dashed #555;}
h3.informatique{background:url("http://www.mediacreatif.com/images/computer.gif") no-repeat top left;}
h3.internet{background:url("http://www.mediacreatif.com/images/world.gif") no-repeat top left;}
h3.client{background:url("http://www.mediacreatif.com/images/group.gif") no-repeat top left;}
h3.ref{background:url("http://www.mediacreatif.com/images/ref.gif") no-repeat top left;}

/* droite */
.droite{font-size:1.2em;padding:20px 20px 20px 10px;width:205px;float:right}
.droite p{margin-bottom:1em}
.droite{width:200px;}
.droite ul{margin-bottom:25px;}
.droite ul li a,.droite ul li a:link,.droite ul li a:visited
{
color:#43A806;
padding-left:1.5em;
background:#fff url("http://www.mediacreatif.com/images/tag.gif") no-repeat left;
text-decoration:none;
}
.droite li{margin-bottom:5px;}
.droite ul li a:hover,.droite ul li a:active,.droite ul li a:hover.actif,.droite ul li a:active.actif,.droite ul li a.actif,.droite ul li a:link.actif,.droite ul li a:visited.actif
{
color:#000;
background:#fff url("http://www.mediacreatif.com/images/tick.gif") no-repeat left;
}

.droite li span{color:#777;}


fieldset.button{background-color:#ddd;padding:10px;border-top:1px solid #aaa;}
fieldset.button *{vertical-align:middle}
fieldset.button input{margin:0 1em 0 0;font-size:1.2em;display:inline;width:auto}
fieldset.button a:link,fieldset.button a:visited{text-decoration:none}

#footer{padding:10px 10px 10px;font-size:1.1em;width:920px;color:#fff;background:#43A806;margin-bottom:15px;}
#footer p{float:left}
#footer a{color:#fff;}
#footer ul{float:right}
#footer ul li{padding-left:20px;display:inline}
#footer ul li a{text-decoration:none}
#footer ul li a:active,#footer ul li a:hover{text-decoration:underline}


ol.list_info li{border-top:1px solid #ddd;padding:1em 0;display:block;width:100%;float:left;clear:both;color:#333}
ol.list_info span{white-space:nowrap;text-align:center;overflow:hidden;padding:0 6px;width:67px;float:right}
ol.list_info span.left{text-align:left;width:520px;float:left}
ol.list_info strong{padding-bottom:5px;font-size:1.3em;display:block;color:#39c}
ol.list_info em{font-size:1.6em;display:block;color:#000}