@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#site-ccapps{
width:1100px;
height:auto;
margin:auto;

}

#bandeau-ccapps{
width:1100px;
height:184px; 
}

#contenu-ccapps{
width:1100px;
height:auto;
}

a img{
border:0px;

}

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

/*______________________________COLONNE GAUCHE____________________________________*/
#colonne-gauche{
width:288px;
float:left;
}

#bt-retour{
float:left;
display:inline;
width:268px;
text-align:left;
font-size:16px;
color:#004783;
font-weight:bold;
height:64px;
margin-top:10px;
margin-left:20px;

}

#bt-retour img{
float:left;
display:inline;
}

.retour{
float:left;
display:inline;
margin-left:10px;
margin-top:8px;
}

#application-specialisee{
width:225px;
height:90px;
background:url(../media/img/application-specialisee.jpg) no-repeat;
clear:both;
margin-left:35px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
padding-top:10px;
}

#screenshot-logiciel{
width:239px;
height:203px;
margin-left:28px;
}

#navigation-logiciel{
float:left;
display:inline;
width:93px;
height:28px;
text-align:middle;
margin-left:100px;
margin-top:20px;
margin-bottom:60px;
}

#bt-moins{
float:left;
display:inline;
width:32px;
height:28px;
}

#bt-aleatoire{
float:left;
display:inline;
width:30px;
height:28px;
}

#bt-plus{
float:left;
display:inline;
width:31px;
height:28px;
}

#demande-info{
clear:both;
width:265px;
height:50px;
background:url(../media/img/demande-info.jpg) no-repeat;
color:#004783;
font-weight:bold;
font-size:16px;
line-height:50px;
text-indent:20px;
margin-left:20px;
margin-bottom:30px;
}

#reseaux-sociaux{
width:288px;
height:56px;
text-align:center;
}


#partager{
width:288px;
color:#004783;
font-weight:bold;
font-size:16px;
}
#mail{
float:left;
display:inline;
width:29px;
height:28px;
margin-left:99px;
}

#facebook{
float:left;
display:inline;
width:29px;
height:28px;
text-align:center;
}

#twitter{
float:left;
display:inline;
width:29px;
height:28px;
text-align:center;
}
/*______________________________COLONNE ARRONDI____________________________________*/
#colonne-arrondi{
float:left;
display:inline;
width:37px;
height:177px;
background:url(../media/img/arrondi-gauche.jpg) no-repeat;
}

/*______________________________COLONNE DROITE____________________________________*/
#contenu-logiciel{
float:left;
display:inline;
width:715px;
text-align:left;
}

#logo-logiciel{
float:left;
display:inline;
width:680px;
text-align:left;
margin-top:60px;
margin-left:22px;
}

#colonne-arrondi-droite{
float:left;
display:inline;
text-align:left;
width:28px;
height:178px;
background:url(../media/img/colonne-arrondi-droite.jpg) no-repeat;

}

#texte-logiciel{
float:left;
display:inline;
width:680px;
margin-top:50px;
height:auto;

}

#texte-gauche{
float:left;
display:inline;
width:361px;
margin-left:22px;
text-align:justify;
font-size:16px;
color:#767676;
font-weight:bold;
padding-top:40px;
height:auto;
}

#texte-droite{
float:left;
display:inline;
width:260px;
padding-top:43px;
margin-left:35px;
height:auto;

}

.texte-droite{
text-align:justify;
font-size:14px;
color:#004783;
font-weight:bold;
padding-bottom:20px;

}

#adresse-logiciel{
clear:both;
color:#004783;
font-size:36px;
front-weight:bold;
text-align:left;
margin-left:22px;
padding-top:42px;
display:block;
}

/*________________________________________PARTIE BASSE_______________________________________________*/
#partie-basse{
width:1100px;
display:inline-block;
clear:both;
margin-top:50px;
}

#partie-basse h1{
color:#004783;
font-size:24px;
font-weight:bold;
clear:both;

}
#arrondi-logo-gauche{
float:left;
display:inline;
background:url(../media/img/arrondi-logo-gauche.jpg) no-repeat;
width:14px;
height:63px;
margin-left:82px;
margin-top:7px;
margin-bottom:50px;
}

#logos-logiciels{
float:left;
display:inline;
width:907px;
height:63px;
background:#e5eef4;
margin-top:7px;
margin-bottom:50px;
text-align:left;}

#logos-logiciels img{
float:left;
display:inline;
text-align:left;}

#arrondi-logo-droite{
float:left;
display:inline;
background:url(../media/img/arrondi-logo-droite.jpg) no-repeat;
width:14px;
height:63px;
margin-top:7px;
margin-bottom:50px;
}
/*________________AUTRES LOGICIELS__________________*/

#gestion-de-sites{
clear:both;
display:block;
margin-left:160px;
margin-top:7px;

}

#sur-mesure{
margin-left:160px;
clear:both;
display:block;
width:auto;
}

#administratives{
margin-left:160px;
clear:both;
display:block;
width:auto;
}

.img-autres{
float:left;
display:inline;
}

#gestion-de-sites img{
float:left;
display:inline;
background:#e5eef5
}

#sur-mesure img{
float:left;
display:inline;
background:#e5eef5
}


#administratives img{
float:left;
display:inline;
background:#e5eef5
}

.arrondi-autres-gauche{
float:left;
display:inline;
background:url(../media/img/arrondi-autres-gauche.jpg) no-repeat;
width:11px;
height:46px;
margin-top:15px;
margin-left:17px;
}

.arrondi-gestion-sites{
float:left;
display:inline;
width:364px;
background:#e5eef5;
height:46px;
margin-top:15px;
}

.arrondi-sur-mesure{
float:left;
display:inline;
width:557px;
background:#e5eef5;
height:46px;
margin-top:15px;
}


.arrondi-administratives{
float:left;
display:inline;
width:86px;
background:#e5eef5;
height:46px;
margin-top:15px;
}



.arrondi-autres-droite{
float:left;
display:inline;
background:url(../media/img/arrondi-autres-droite.jpg) no-repeat;
width:11px;
height:46px;
margin-top:15px;
}

/*_____________________________________________FOOTER_______________________________________________*/
#footer a{
text-decoration:none;
color:#FFFFFF;
}

#footer{
width:1100px;
height:150px;
background:url(../media/img/fond_footer.jpg) no-repeat;
float:left;
display:inline;
display:block;
margin-top:45px;
text-align:left;
}

#footer-logo{
width:1100px;
height:150px;
float:left;
display:inline;
}

#adresse-ccapps{
float:left;
display:inline;
width:737px;
height:76px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-left:134px;
margin-top:58px;
}

#adresse-cccom{
float:left;
display:inline;
width:154px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin-top:58px;
}

#adresse-ccapps p{
text-align:left;
}

#adresse-cccom p{
text-align:left;
}

.liste-logiciel{
color:#FFFFFF;
font-weight:regular;
}

.liste-logiciel{
color:#000000;
font-weight:bold;
}


.pngfix{ behavior: url(/js/iepngfix.htc) }

.arr_8 {
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
}