/*** shadow box ****/
.shadow-bloc-container{
    border: 1px solid #e1e1e1;
    -webkit-box-shadow:0px 3px 4px #C8C8BC;
    -moz-box-shadow:0px 3px 4px #C8C8BC;
    box-shadow:0px 3px 4px #C8C8BC;
}

.shadow-bloc-content{
  border: 8px solid #ffffff;
}

.colored-bloc{
    border: 8px solid #ffffff;
    padding: 12px;
    background-color: #c8393a;
    color: #ffffff;
}
/*********** Font style ********/

#content{
    font-family: Arial,Helvetica,sans-serif;
    color: #423c3c;
    font-size: 16px;
    width: 910px;
    float: left;
    padding-left: 29px;
    padding-top: 10px;

}

#content h1 span.bigTitle{
    font-size: 48px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #423c3c;
    padding-right: 45px;
    display: inline;
    margin-bottom: 15px;
    float: left;
    background: url('../img/accueil/circle_red.png') no-repeat right ;
}

#content h1{
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #423c3c;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0;
}
#content h1 .withoutHead{
    margin-top: 25px;
}

#content h2{
    font-size: 25px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #423c3c;
    display: inline-block;
    margin-bottom: 7px;
}

#content span.colored{
    color: #c8393a;
}
#content p{
    font-size: 16px;
    margin-bottom: 15px;
}

#content p, #content blockquote {
    margin-right: 0;
    margin-top: 0;
    text-align: left;
}

#content p.indication{
    font-size: 18px;
}

.hightlight_white{
    background: url('../img/accueil/link_arrow_white.png') 0px 2px no-repeat;
    padding-left: 15px;
}

.hightlight_red{
    background: url('../img/accueil/link_arrow_red.png') 0px 2px no-repeat;
    padding-left: 15px;
}
/**********Link *************/
#content div.link a{
    text-decoration: none;
    padding:5px 10px 5px 25px;
    background: url("../img/accueil/link_arrow_red.png") 10px 8px no-repeat #c8393a;
    color: #ffffff;
    line-height: 30px;
}

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

#content div.link a.white_link{
    background: url("../img/accueil/link_arrow_white.png") 10px 8px no-repeat #ffffff;
    color: #c8393a;

}
.link{
    text-align: right;
    margin: 20px 0 5px 0;
}
/**/

#ambassadeurs{
    margin-top: 30px;
}

#ambassadeurs p{
    background: url("../img/accueil/link_arrow_white.png") no-repeat scroll 0 12px transparent;
    float: left;
    padding-left: 20px;
    width: 250px;
 }
 
#ambassadeurs div.link {
	float: right;
	margin-top: 5px;
}

#content #ambassadeurs div.link a {
    background: none repeat scroll 0 0 #C8393A;
    color: #FFFFFF;
    line-height: 30px;
    padding: 5px;
    text-decoration: none;
}
/******/




#nav-accueil ol {
 list-style-type:none;
}

#nav-accueil ol li {
 padding-top:8px;
 padding-left: 51px;
 padding-bottom:10px; /* FD il s'agit du padding sous le texte => qd tout petit voie pas puce complemetement */
 position:relative; /* bug ie background non visible */
 font-size: 2em;
 font-weight: normal;
}


li#etape1 {
 background: url(../../common/img/pictos/etape1.gif) no-repeat;
 background-position:0px 8px;
}

li#etape2 {
 background: url(../../common/img/pictos/etape2.gif) no-repeat;
 background-position:4px 8px;
}

li#etape3 {
 background: url(../../common/img/pictos/etape3.gif) no-repeat;
 background-position:0px 8px;
}

#nav-accueil li em {
  font-style: normal;
  font-weight: bold;
  font-size: 0.8em;
  color: rgb(105,0,152);
}

#nav-accueil #inscrivezVous img {
  display:block;
  margin: 0 auto 0px auto;
}

#flash {
  margin-left:223px;
  margin-right:40px;
}

