body {margin: 0 auto;text-align:center;padding: 0;margin-top: 15px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}

ul, li, h1, h2, h3, h4, h5, h6, img {margin: 0;padding: 0;list-style: none;border: 0;}

p {margin: 2px;}

.clear {clear: both;}

a {outline: none;color: #666;}

a:hover, a.selected{color: #e60;}

.orange {color: #e60;}

.bleu {color: #007cbc;}

.rindent {padding-left: 20px;}

.floatnone {float: none !important;}

h6 {font-size: 11px;font-weight: bold;}

h5 {font-size: 12px;font-weight: bold;}

#supporter {width: 990px;margin: 0 auto;margin-top: 10px;text-align:left;}

#contentone {float: left;width: 990px;background-image: url(../images/fond-content-top.jpg);background-repeat: no-repeat;}

#contenttwo {float: left;width: 990px;background-image: url(../images/fond-content-bottom.jpg);background-repeat: no-repeat;background-position: 0 100%;}

#contentthree {float: left;margin-top: 5px;margin-bottom: 5px;width: 990px;min-height: 270px;background-image: url(../images/fond-content-middle.jpg);background-repeat: repeat-y;background-position: 0 0;}

#header, #content, #footer {float: left;width: 952px;margin: 0 19px;display: inline;}

#header {margin-top: 14px; background: url(../Images/fond-header.jpg) no-repeat;height: 129px; margin-bottom:10px;}

#headerWithoutLogo {float: left; background: url(../Images/fond-header-sans-logo.jpg) no-repeat; width: 952px;margin: 0 19px;display: inline; margin-top: 14px; height: 129px; margin-bottom:10px;}
#headerWithoutLogoVierge {float: left; width: 952px;margin: 0 19px;display: inline; margin-top: 14px; height: 129px; margin-bottom:40px;}

#header a {text-decoration: none;}

#headertop {float: left;width: 952px;height: 100px;}

#headertop h1 {float: left;margin:10px 0 0 17px;display: inline}

#headertop .Selectlanguage {float:right;font-size: 10px;margin-top: 28px;margin-right: 22px;display: inline;}

.Selectlanguage {float:right;font-size: 10px;display: inline;margin-right: 10px;width: 210px;height:100px;text-align: right;}

.Selectlanguage span{color: #e60;}

#footer {width: 952px;padding-right: 16px;height: 22px;background: url(../images/fond-footer.jpg) no-repeat;padding-bottom: 14px;text-align: right;padding-top: 21px;color: #666; margin-bottom:10px;}

#footer a {color: #666;text-decoration: none;}

#footer a:hover {text-decoration: underline;}

#footer .infos {text-align: left; margin-left:10px;}

#footer .infos span{color: #666;text-decoration: none;padding: 0px 2px 0px 3px;}

#footer .infos span.first{border: 0;}

.left {float: left;}

.right {float: right;}

.contenttop {clear: both;margin-left: 19px;width: 952px;height:22px;padding-right: 16px;background: url(../images/fond-content-top2.jpg) no-repeat;}

#contenttop {clear: both;margin-left: 19px;width: 952px;height:22px;padding-right: 16px;background: url(../images/fond-content-top2.jpg) no-repeat;}

.content {clear: both;margin-left: 19px;width: 952px;height: auto;padding-right: 16px;background: url(../images/fond-content-middle2.jpg) repeat-y;padding-bottom: 14px;color: #666;display: inline-block;}

#content {clear: both;margin-left: 19px;width: 952px;height: auto;padding-right: 16px;background: url(../images/fond-content-middle2.jpg) repeat-y;padding-bottom: 14px;color: #666;}

.contentbottom {clear: both;margin-left: 19px;width: 952px;height:21px;padding-right: 16px;background: url(../images/fond-content-bottom2.jpg) no-repeat; margin-bottom:5px;}

#contentbottom {clear: both;margin-left: 19px;width: 952px;height:21px;padding-right: 16px;background: url(../images/fond-content-bottom2.jpg) no-repeat; margin-bottom:5px;}

.homeleft {float:left; margin-left: 15px;}

#homeleft {float:left; margin-left: 15px;}

.homeright {margin-left: 5px; }

#homeright {margin-left: 5px;}

input:focus{border: 1px solid #e60;}

input.textEntry {float: right;margin-right: 80px;width: 200px;border: 1px solid #ccc;}

input.passwordEntry {float: right;margin-right: 80px;width: 200px;border: 1px solid #ccc;}

input:active{border: 1px solid #e60;}

input:focus{border: 1px solid #e60;}

.failureNotification {color: Red;}

div.failureNotification {margin-top: 5px;}

input.NavBarButtonSelected {background-color: white;border:1px outset #A6BEDE;font-weight:bold;font-size:9px;color:#e60;}

select {background: white;color: #e60;text-decoration: none;border: 1px solid gray;font-size:10px;}

select.textEntry {float: right;margin-right: 80px;width: 204px;border: 1px solid #ccc;}

textarea.textEntry {float: right;margin-right: 80px;border: 1px solid #ccc;width: 200px;height: 50px;}

#Maintenance {clear:both;float:left; width:196px; height:367px; background-image: url(../Images/Maintenance.jpg);}

#Operatrice {clear:both;float:left; width:20px; height:336px; }

.Operatrice {clear:both;float:left; width:20px; height:336px; }

#LogoVamDa {margin-bottom: 40px;float:left; width:200; height:67px; background-image: url(../Images/Enseignes/VamDa.png);}

#LogoCopra {margin-bottom: 40px;float:left; width:196px; height:196px; background-image: url(../Images/Enseignes/Copra.jpg);}

#LogoSystemeU {margin-bottom: 40px;float:left; width:196px; height:170px; background-image: url(../Images/Enseignes/SystemeU.jpg);}

#LogoCora {margin-bottom: 40px;float:left; width:196px; height:165px; background-image: url(../Images/Enseignes/Cora.jpg);}

#LogoActimac {margin-bottom: 40px;float:left; width:196px; height:165px; background-image: url(../Images/Enseignes/Actimag.png);}

#LogoDigital {margin-bottom: 40px;float:left; width:196px; height:165px; background-image: url(../Images/Enseignes/Digital.png);}

#LogoTopOffice {margin-bottom: 40px;float:left; width:150px; height:300px; background-image: url(../Images/Enseignes/TopOffice.png); background-repeat: no-repeat;}

#logoCdiscount {margin-bottom: 40px;float:left; width:203px; height:50px; background-image: url(../Images/Enseignes/CDiscount.png);}

#LogoAxtem {margin-bottom: 40px;float:left; width:200px; height:90px; background-image: url(../Images/Enseignes/Axtem.png);}

#LogoDigital {margin-bottom: 40px;float:left; width:150px; height:78px; background-image: url(../Images/Enseignes/Digital.png);}

#LogoEasymac {margin-bottom: 40px;float:left; width:195px; height:53px; background-image: url(../Images/Enseignes/Easymac.png);}

#LogoProEtCompagnie {margin-bottom: 40px;float:left; width:200px; height:78px; background-image: url(../Images/Enseignes/ProEtCompagnie.jpg);}

#VisuelPort {clear:both; float:left; width:196px; height:336px; background-image: url(../Images/Port_Visuel_Extension.jpg); background-repeat:no-repeat;}

.DownloadBriefDescription {color: #999999;margin-bottom: 3px;}

.DownloadSection {}

.DownloadBouton {float: left; margin-right:5px;}

.PLV {clear: both;}

.PLVSection {clear: both;}

.PLVSectionTitle {padding-top: 10px; color:#666666; font-weight: bold; font-size: 15px; margin-top: 10px;}

.PLVSectionDownload {}

.PLVImage {clear: both; float: left; margin: 4px;}

.PLVDescription {float:left;font-size: 11px;}

.PLVTitle { font-weight: bold; color: #666; }

.PLVSize { color: #666; }

.PLVSSSectionTitre { color: #666; padding-top: 5px; clear: both; font-weight: bold; font-size: 13px; margin-bottom:2px; }

.PLVSSSectionSousTitre {clear: both;font-weight: bold;font-size: 12px;margin-left:10px;margin-top:5px; margin-bottom:2px;}

.PLVSSectionCommentaire {color: #999;font-size: 11px; margin-bottom:3px;}

.btnDeconnexion {background-color: Transparent;border: 0;float:right;margin-right: 230px;margin-left: -50px;margin-top: 5px;font-weight:bold;font-size:12px;cursor:pointer;color:#e60;}

.homeTitre {font-size: 11px;font-weight: bold;margin-left: 10px;}

.listeBulle li {list-style-type : disc; text-indent : 20px;}

.erreur {font-size: 16px; text-align: center; color: Red;}

/***************************************************************************************/
/*********************************** GRIDVIEW ******************************************/
/***************************************************************************************/

.gridView
{   
	width: 100%;
	background-color: #fff;
	border: solid 1px #e60;
	border-collapse: collapse;
	font-size: 11px;
}

.gridView td
{   
	border-bottom: solid 1px #c1c1c1;
	border-top: solid 1px #c1c1c1;
	border-left: none 0;
	border-right: none 0;
	color: #111111;
	text-align: right;
	padding: 2px 3px 2px 3px;
}

.gridView td.total
{
	font-weight: bold;
	background-color: #fcd5b4;
}

.gridView tr.totaux
{
	font-weight: bold;
	background-color: #fcd5b4;
}

.gridView tr.totaux:hover
{
	font-weight: bold;
	background-color: #fcd5b4;
}

.gridView td.left
{
	border : 0;
	border-bottom: solid 1px #c1c1c1;
	text-align: left;
}

.gridView th.hidden
{
	display: none;
}

.gridView td.hidden
{
	display: none;
}

.gridView th
{   
	border : 0;
	color: #fff;
	background: #e60 repeat-x top;
	border-left: solid 1px #e60;
	border-bottom: solid 1px #e60;
	padding: 2px 3px 2px 3px;
}

.gridView th a
{
	color: #ffffff;
}

.gridView th a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.gridView th a:out
{
	color: #ffffff;
	text-decoration: none;
}

.gridView th.left
{
	border : 0;
	text-align: left;
}

.gridView .alternatingRowStyle
{
	background: #fcfcfc repeat-x top;
}

.gridView .pagerStyle
{
	background: #e60 repeat-x top;
}

.gridView .pagerStyle table
{
	margin: 5px 0;
}

.gridView .pagerStyle td
{
	border-width: 0;
	padding: 0 6px;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
	font-weight: bold;
	color: #fff;
	line-height: 12px;
}
   
.gridView .pagerStyle a
{
	color: #666;
	text-decoration: none;
}

.gridView .pagerStyle a:hover
{
	color: #000;
	text-decoration: none;
}

.infoSuiviMag
{
	float:left;
	max-width: 630px;
	margin: 10px 0 0 0;
}

.contact
{
	float: right;
	background-image: url(../Images/Suivimag.png);
	background-repeat: no-repeat;
	padding: 80px 5px 0 0 ;
	font-weight: normal;
}

fieldset
{
	padding: 30px;
	border: 1px solid #048fdf;
}

legend
{
	font-weight: bold;
	color: #048fdf; 
}

.selected
{
	font-weight: bold;
	color:#007cbc;
}

.textRight{text-align:right;}
.textLeft{text-align:left;}
.textCenter{text-align:center;}
.vAlignTop{vertical-align:top;}
.vAlignMiddle{vertical-align:middle;}
.vAlignBottom{vertical-align:bottom;}
.bloc{display:inline-block;}
.left{float:left;}
.right{float:right;}
.clear{clear:both}

ul.liste
{
    margin: 10px;
}

ul.liste li
{
    margin: 0 0 0 50px;
    list-style-type:circle;
}