/* CSS Document */
body {
background-image:  url("en/img/tile.gif");
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#333;
margin:0px;
padding:0px;
text-align:center;
margin-left			: auto; /* used to center the layout */
margin-right		: auto; /* in Mozilla-based browsers */
}

div.centerPage { text-align: left; width: 70%; margin-left: auto; margin-right: auto; }

h1{
font-family: Arial, Helvetica, sans-serif;
color:#F47522;
font-size:12px;
font-weight:100;
text-transform:uppercase;
margin-bottom:-10px;
margin-top:3px;
padding:0px 0px 0px 0px;
}


h2{
font-family: Arial, Helvetica, sans-serif;
color:#036;
font-size:12px;
font-weight:100;
text-transform:uppercase;
margin-bottom:3px;
margin-top:3px;
}

h3{
font-family: Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
font-weight:100;
margin:7px 0px 1px 0px;
padding:0px 0px 0px 0px;
text-transform:uppercase;
}

h4{
font-family: Arial, Helvetica, sans-serif;
color:#F47522;
font-size:12px;
font-weight:100;
text-transform:uppercase;
margin-bottom:-10px;
margin-top:3px;
padding:0px 0px 0px 0px;
}

h5{
font-family: Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
font-weight:bold;
margin-bottom:0px;
margin-top:3px;
padding:0px 0px 0px 0px;
}

p{
margin-bottom:-5px;
}

ul{
list-style: url("en/img/list-square.gif"); 
margin:17px 0px 0px 25px;
padding:0px 0px 0px 0px;
}

li{
margin-bottom:3px;
margin-top:3px;
}

.grid{
/*pourles listes dans la page profiles-all*/
list-style: url("en/img/list-square.gif"); 
margin:10px 0px 0px 15px;
padding:0px 0px 0px 0px;
}

.grid li {
margin-bottom:5px;
margin-top:5px;
}

a:link{color:#F47522;text-decoration:none;}
a:visited{color:#F47522;text-decoration:none;}
a:hover{color:#F47522;text-decoration:underline;}
a:active{color:#F47522;text-decoration:underline;}


#top_menu{
background-image: url("en/img/strategia-logo2.gif");
background-repeat: no-repeat;
height:50px;
vertical-align:bottom;
padding-right:20px;
}

#menu{
float:right;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#hitzone{
float:left;
width:200px;
}

#advanced-learning-solutions{
vertical-align:top;
background-color:#fff;
text-align:left;
}

#profiles{
float:left;
height:100%;
}

#roles {
border:1px solid #B1C1D7;
background-color:#F9F9EF;
}

#roles td{
background-color:#fff;
vertical-align:top;
padding:5px 10px 5px 15px;
border:1px solid #B1C1D7;
text-align:left;
}

#roles .borderNone{
border:none;
}

#roles .scenario {
/*table dans la table #roles - sans bordures!*/
width:60%;
border: 1px solid #fff;
margin-top:10px;
}

#roles .paddingContent {
padding:10px;
}

#roles .scenario td{
border: 1px solid #fff;
padding: 5px 3px 5px 3px;
}

#services {
border:1px solid #B1C1D7;
background-color:#F9F9EF;
}

#services td{
background-color:#fff;
vertical-align:top;
padding:5px 10px 5px 15px;
border:1px solid #B1C1D7;
text-align:left;
}

#about {
border:1px solid #B1C1D7;
background-color:#F9F9EF;
}

#about td{
background-color:#fff;
vertical-align:top;
padding:5px 10px 5px 15px;
border:1px solid #B1C1D7;
text-align:left;
}

#about div{
margin: 0px 0px 0px 30px;
}

#contact {
border:1px solid #B1C1D7;
background-color:#F9F9EF;
}

#contact td{
background-color:#fff;
vertical-align:top;
padding:5px 10px 5px 15px;
text-align:left;
}


.producteur{
/*barre-menu du profil producteur*/
background-image: url("fr/profiles/img/content-creator.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}
.producteur-en{
/*barre-menu du profil producteur*/
background-image: url("en/profiles/img/content-creator.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}

.formateur{
/*barre-menu du profil formateur*/
background-image: url("fr/profiles/img/formateurs.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}
.formateur-en{
/*barre-menu du profil formateur*/
background-image: url("en/profiles/img/formateurs.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}

.coordonateur{
/*barre-menu du profil coordonateur*/
background-image: url("fr/profiles/img/coordonateurs.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}
.coordonateur-en{
/*barre-menu du profil coordonateur*/
background-image: url("en/profiles/img/coordonateurs.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}

.dirigeant{
/*barre-menu du profil dirigeant*/
background-image: url("fr/profiles/img/dirigeants.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}
.dirigeant-en{
/*barre-menu du profil dirigeant*/
background-image: url("en/profiles/img/dirigeants.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}

.apprenant{
/*barre-menu du profil apprenants*/
background-image: url("fr/profiles/img/apprenants.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}
.apprenant-en{
/*barre-menu du profil apprenants*/
background-image: url("en/profiles/img/apprenants.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}

.responsableti{
/*barre-menu du profil TI*/
background-image: url("fr/profiles/img/responsables.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}
.responsableti-en{
/*barre-menu du profil TI*/
background-image: url("en/profiles/img/responsables.gif");
background-repeat:no-repeat;
text-align:right;
padding-right:5px;
}

td #news-content{
background-image: url("en/img/clock.gif");
background-position:bottom right;
background-repeat:no-repeat;
height:100%;
}

#news-content-header{
color:#F47522;
}

#pop {
background-color:#fff;
}

#pop td{
vertical-align:top;
border:0px;
padding: 3px 10px 3px 10px;
text-align:left;
}

#pop td.title{
font-weight:bold;
color:#F5853A;
}

#pop td.titleGrey{
font-weight:bold;
background-color:#EDEDED;
color:#F5853A;
}

#pop-container {
background-color:#fff;
}

#pop-container th{
background-image: url("en/img/titleTile.gif");
}
.noBorder{
border:none;
}

.bottom{
background-image: url("en/img/orange-btm.jpg");
background-repeat:repeat-x;
}

.bottomContact{
padding: 3px;
background-color:#FCFCFC;
}

.content-top{
background-image: url("en/img/orange-top.jpg");
background-repeat:repeat-x;
}

.link{
display:inline;
background-image: url("en/img/link.gif");
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
}

.divider{
/*separateur dans les pages produits*/
height:1px;
border-top: 1px solid #ccc;
width:100%;
margin: 10px 0px -5px 0px;
}

.page-left{
background-image: url("en/img/left_edge.gif");
background-repeat:repeat-y;
width:24px;
}

.page-right{
background-image: url("en/img/right_edge.gif");
background-repeat:repeat-y;
width:23px;
}

.page-footer{
background-image: url("en/img/bottom_edge.gif");
}