#news {
 float: right;
 display:inline;
 position: relative;
 width:530px;
 background-color:#144200;
 color:white;
  padding: 5px 5px 5px 5px;
}

#nbInscrits {
 width:150px;
 float:left;
 position:relative;
 background-color:#78D200;
  padding: 5px 5px 5px 5px;
  text-align:center;
}

#nbInscrits span {
 font-weight: bold;
}

.left-column {
	width: 510px;
	float: left;
	padding: 5px;
}

.right-column {
	width: 365px;
	float: right;
	padding: 5px;
        background: url("../img/accueil/ville.png") no-repeat bottom;
        height: 685px;
}


.right-column div.box {
	margin-right: 15px;
}




/* ****************** Widgets ****************** */


.box-inner-1 label {
	display: block;
	float: left;
	margin: 5px 0 0;
	text-align: right;
	width: 130px;
}

div.input {
	margin: 5px 0 0;
}

input {
	margin: 5px 0 0 10px;
}

.form-actions {
	margin-left: 130px;
}

input.submit, input.button {
	font-size: 12px;
}

#nav-accueil #content .box-inner-1 p {
	margin: 0;
	font-size: 12px;
}



/******************** Box layout ********************/

#content .box-top {
	height: 17px;
	margin: 0 0 0 18px;
}

#content .box-top div {
	height: 17px;
	left: -18px;
	position: relative;
	width: 18px;
}

#content .box-inner-1 {
	padding: 0 0 0 10px;
}

#content .box-inner-2 {
	padding: 0 10px 0 0;
}

#content .box-inner-1 .box-inner-2 .box-inner-3 h2 {
	text-align: center;
	display: block;
	padding: 2px;
	border: none;
	margin: 0 -5px 5px -5px;
	font-weight: bold;
}

#content .box-bottom {
	height: 14px;
	margin: 0 0 0 18px;
}

#content .box-bottom div {
	height: 14px;
	left: -18px;
	position: relative;
	width: 18px;
}



/* Violet */

#content .box-color-purple .box-top {
	background: transparent url('../img/accueil/box/purple/box.png') no-repeat scroll 100% 0;
}

#content .box-color-purple .box-top div {
	background: transparent url('../img/accueil/box/purple/box.png') no-repeat scroll 0 0;
}

#content .box-color-purple .box-inner-1 {
	background: transparent url('../img/accueil/box/purple/box-inner-left.png') repeat-y scroll 0 0;
}

#content .box-color-purple .box-inner-2 {
	background: transparent url('../img/accueil/box/purple/box-inner-right.png') repeat-y scroll 100% 0;
}

#content .box-color-purple .box-inner-3 {
	background-color: #9966cc;
	color: #eeeeee;
}

#content .box-color-purple .box-inner-1 .box-inner-2 .box-inner-3 h2 {
	background-color: #660099;
	color: #eeeeee;
}

#content .box-color-purple .box-inner-1 .box-inner-2 .box-inner-3 a {
	color: white;
}

#content .box-color-purple .box-bottom {
	background: transparent url('../img/accueil/box/purple/box.png') no-repeat scroll 100% 100%;
}

#content .box-color-purple .box-bottom div {
	background: transparent url('../img/accueil/box/purple/box.png') no-repeat scroll 0 100%;
}



/* Violet clair */

#content .box-color-light-purple .box-top {
	background: transparent url('../img/accueil/box/light-purple/box.png') no-repeat scroll 100% 0;
}

#content .box-color-light-purple .box-top div {
	background: transparent url('../img/accueil/box/light-purple/box.png') no-repeat scroll 0 0;
}

#content .box-color-light-purple .box-inner-1 {
	background: transparent url('../img/accueil/box/light-purple/box-inner-left.png') repeat-y scroll 0 0;
}

#content .box-color-light-purple .box-inner-2 {
	background: transparent url('../img/accueil/box/light-purple/box-inner-right.png') repeat-y scroll 100% 0;
}

#content .box-color-light-purple .box-inner-3 {
	background-color: #e2d4f1;
	color: black;
}

