@import "custom.css";

/*************************************
				RESET
*************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;	border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body {line-height: 1;}
legend{display:none;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
acronym   {border-bottom:1px dotted #000;}
input[type=submit]  {cursor:pointer;}
a   {color:#007CBA;}

/*************************************
				GLOBAL
*************************************/

html {font-size: 80%;}

body {
    background-color: #0079c2;
    color: #000000;
    font-family: arial, sans-serif;
    background-image:url(../../img/default/Background.png);
    background-repeat:repeat-y;
    background-position:top;
}

.clear  {display:block;clear:both;}
.hidden {text-indent:-7000px; overflow: hidden}
.invisible  {display:none;}


.inner  {width:958px; margin:0 auto;}

#back {float:right;}

#main a:hover
{
    text-decoration: none;
}
#main a:active
{
    color: #13c0d7;
}
span.strong
{
    font-weight:bold;
}

/*************************************
				HEADER
*************************************/

    #header .inner  {
        /*width:1102px;*/
        height:148px;
        position:relative;
        background:url(../../img/default/Visuel.png) no-repeat top right;
        width:1000px;
        right:57px;
    }
    #header .inner #logo  {
    left:80px;
}
    
    
    /* Topnav */
    #topnav   {
        height:35px;
    }
        
        /* Menu option */
        #topnav #menuoption   {
            float:left;
            margin-left:110px;
			height:35px;
        }
        
            #topnav #menuoption ul li   {
                display:inline;
				vertical-align:middle;
            }


            #topnav ul li a   {
                color:#727375;
                text-decoration:none;
                line-height:35px;
                font-size:1.2em;
                font-weight:bold;
            }

        #topnav #links  {
            float:right;        
            margin-right:100px;
            margin-top:5px;
        }

            #topnav #links ul li   {
                display:block;
                height:25px;
                padding:0 12px;
                float:left;
            }

                #topnav #links ul li:first-child   {
                    border-right:dotted 1px #6e6f71;
                }
                
                #topnav #links ul li a   {
                    height:22px;
                    width:22px;
                }
                    
    /* Logo */
    #logo   {
        position:absolute;
        left:85px;
    }

    #recherche fieldset {
        width:212px;
        height:43px;
        position:absolute;
        right:0;
        bottom:0;
        margin-right:0px;
        margin-bottom:19px;
        padding:5px;
    }
        
        #recherche h2   {
            font-weight:bold;
            color:#ffffff;
            margin-left:5px;
            margin-bottom:3px;
            text-align:right;
            padding-right:63px;
        }

        #recherche input[type=text]    {
            width:149px;
            height:34px;
            border:1px solid #7c7c7c;
            padding:0 2px;
            margin-right:3px;
            float:left;
         margin-top: 3px;
    
        }

        #recherche input[type=image]    {
            vertical-align:top;
        }

/*************************************
				CONTENU
*************************************/

#content    {
    /*margin:0 72px;
    padding-bottom:25px;*/
}

#content .inner    {
    position:relative;
    /*width:972px;*/
}

/* Menu */
#navprinc {
    width:200px;
    margin:6px 9px 6px 17px;
    float:left;
}

    #navprinc h2 {    
        color:#b03276;
        font-size:2.0em;
        padding-left:40px;
        margin-top:15px;
        position:absolute;
        left:-17px;
        height:35px;
    }

        #navprinc > ul {
            margin-bottom:40px;
        }
            
            #navprinc > ul > li {
                position:relative;
				margin:0;
				padding:0;
                margin-top:5px;
				background:none;
            }

            #navprinc > ul > li h2 {
                background: url(../../img/default/Puce_U2.png) no-repeat left top;
            }

            #navprinc > ul > li + li h2 {
                background: url(../../img/default/Puce_U3.png) no-repeat left top;
            }
            
            #navprinc > ul > li + li + li h2 {
                background: url(../../img/default/Puce_U4.png) no-repeat left top;
            }

            #navprinc > ul > li + li + li + li h2 {
                background: url(../../img/default/Puce_U5.png) no-repeat left top;
            }
    
                #navprinc > ul ul {
                    margin:0 0 0 47px;
                    padding-top:45px;
					zoom:1;
                }
                
                #navprinc > ul ul.ssmenu2 {
                    margin:0 0 0 10px;
                    padding-top:5px;
                    zoom:0;
                }
        
                    #navprinc ul li ul li {
                        list-style:none;
                        background: url(../../img/default/PuceSousRub.png) no-repeat left 4px;
						margin:0;
						padding:0;
                        padding-left:10px;
                        margin-top:3px;
                    }
                    
                    #navprinc ul li ul.ssmenu2 li {
                        list-style:none;
                        background: url(../../img/default/PuceSousRubThm.png) no-repeat left 3px;
						margin:0;
						padding:0;
                        padding-left:10px;
                        margin-top:3px;
                    }
                
                    #navprinc ul li ul li a {
                        font-size:1.3em;
                        color:#007CBA;
                        text-decoration:none;
                        font-weight:bold;
                    }


