body{
    margin:0;
    padding:0;
    background-color:#dcdbdb;
    font-family: Helvetica;
    font-size:14px;
}

/******************************************* D�but top bar ******************************************************/

#topbar{
    width:100%;
    height:auto;
    margin-bottom:20px;
    background-color: #333333;
    border:none;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

#logo{
    width:67px;
    height:25px;
    margin-left:70px;
    padding-top:10px;
    display:inline-block;
    margin-bottom:12px;
}

#connexion{
    width:auto;
    height:26px;
    float:right;
    display:inline-block;
    padding-right:25px;
    padding-top:10px;
}

#btntopconnexion{
    width:auto;
    height:auto;
    border:1px solid #d0d0d0;
    margin:0;
    padding:0;
    list-style:none;
    color:#333;
    text-align:center;
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefefe 0%, #e6e6e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fefefe 0%,#e6e6e6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ 
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

#ico_connexion{
    background-image: url("../images/ico_connexion.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: -1px;
    margin-right:3px;
    vertical-align: text-top;
    width: 14px;
}

#ico_connexion2{
    background-image: url("../images/ico_connexion2.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: -1px;
    margin-left:10px;
    vertical-align: text-top;
    width: 14px;
}

.connexionmenu{
    padding:7px 2px 5px 2px;
    color:#333;
    font-size:14px;
}

#sousconnexion{
    display:none;
    padding:3px 0 0 13px;;
    list-style:none;
    color:#333;
    font-size:13px;
    width:100px;
    margin-top:2px;
    margin-left:-1px;
}

#sousconnexion li{
    padding:2px 0;
    border:none !important;
}
    
.connexionmenu:hover ul#sousconnexion,  .connexionmenu.sfhover ul#sousconnexion{
    display:block;
    height:auto;
    margin-top:10px; 
    padding:0;
    list-style:none;
    color:#333;
    font-size:13px;
    width:100px;
    margin-top:2px;
    margin-left:-1px;
}

#maincontent{
    clear:both;
    margin-right:20px;
    margin-left:20px;
}

/******************************************* D�but menu left ******************************************************/

#menuleft{
    width:16%;
    height:auto;
    background-color:#f3f3f3;
    border:1px solid #c5c5c5;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    position:fixed;
    float:left;
}

#menuleft ul{
    list-style:none;
    color:#0d55bb;
    margin:0;
    padding:0;
}

#menuleft li{
    padding:21px 0 14px 13px;
    border-bottom:1px solid #c5c5c5;
}

.amenu{
    color:#0d55bb;
    text-decoration:none;
}

.amenu:hover{
    color:#093e84;
    text-decoration:none;
}

#menu2{
    margin:0;
    padding:0;   
    display: none;
    margin:0px;
    padding: 0px;
}

.test{
    padding:21px 0 14px 13px;
    border-bottom:1px solid #c5c5c5;
}

.test:hover{
    color:#093e84;
    /*padding:21px 0 0 13px !important;*/
}


.test:hover ul#menu2{
    display:block;
    height:auto;
    margin-top:10px;
}

/*.test:visited ul#menu2{
    display:block;
    height:auto;
    margin-top:10px;
}

.test:focus ul#menu2{
    display:block;
    height:auto;
    margin-top:10px;
}*/

.lisimple{
    color:#093e84;
    font-size:13px;
    padding:0 0 0 35px !important;
    border-bottom:none !important;
    line-height:145%;
    
}

.lisimple a{
    color:#093e84;
    text-decoration:none;
}

.lisimple a:hover{
    color:#093e84;
    text-decoration:underline;
}

