body{
margin:0;
padding:0;
text-align:center;
font-family: arial, trebuchet ms, arial, sans-serif;
color:#000000;
font-size:12px;
}

a{
color:#e51d76;
text-decoration:none;
}

a:hover{
color:#b10f57;
}

a img{
border:0;
}

.stronglink{
font-weight:bold;
float:right;
text-align:right;
width:100%;
margin:3px;
}


h1,h2 {
font-size:16px;
font-weight:bold;
float:left;
width:100%;
height:20px;
margin-top:5px;
margin-bottom:5px;
color:#e41370;
border-bottom:1px solid #e41370;
}

h3{
font-size:14px;
font-weight:bold;
float:left;
width:100%;
margin-top:5px;
margin-bottom:2px;
text-decoration:underline;
color:#b10f58;
}

h3 a{
font-size:14px;
font-weight:bold;
float:left;
width:100%;
margin-top:5px;
margin-bottom:2px;
text-decoration:none;
color:#b10f58;
}

#site{
width:722px;
text-align:left;
margin:auto;
margin-top:20px;
}
/*------------------------------------------------------------------------------------------------------------------------*/

#header{
float:left;
width:800px;
height:117px;
background:url(/argosSites/syrol/images/ban_syrol.jpg) no-repeat;
background-position:left top;
}

html>body #header{
height:112px;
}

#logo a{
float:left;
width:300px;
height:100px;
}

#topright{
float:right;
width:166px;
height:100px;
}

#topright form{
margin-top:10px;
}

#topright input{
border:1px solid #b10f57;
color:#b10f57;
}

#topright input.field{
width:120px;
height:16px;
}

#topright input.btn{
width:20px;
height:20px;
color:#b10f57;
background-color:white;
border:1px solid #b10f57;
}

html>body #topright input.btn{
margin-top:4px;
}

.extranet{
margin-left:15px;
text-align:left;
width:100%;
}


/*------------------------------------------------------------------------------------------------------------------------*/

#menutop{
float:left;
height:25px;
width:800px;
text-align:center;
background-color:#058198;
}



#menutop ul{
margin:0;
margin-top:5px;
text-align:left;
}

#menutop li{
padding-left:5px;
display:inline;
list-style:none;
font-weight:bold;
border-left:1px solid white;
}

#menutop li.borderless{
border:0;
}

#menutop li a{
color:white;
}

#menutop li a:hover{
color:#dff2f6;
}

/*------------------------------------------------------------------------------------------------------------------------*/

#content{
float:left;
width:800px;
margin-top:5px;
line-height:12pt;
}

#content p{
float:left;
text-align:justify;
margin:0;
width:97%;
}

#columnleft{
float:left;
width:255px;
}

#presentation{
width:255px;
float:left;
margin-left:3px;
}

#actus{
margin-top:20px;
width:255px;
float:left;
margin-left:3px;
}

#actus .chapo a{
color:black;
}

#actus p{
margin-top:5px;
margin-bottom:5px;
}

#columncenter{
float:left;
width:320px;
margin-left:5px;
margin-bottom:10px;
}

html>body #columncenter{
margin-left:10px;
}

.commission{
float:left;
margin-top:5px;
width:100%;
padding-left:5px;
padding-bottom:5px;
background-color:#fbf4f7;
color:#650831;
}

html>body .commission{
width:98%;
}

#centervideo{
float:left;
height:200px;
width:100%;
background-color:black;
}

#columnright{
float:right;
width:195px;
}

/*------------------------------------------------------------------------------------------------------------------------*/

#menubottom{
float:left;
height:25px;
width:800px;
text-align:center;
margin-top:10px;
border-top:1px solid #e41370;
}

#menubottom ul{
margin:0;
margin-top:5px;
text-align:right;
}

#menubottom li{
padding-left:5px;
display:inline;
list-style:none;
font-weight:bold;
border-left:1px solid #e41370;
font-size:12px;
font-weight:normal;
}

#menubottom li.borderless{
border:0;
}

#menubottom li a{
color:#e41370;	
}

#menubottom li a:hover{
color:#650831;
}