/* Contenu principal */
#main   {
    /*width:485px;
    margin-left:241px;
    margin-bottom:10px;
	float:right;
	position:relative;
	right:225px;*/
}
        
    
/* Barre laterale */

/*Bloc horaires*/

#sidebar #horaires_bloc    {
    position:absolute;
    right:-8px;
    top:223px;
    width:214px;
    height:55px;
}

	#horaires_bloc .horaires_top	{
		width:214px;
		height:43px;
	}

		#horaires_bloc .horaires_top h2	{
			background:none;
			padding:0;
		}

	#horaires_bloc .horaires	{
		background: url(../../img/default/BgHoraires_middle.png) repeat-y left top;
		padding:25px 10px 15px 10px;
		width:194px;
	}

	#horaires_bloc .horaires_bottom	{
		background: url(../../img/default/BgHoraires_bottom.png) no-repeat left top;
		width:214px;
		height:19px;
	}

    #sidebar .contenu_horaires  {
        float:left;
        margin-right:10px;
    }
	#sidebar #horaires_bloc select#horairefile	{
		width:145px;		
	}

html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#HorairesArretContent div.bloc form#stopForm fieldset div.content div
{
    line-height: 26px;
}

/*Bloc adhérents*/

#sidebar #adherent_bloc {
    position: absolute;
    right: -9px;
    top: 17px;
    width: 214px;
}
		
	#adherent_bloc .contenu_adherent	{
		background: url(../../img/default/BgMonCompte.png) left top;
		padding:40px 10px 15px 10px;
		width:194px;
		height:131px;
	}
	
#sidebar #adherent_bloc #menu_inscrit
{
    font-size: 1.2em;
}
#sidebar #adherent_bloc .adh_right 
{
    float:right;
    margin-right:10px;
}
#sidebar #adherent_bloc .adh_links .adh_link, #sidebar #adherent_bloc .checkbox
{
    margin-top:4px;
}
#sidebar #adherent_bloc .adh_sidebar
{
    margin-bottom:4px;
}
#sidebar #adherent_bloc ul.connected li
{
    margin-bottom:10px;
}
#sidebar #adherent_bloc ul.connected li.welcome
{
    font-size:110%;
    font-weight:bold;
    margin-bottom:15px;
}

/*************************************
				FOOTER
*************************************/

#footer {
    clear:both;
    padding:40px 0 8px;
    display: inline-block;
    background-image: url(../../img/default/Footer.png);
    background-position:center bottom;
    background-repeat:no-repeat;
}
#footer .contenu    {
    text-align:left;
    margin:0 auto;
    height:22px;
    width:956px;
    color:#ffffff;
    line-height:22px;
    font-size:1.1em;
}

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

#footer a:hover   {
    text-decoration:underline;
}
#footer .text
{
    text-align: center;
    font-size:80%;
}


/*************************************
		SIDEBAR & HOME
*************************************/


/*home_trafic, home_ri, home_perso, home_senonais*/
#home_blocs #home_blocs_bottom .home_trafic, #home_blocs #home_blocs_bottom .home_ri, 
#home_blocs #home_blocs_bottom .home_perso, #home_blocs #home_blocs_bottom .home_senonais,
#sidebar .home_trafic, #sidebar .home_ri, 
#sidebar .home_perso, #sidebar .home_senonais
{
    width:218px;
    float:left;
    margin:5px;
    display: block;
    color: #57585A;
}
#home_blocs #home_blocs_bottom .top,
#sidebar .top
{
    height:53px;
}

/*Home senonais*
#home_blocs #home_blocs_bottom .home_senonais .logo_ccs, #home_blocs #home_blocs_bottom .home_senonais .gotop,
#sidebar .home_senonais .logo_ccs, #sidebar .home_senonais .gotop
{
    float:left;
}
#home_blocs #home_blocs_bottom .home_senonais .logo_ccs,
#sidebar .home_senonais .logo_ccs
{
    padding-left:20px;
}
#home_blocs #home_blocs_bottom .home_senonais .gotop,
#sidebar .home_senonais .gotop
{
    padding-top:105px;
    padding-left:45px;
}
*Fin home senonais*/
/*Début home senonais nv version*/
#home_blocs #home_blocs_bottom .gotop a,
#sidebar .gotop a
{
    color:#007CBA;
    text-decoration:none;
}
#home_blocs #home_blocs_bottom .gotop a:hover,
#sidebar .gotop a:hover
{
    text-decoration:underline;
}
#home_blocs #home_blocs_bottom .home_senonais_left, #home_blocs #home_blocs_bottom .home_senonais_right
{
   float: left;
   margin-top: 5px;
}
.home_senonais_top .ziplus img
{
    margin-top:19px;
    margin-left:5px;
}
#home_blocs #home_blocs_bottom .home_senonais_left
{
    margin-left:35px;
}
#home_blocs #home_blocs_bottom .home_senonais_right
{
    margin-left:38px;
}
#home_blocs #home_blocs_bottom .home_senonais_left .gotop
{
    margin-top:104px;
}
#sidebar .home_senonais_right
{
    display:block;
    margin-left:20px;
}
#sidebar .home_senonais_right .gotop, #sidebar .home_senonais_right img
{
    float:left;
}
#sidebar .home_senonais_right img
{
    margin-left:12px;
}
#sidebar .home_senonais_right .gotop
{
    padding-top: 105px;
    padding-left:15px;
    padding-right:20px;
}
/*Fin home senonais nv version*/