#content .box-color-light-purple .box-inner-1 .box-inner-2 .box-inner-3 h2 {
	background-color: #9966CB;
	color: #f8f2ff;
}

#content .box-color-light-purple .box-bottom {
	background: transparent url('../img/accueil/box/light-purple/box.png') no-repeat scroll 100% 100%;
}

#content .box-color-light-purple .box-bottom div {
	background: transparent url('../img/accueil/box/light-purple/box.png') no-repeat scroll 0 100%;
}



/* Gris clair */

#content .box-color-light-grey .box-top {
	background: transparent url('../img/accueil/box/light-grey/box.png') no-repeat scroll 100% 0;
}

#content .box-color-light-grey .box-top div {
	background: transparent url('../img/accueil/box/light-grey/box.png') no-repeat scroll 0 0;
}

#content .box-color-light-grey .box-inner-1 {
	background: transparent url('../img/accueil/box/light-grey/box-inner-left.png') repeat-y scroll 0 0;
}

#content .box-color-light-grey .box-inner-2 {
	background: transparent url('../img/accueil/box/light-grey/box-inner-right.png') repeat-y scroll 100% 0;
}

#content .box-color-light-grey .box-inner-3 {
	background-color: #eeeeee;
	color: black;
}

#content .box-color-light-grey .box-inner-1 .box-inner-2 .box-inner-3 h2 {
	background-color: #999999;
	color: #ffffff;
}

#content .box-color-light-grey .box-bottom {
	background: transparent url('../img/accueil/box/light-grey/box.png') no-repeat scroll 100% 100%;
}

#content .box-color-light-grey .box-bottom div {
	background: transparent url('../img/accueil/box/light-grey/box.png') no-repeat scroll 0 100%;
}

/* new boxes */
#content .newbox-top {
	background: transparent url('../img/accueil/newbox/top-cadre.jpg') no-repeat scroll 100% 0;
	height: 415px;
	width: 450px;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
}
#content .newbox-content {
	background: transparent url('../img/accueil/newbox/middle-cadre.jpg') repeat-y scroll 0 0;
	width: 450px;
	padding: 0 20px;
}
#content .newbox-bottom {
	background: transparent url('../img/accueil/newbox/bottom-cadre.jpg') no-repeat scroll 100% 0;
	height: 55px;
	width: 490px;
	margin-bottom: 10px; 
}

#content .newbox-content img {
	margin: auto;
	padding-top: 40px;
}

#nav-accueil #content .newbox-content p, #nav-accueil #content .newbox-content ul {
	font-size: 12px;
	margin: 0px 12px 0px 5px;
}
#nav-accueil #content .newbox-content h2 {
	border:medium none;
	display:block;
	font-weight:bold;
	margin:0 -5px 5px;
	padding:2px;
	text-align:center;
}
#nav-accueil #content .newbox-content label {
	display:block;
	float:left;
	margin:5px 0 0;
	text-align:right;
	width:100px;
}

#nav-accueil #content form .input {
	margin: 0px;
}

#nav-accueil #content form .input label {
	display:block;
	float:left;
	margin:5px 0 0;
	text-align:right;
	width:130px;
}

#popup-lyon {
	text-align: center;
	background-color: white;
}

#popup-lyon p {
	font-size: 12px;
}

#popup-lyon img {
	margin: auto;
}
#nav-accueil .ui-widget-header {
	background: #D00E17;
}

/* ****************** End Widgets ****************** */

/* gmaps autocomplete styling*/
.pac-container {
	font-size:16px;
	text-align:left;
}

#content form#rechercheCovoiturageForm {
	margin-right:0px;
}

#territoireSelection {
    text-transform: lowercase;
}

div#cartoTerritoires {
	margin-top:30px;
}

div#rechercheRapide {
	margin-bottom:10px;
}

div.form_line label {
    margin-top: 6px;
}

div.form_line label {
	width:45px;
	display:block;
	float:left;
}