@charset "utf-8";

body { background: #FFF; }
h1 {
	width: 285px;
	height: 60px;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1000;
	background: url(../images/anodeLogo.png);
	text-indent: -2000px;
}

#page {
	background: #2D414A;
	position: absolute;
	height: 620px;
	width: 100%;
	top: 50%;
	margin-top: -310px;
}
#content {
	position: absolute;
	height: 400px;
	margin-top: 142px;
	font-size: 12px;
	width: 100%;
	z-index: 300;
	overflow: hidden;
}
#infosBtn {
	position: absolute;
	top: 0;
	right: 40px;
	z-index: 550;
}
#bandeauHaut, #bandeauBas {
	position: absolute;
	left: 0;
	width: 100%;
	height: 120px;
	z-index: 500;
}
#bandeauHaut	{ top:0; background: url(../images/bandeau-haut.png); }
#bandeauBas 	{ bottom: 0; background: url(../images/bandeau-bas.png); }
#htmlContent	{ display: none;}
#footer {
	position: absolute;
	text-align: center;
	width: 970px;
	left: 50%;
	margin: 30px 0 0 -485px;
	bottom: 0;
	font-size: 10px;
	z-index: 550;
}
#footer div { display: inline; }
#footer a {	color: #222; }
#contentBackground {
	position: absolute;
	width: 100%;
	height: 400px;	
	top: 50%;
	margin-top: -150px;
}
#subContent {
	position: absolute;
	height: 400px;
	width: 600px;
	left:50%;
	margin-top: 60px;
	margin-left: -170px;
}
#description {
	width: 290px;
	height: 400px;
	margin-top: 20px;
}
#details {
	margin-top: -400px;
	margin-left: 310px;
	width: 300px;
}


#subContent li {
color: white;
list-style-type: disc;
margin-left: 15px;
}

#content.home, object#content{
    margin-top: 160px;

}


#content.creation-site-internet #description {
        width: 290px;
        height: 400px;
        margin-top: 20px;
}
#content.creation-site-internet #details {
        margin-top: -500px;
        margin-left: 310px;
        width: 300px;
}
#content.creation-site-internet #subContent {
        margin-top: 60px;
}
#content.creation-site-internet #plus {
        margin-top: -70px;
}
#plus a {
        color: white;
        font-weight: bold;
}


#content.identite-visuelle #description {
        width: 290px;
        height: 400px;
        margin-top: 20px;
}
#content.identite-visuelle #details {
        margin-top: -400px;
        margin-left: 310px;
        width: 300px;
}
#content.identite-visuelle #subContent {
        margin-top: 60px;
}


#content.communication-marketing #description {
        width: 290px;
        height: 400px;
        margin-top: 20px;
}
#content.communication-marketing #details {
        margin-top: -400px;
        margin-left: 310px;
        width: 300px;
}
#content.communication-marketing #subContent {
        margin-top: 60px;
}



#content.cgv #block {
    height: 280px;
    margin-top: 10px;
    overflow-y: scroll;
    font-size: 0.9em;
    padding: 0 5px;
}
#content.cgv #subContent {
    margin-top:60px;
}

#content.cgv .coordBlock {
    border: #999 1px solid;
    width: 32%;
    padding-left: 5px;
    height: 80px;
    float: left;
}
.coordBlock h4 {
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.cgv ol {
    list-style-type: decimal;
    color: #FFF;
}
.cgv #subContent li {
    margin-left: 15px;
}

#content.creation-site-web #description {
        width: 290px;
        height: 400px;
        margin-top: 20px;
}
#content.creation-site-web #details {
        margin-top: -500px;
        margin-left: 310px;
        width: 300px;
}
.creation-site-web #subContent p, li {
        margin: 0;
        font-size: 11px;
}
#content.creation-site-web #subContent {
        margin-top: 60px;
}
#content.creation-site-web #subContent #plus { margin: 20px 0 0 350px; }
.creation-site-web #plus a {
        color: white;
        font-weight: bold;
}

.mentions-legales #subContent p, li {
        		margin: 0;
        		font-size: 11px;
        	}