#home_blocs #home_blocs_bottom .top .top_texte,
#sidebar .top .top_texte
{
    font-size:120%;
    font-weight:bold;
    padding: 32px 0 0 67px;
}
#home_blocs #home_blocs_bottom .home_trafic .top,
#sidebar .home_trafic .top
{
    background:url(../../img/default/home/InfoTrafic.png) no-repeat top left;
    color:#CC007B;
}
#home_blocs #home_blocs_bottom .home_ri .top,
#sidebar .home_ri .top
{
    background:url(../../img/default/home/CalculItineraire.png) no-repeat top left;
    color:#0079C0;
}
#home_blocs #home_blocs_bottom .home_perso .top,
#sidebar .home_perso .top
{
    background:url(../../img/default/home/EspacePerso.png) no-repeat top left;
    color:#00B288;
}
#home_blocs #home_blocs_bottom .bottom_texte,
#sidebar .bottom_texte
{
    background:url(../../img/default/home/HomeBloc_2.png) repeat-y top left;
}
#home_blocs #home_blocs_bottom .bottom_footer,
#sidebar .bottom_footer
{
    background:url(../../img/default/home/HomeBloc_3.png) no-repeat top left;
    height:13px;
}
#home_blocs #home_blocs_bottom .home_trafic .bottom .bottom_texte, 
#home_blocs #home_blocs_bottom .home_ri .bottom .bottom_texte, 
#home_blocs #home_blocs_bottom .home_perso .bottom .bottom_texte,
#sidebar .home_trafic .bottom .bottom_texte, 
#sidebar .home_ri .bottom .bottom_texte, 
#sidebar .home_perso .bottom .bottom_texte
{
    padding:5px;
    font-size: 95%;
}

/*Contenu éléments home_perso*/
#home_blocs .home_perso #menu_inscrit .checkbox, #home_blocs .home_perso #menu_inscrit .adh_right,
#sidebar .home_perso #menu_inscrit .checkbox, #sidebar .home_perso #menu_inscrit .adh_right
{
    float:left;
    margin-top:5px;
}
#home_blocs .home_perso #menu_inscrit fieldset,
#sidebar .home_perso #menu_inscrit fieldset
{
    padding-left:10px;
}
#home_blocs .home_perso #menu_inscrit #esp_log_login, #home_blocs .home_perso #menu_inscrit #esp_log_password,
#sidebar .home_perso #menu_inscrit #esp_log_login, #sidebar .home_perso #menu_inscrit #esp_log_password
{
    width:178px;
    margin-top:3px;
}
#espacemembre #esp_log_login, #espacemembre #esp_log_password, #tad #esp_log_login, #tad #esp_log_password,
#boutique #esp_log_login, #boutique #esp_log_password
{
    width:178px;
}
#espacemembre #login label
{
    padding-top:4px;
}
#home_blocs .home_perso #menu_inscrit .adh_sidebar,
#sidebar .home_perso #menu_inscrit .adh_sidebar
{
    margin-top:5px;
}
#home_blocs .home_perso #menu_inscrit .adh_link,
#sidebar .home_perso #menu_inscrit .adh_link
{
    margin-bottom:5px;
}
#home_blocs .home_perso #menu_inscrit .adh_right,
#sidebar .home_perso #menu_inscrit .adh_right
{
    margin-left:5px;
}
#home_blocs .home_perso #menu_inscrit .adh_links,
#sidebar .home_perso #menu_inscrit .adh_links
{
    float:none;
    clear:left;
}
#home_blocs .home_perso #menu_inscrit ul.connected, #home_blocs_bottom .home_perso #menu_inscrit ul.connected,
#sidebar .home_perso #menu_inscrit ul.connected, #sidebar .home_perso #menu_inscrit ul.connected
{
    padding: 7px;    
}
#home_blocs .home_perso #menu_inscrit ul.connected li, #home_blocs_bottom .home_perso #menu_inscrit ul.connected li,
#sidebar .home_perso #menu_inscrit ul.connected li, #sidebar .home_perso #menu_inscrit ul.connected li
{
    padding: 5px 0;    
}
#home_blocs .home_perso #menu_inscrit ul.connected li.welcome, #home_blocs_bottom .home_perso #menu_inscrit ul.connected li.welcome,
#sidebar .home_perso #menu_inscrit ul.connected li.welcome, #sidebar .home_perso #menu_inscrit ul.connected li.welcome
{
    font-size: 1.2em;    
}