#ico_home{
    background-image: url("../images/ico_home.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_compte{
    background-image: url("../images/ico_compte.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_intervenants{
    background-image: url("../images/ico_intervenants.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_magazines{
    background-image: url("../images/ico_magazines.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_tache{
    background-image: url("../images/ico_chien.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_map{
    background-image: url("../images/map.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_export{
    background-image: url("../images/export.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_modifier{
    background-image: url("../images/ico_modifier.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_parrains{
    background-image: url("../images/parrainage_icone.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_recu{
    background-image: url("../images/facture.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_texte{
    background-image: url("../images/texte.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}
#ico_mailing{
    background-image: url("../images/ico_mailing.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}
#ico_accueil_site{
    background-image: url("../images/ico_accueil_site.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width:20px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

/******************************************* D�but bloc right ******************************************************/

#blocrightcontent{
    width:82%;
    height:auto;
    float:right;
}

#blocrightcontentiframe{
    width:100%;
    height:auto;
}

/******************************************* Pr�sentation g�n�rale ******************************************************/

#presentationgenerale{
    margin:0 auto;height:auto;text-align:center;
}

#p_presentation{
    margin:0 0 20px 0;
    padding:0;
    text-align:justify;
    color: #646464;
    font-size: 13px;
    font-weight: bold;
    line-height: 115%;
    padding: 10px;
    background-color:#f3f3f3;
    text-shadow: 1px 1px 1px #F0F0F0;
}

#title_presentation{
    margin:20px 0;
    padding:0;
    text-align:center;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 115%;
    padding: 0;
    text-shadow: 1px 1px 1px #F0F0F0;
}

/*************************************** breadcrumb *******************************************************/

#breadcrumb{
    width:100%;
    height:51px;
    margin-bottom:30px;
    background-color:#f3f3f3;
    border:1px solid #c5c5c5;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

#breadcrumb p{
    margin:20px;
    padding:0;
    color:#0d55bb;
}

#breadcrumb p a{
    color:#0d55bb;
    text-decoration:none;
}

#breadcrumb p a:hover{
    color:#0d55bb;
    text-decoration:underline;
}

.pipeblack{
    color:#333;
}

/*************** notifications *******************/

#notifications {
    width:100%;
    height:auto;
    margin-bottom:30px;
    background-color:#f3f3f3;
    border:1px solid #c5c5c5;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

#notifications p{
    padding:10px 15px;
    margin:0;
    line-height:130%
    
}

#ico_warning{
    background-image: url("../images/ico_warning.png");
    background-repeat: no-repeat;
    display: inline-block;
    height:22px;
    width:24px;
    line-height:20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

.red{
    color:#c70202;
}

.bold{
    font-weight: bold;
}

.simple{
    text-decoration:none;
}

.black{
    color:#333;
}

.black:hover{
    color:#c70202;
}

/*************** blocs tip *******************/

.bloctip{
    width:31.75%;
    height:auto;
    margin-bottom:30px;
    display:inline-block;
    vertical-align:top;
    /*background-color:#f3f3f3;
    border:1px solid #c5c5c5;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;*/
}

#bloctipcontent{
    width:100%;
    height:auto;
    display:inline-block;
    background-color:#f3f3f3;
    border:1px solid #c5c5c5;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.headerbloc{
    width:100%;
    height:auto;
    margin-bottom:15px;
    display:inline-block;
    background-color:#c8c8c8;
    border-bottom:1px solid #b8b8b8;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}

.headerbloc p{
    margin:0;
    padding:10px;
}

#ico_intervenants2{
    background-image: url("../images/ico_intervenants2.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width:24px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}

#ico_taches2{
    background-image: url("../images/ico_taches2.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width:16px;
    line-height: 20px;
    margin-top: -5px;
    margin-right:7px;
    vertical-align: text-top;
}


#ico_modifier2{
    background-image: url("../images/ico_modifier2.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px;
    width:15px;
    line-height: 20px;
    margin-top: -2px;
    margin-right:7px;
    vertical-align: text-top;
}

#contenttip{
    width:96%;
    height:auto;
    padding:10px;
    margin:0;
}

#picturetip{
    width:100%;
    height:140px;
    margin: 0 0 10px 0;
    padding: 0;
    text-align:center;
}


/******************************************************************* border tableau ******************************************************************/

.thtableau{
    padding:10px;
    font-size:15px;
    text-transform:uppercase;
    color:#0d57bb;
    font-weight:lighter;
    background-color:#d6e1f0;
    border:none;
    text-align:center;
}

.bordertop{
   border-top:1px solid #0d57bb; 
}
.borderbottom{
    border-bottom:1px solid #0d57bb;
}
.borderright{
    border-right:1px solid #0d57bb;
}
.borderleft{
    border-left:1px solid #0d57bb;
}

.borderbottomgrey{
    border-bottom:1px solid #b8b8b8;
}

.borderrightgrey{
    border-right:1px solid #b8b8b8;
}

/******************************************************************* tableaux ******************************************************************/

.titletableau{margin:0 30px 0 0;padding:0;float:left;font-weight:bold;font-size:20px;}

#zoneinter{height:27px;width:332px;float:right;margin-top:-14px;}

.bleue{background-color:#d6e1f0;height:35px;}