/*****************************************************/
/********** OS communications informatiques **********/
/**********        	  INFO@OS.CA  		    **********/
/**********   Feuille de style en cascade   **********/
/*****************************************************/

body {
margin: 0;
padding: 0;
padding-bottom: 30px;
background-color: #060606;
background-image: url(images/bgBody.png);
background-position: top;
background-repeat: repeat-x;
}

/*****************************************************/
/*****	       STRUCTURE - Mise en page		     *****/
/*****************************************************/

#container {
width: 1024px;
margin: 0 auto;
padding: 0;
}

#wave {
background-image: url(images/waveGrise.png);
background-position: right top;
background-repeat: no-repeat;
height: 88px;
}

#banner {
margin: 0;
padding: 0;
background-image: url(images/mainLogoGris.png);
background-position: left top;
background-repeat: no-repeat;
height: 150px;
}

#content {
margin: 0;
padding: 0;
padding-left: 87px;
margin-right: 370px;
}

*html #content {
margin: 0;
padding: 0;
padding-left: 87px;
}

#sidebar-b {
float: right;
width: 278px;
margin: 0;
padding: 70px 30px 0 30px;
background-image: url(images/bgNouvellesGris-EN.png);
background-position: left top;
background-repeat: no-repeat;
height: 330px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
}

#footer1 {
background-image: url(images/bgFooter1.png);
background-position: left top;
background-repeat: no-repeat;
text-align: center;
padding-top: 50px;
height: 71px;
width: 854px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #FFF;
margin-top: 25px;
}

#conteneurLiensFooter {
width: 1024px;
margin: 0 auto;
padding-top: 15px;
}

#footer {
clear: both;
margin: 0;
padding: 0;
width: 100%;
height: 84px;
background-image: url(images/bgFooter.png);
background-position: top;
background-repeat: repeat-x;
color: #525252;
}

/*****************************************************/
/*****	           Elements TEXTE			     *****/
/*****************************************************/

#content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #999;
padding-right: 40px;
}

#content p.sousTitre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFF;
margin-top: 35px;
}

#sidebar-b p {
width: 196px;
} 

#conteneurLiensFooter p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #575757;
text-align: right;
clear: both;
}

/*****************************************************/
/*****	           Elements LIST			     *****/
/*****************************************************/

ul.menuMain {
margin: 0;
padding: 0;
float: right;
}

ul.menuMain li {
list-style-type: none;
display: inline;
}

ul.listeServices {
margin: 0;
padding: 0;
}

ul.listeServices li {
margin: 8px 0 8px 52px;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #999;
}

#footer ul {
margin: 0;
padding: 0;
padding-top: 4px;
padding-right: 30px;
height: 17px;
float: right;
background-image: url(images/logoUGMfooter.png);
background-position: right;
background-repeat: no-repeat;
}

#footer ul li {
margin: 0;
padding: 0;
display: inline;
}


/*****************************************************/
/*****	           Elements LIENS			     *****/
/*****************************************************/

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

a:hover {
text-decoration: underline;
}

#conteneurLiensFooter a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #f90;
text-decoration: none;
}

div.btn2 a, div.btn2 a:hover {
display: block;
width: 100px;
height: 92px;
text-decoration: none;
}

div.btn3 a, div.btn3 a:hover {
display: block;
width: 114px;
height: 92px;
text-decoration: none;
}


/*****************************************************/
/*****	           Elements FORMS			     *****/
/*****************************************************/



/*****************************************************/
/*****	           Elements MENU			     *****/
/*****************************************************/

div.menuMain {
position: relative;
float: right;
width: 418px;
height: 92px;
}

div.btn1 {
position: absolute;
background-image: url(images/btn1Gris-EN.gif);
background-position: 0 0;
background-repeat: no-repeat;
width: 192px;
height: 92px;
}

div.btn2 {
position: absolute;
top: 0;
left: 193px;
width: 100px;
height: 92px;
position: absolute;
background-image: url(images/btn2Gris.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

div.btn3 {
position: absolute;
top: 0;
left: 293px;
width: 100px;
height: 92px;
position: absolute;
background-image: url(images/btn3Gris-EN.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

/*****************************************************/
/*****	           Elements STYLES			     *****/
/*****************************************************/

p.paraImgFloat {
padding-left: 230px;
height: 197px;
background-image: url(images/schemaGris.png);
background-position: 0 0;
background-repeat: no-repeat;
}

/*****************************************************/