/*Contenu éléments home_ri*/
#home_blocs .home_ri .mobigo_image,
#sidebar .home_ri .mobigo_image
{
    padding:4px;
}
#home_blocs .home_ri .mobigo_texte,
#sidebar .home_ri .mobigo_texte
{
    padding:8px 8px 0px 8px;
    line-height: 150%;
}

/*Contenu éléments home_trafic*/
#home_blocs .home_trafic .bottom_texte,
#sidebar .home_trafic .bottom_texte
{
    padding:5px 5px 0px 5px;
}
#home_blocs .home_trafic .bottom_texte .nopert,
#sidebar .home_trafic .bottom_texte .nopert
{
    padding:10px;
}
#home_blocs .home_trafic ul,
#sidebar .home_trafic ul
{
    padding:0 0 0 5px;
    margin:0;
}
#home_blocs .home_trafic ul li,
#sidebar .home_trafic ul li
{
    list-style:none;
    padding:5px 5px 0px 5px;
}
#home_blocs .home_trafic ul li h3,
#sidebar .home_trafic ul li h3
{
    padding-left:26px;
    min-height:20px;
    height:auto;
}
#home_blocs .home_trafic ul li.pert1 h3,
#sidebar .home_trafic ul li.pert1 h3
{
    background:url(../../img/default/Picto_info.png) no-repeat top left;
}
#home_blocs .home_trafic ul li.pert2 h3,
#sidebar .home_trafic ul li.pert2 h3
{
    background:url(../../img/default/Picto_perturb.png) no-repeat top left;
}
#home_blocs .home_trafic ul li .pert-content,
#sidebar .home_trafic ul li .pert-content
{
    margin-top: 8px;
}
#home_blocs .home_trafic .bottom_texte .all_perts,
#sidebar .home_trafic .bottom_texte .all_perts
{
    text-align:right;
    margin-top:8px;
    padding-right:5px;
    font-style:italic;
}

.home_trafic ul li h3 a
{
    display: block;
    padding-top: 4px;    
}

/*************************************
		FORMULAIRE TAD
*************************************/

#formTAD
{
    line-height: 22px;
}

#formTAD .spacefield .label
{
    font-weight: bold;
}

#formTAD .spacefield select
{
    padding: 2px;
}

/*************************************
		ESPACE MEMBRE
*************************************/

#espacemembre .userSelection ul,
#espacemembre .adhList,
#espacemembre .adhListLine,
#goatSelection .hourselection ul,
#main #dateSelection div.checkbox,
#main #main_content .goatTools ul,
#content #main ul.lig,
#main_content .contenu .goatTools
{
    line-height: 22px;
}

#modeLegend div.titre,
html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#HorairesArretContent div#dateSelection.bloc
{
    line-height: 32px;
}

#espacemembre .userSelection li,
#espacemembre .adhListLine li,
#espacemembre .adhList li,
html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#HorairesArretContent div#goatSelection div.bloc div.content div.hourselection ul li,
html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#HorairesLigneContent div#goatSelection div.bloc div.content div.hourselection ul li
{
    background: transparent url('../../img/default/PuceVerte.png') no-repeat 0 5px;
    font-weight: bold;
}

#espacemembre .adhList li li
{
    padding-left: 0px;
}


#goatSelection .hourselection ul li,
#main #main_content .goatTools ul li,
#content #main ul.lig li,
#main_content .contenu .goatTools li
{
    background: transparent url('../../img/default/PuceVerte.png') no-repeat 0 5px;
}

#espacemembre .userSelection .adh li,
#espacemembre .adhListLine li .enligne li,
#espacemembre .adhList li li,
html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#HorairesArretContent div#goatSelection div.bloc div.content div.hourselection ul li span,
html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#HorairesLigneContent div#goatSelection div.bloc div.content div.hourselection ul li span
{
    background: none;
    margin-right: 0;
    list-style-type: none;
    font-weight: normal;
}

html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#HorairesArretContent div#dateSelection.bloc div.content form#dateStopForm.form div.submit input
{
    margin-left: 300px;
}

html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#espacemembre form#login fieldset div.checkbox,
html body.variation1 div#container div#content div.inner div#main div#main_content div.contenu div#espacemembre form#login fieldset div.submit
{
    margin-left: 204px;
}