div.module_green { 
  	color: #357ab7;
 	/*background-color: #357ab7;*/
	border: 0px blue outset;
  	border-radius: 15px;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#357ab7), to(#5897cf)); /* Saf4+, Chrome */
   background-image: -webkit-linear-gradient(top, #357ab7, #5897cf);
   background-image: -moz-linear-gradient(top, #357ab7, #5897cf);
   background-image: -ms-linear-gradient(top, #357ab7, #5897cf);
   background-image: -o-linear-gradient(top, #357ab7, #5897cf);
   background-image: linear-gradient(top, #357ab7, #5897cf);
}

div.module_blue { 
  	color: #000000;
	background-color: #fff;
  	border: 3px blue outset;
  	border-radius: 15px;
}

div.module_blue a { 
  	color: #000;
	border: none;
}


div.module_blue h3, ul.module_blue, ul.module_blue a {
	color: #000;
  	background-color: #fff;
}
li.module_blue {
  	color: #000000;
}
/*Modules*/
.module_blue .pdf ul {list-style:none;}
.module_blue .pdf li {background:url(../images/bullet_pdf.png) no-repeat left center;margin-left:10px; padding:0 0 0 25px;}


#module-member {background: url(../images/user_group.png) no-repeat top center; text-align: center; padding: 60px 0 15px 0; margin-top: 15px; }

.button, .rse_btn {background-color: #7fbf4d;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f)); /* Saf4+, Chrome */
   background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
   background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
   background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
   background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
   background-image: linear-gradient(top, #7fbf4d, #63a62f);
   border: 1px solid #63a62f;
   border-bottom: 1px solid #5b992b;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
   -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
   -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
   -o-box-shadow: inset 0 1px 0 0 #96ca6d;
   box-shadow: inset 0 1px 0 0 #96ca6d;
   color: #fff;
   font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
   line-height: 1;
   padding: 7px 10px;
   text-align: center;
   text-shadow: 0 -1px 0 #4c9021;
  }
.nav a {
	float:left;
	cursor: pointer;
	/*padding: 7px;*/
	width: 161px;
	margin-bottom: 1px;
	background: #357ab7 center no-repeat;

	font-size: 12px;
	text-decoration: none;
	font-weight: bold;

	color: #fff;
}
.nav > li > a:hover,
.nav > li > a:focus { /* Menu item (when mouse is rolled over) */
	text-decoration: none;
	background: #549ad8 center no-repeat;
	color: #fff;
}
/* Affichage des membres*/
.container-col {margin-bottom: 20px; background: #f0f0f0; padding: 20px 0; border-bottom: 2px solid #ccc;vertical-align: top;clear: both;}
.three-col {float: left; text-align:center; width: 33%; border-right: 1px solid #d8d8d8;}
.four-col {float: left; text-align:center; width: 24.9%; border-right: 1px solid #d8d8d8;}
.last {border-right: none; margin-top: 2px;}
.container-col p {font-size: 14px;}

.membername {font-size: 18px;}
.membersbig {text-align: center;}

.clr {clear: both;}

/* TABLES
-------------------------------------------------------------*/

.extable {width: 100%; padding: 0; margin: 0; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.extable caption {padding: 0 0 5px 0; width: 100%; text-align: right;}
.extable th {border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: left; padding: 6px 6px 6px 12px;}
.extable tr.odd {background: #3eb0b7;}
.extable tr.oddgray {background: #f0f0f0;}
.extable th.bg {color: #b93b00;  font-size: 120%; padding-left: 35px;}
.extable td { border-right: 1px solid #CCCCCC;  border-bottom: 1px solid #CCCCCC; padding: 10px; word-break: keep-all;}
.extable th.spec {border-left: 1px solid #CCCCCC; border-top: 0;}
.extable th.specalt {border-left: 1px solid #CCCCCC; border-top: 0; background-color: #EFEFEF;}


/* Attachements*/

#main div.attachmentsContainer,
div.attachmentsContainer {
    clear: both;
    margin: 0 0 0.5em 0;
    background: transparent;
}

#main div.attachments table,
div.attachments table {
    background: transparent;
    border: 1px solid #C0C0C0;
    font-size: 90%;
    font-weight: bold;
    line-height: 160%;
    width: 100%; /* vinod */
}

#main div.attachments caption,
div.attachments caption {
    font-size: 110%;
    font-weight: bold;
    text-align: left;
    margin-top: 4px;
}

#main div.attachments thead tr,
div.attachments thead tr {
    background-color: #DADADA;
}

#main div.attachments tbody,
div.attachments tbody {
    background: transparent;
}

#main div.attachments tbody tr,
div.attachments tbody tr {
    background: transparent;
}

#div.attachments tbody tr.odd,
div.attachments tbody tr.odd {
    background: transparent;
}

#main div.attachments tbody tr.even,
div.attachments tbody tr.even {
    background-color: #EEE;
}

#div.attachments  tr.unpublished,
div.attachments  tr.unpublished {
    background-color: #AAA;
}

#main div.attachments table thead th,
div.attachments table thead th {
    vertical-align: center;
    background: transparent;
    border: 1px solid #D0D0D0;
    padding: 10px;
}

#main div.attachments table tbody td,
div.attachments table tbody td {
    background: transparent;
    vertical-align: center;
    padding: 10px;
}

#main div.attachments table tbody tr.even td,
div.attachments table tbody tr.even td {
    background-color: #EEE;
}

#main div.attachments table tbody tr.unpublished td,
div.attachments table tbody tr.unpublished td {
    background-color: #AAA;
    color: #333;
}


#main div.attachments table a,
div.attachments table a {
    font-weight: bold;
}

#main div.attachments table img,
div.attachments table img {
    vertical-align: text-bottom;
    border: 0;
    margin: 0;
}

#main div.attachments table a.modal-button,
div.attachments table a.modal-button {
    background: transparent;
    border: 0;
}

div.attachments table td.at_edit a.modal-button {
    float: none;
    display: inline;
}

div.attachments table td.at_edit a.modal-button img {
    float: none;
    display: inline;
}

#main div.attachments img#link,
div.attachments img#link {
    margin-left: -16px;
}

#main div.attachments a.at_icon,
div.attachments a.at_icon {
    padding-right: 4px;
}

div.attachments a.at_icon:link    { text-decoration: none; }
div.attachments a.at_icon:visited { text-decoration: none; }
div.attachments a.at_icon:hover   { text-decoration: none; color: #F00; background: transparent; }
div.attachments a.at_icon:active  { text-decoration: none; }

div.attachments a.at_url { background: none;  background-color: transparent; }
div.attachments a.at_url:link     { text-decoration: none; }
div.attachments a.at_url:visited  { text-decoration: none; }
div.attachments a.at_url:hover    { text-decoration: underline; color: #F00; background: transparent; }
div.attachments a.at_url:active   { text-decoration: none; }

div.attachments th.at_filename,
div.attachments td.at_filename { text-align: left; }

div.attachments td.at_file_size { text-align: center; }

div.attachments th.at_downloads { text-align: center; }
div.attachments td.at_downloads { text-align: center; }

div.attachments th.at_edit { text-align: center; }
div.attachments td.at_edit { text-align: center; background: transparent; }

/* Texte défilant */

.defileParent {
	display: block;
	margin: 3em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 400px;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 20s infinite ;
	-moz-animation:linear marqueelike 20s infinite ;
	-o-animation:linear marqueelike 20s infinite ;
	-ms-animation:linear marqueelike 20s infinite ;
	animation:linear marqueelike 20s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:25px;
}


.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

@media only screen and (max-width: 860px) {
.defileParent {
	display: block;
	margin: 3em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
}

.defile {
	display:block;
	-webkit-animation:linear marqueelike 15s infinite ;
	-moz-animation:linear marqueelike 15s infinite ;
	-o-animation:linear marqueelike 15s infinite ;
	-ms-animation:linear marqueelike 15s infinite ;
	animation:linear marqueelike 15s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:25px;
}
}
div.login {
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         -khtml-border-radius: 5px;
         border-radius: 5px;
         background:#f93939;
         border:1px solid #ccc;
         padding:5px;
         margin:0px 0px 10px 0px;
}
.login_form fieldset, .login fieldset { padding: 15px 0 0; }

.login_form fieldset p, .login fieldset p { margin: 0 0 5px; }

.login_form label, .login label {display: block; float: left; font-weight: bold; text-align: right; width: 200px; margin-right: 5px;}

.login-fields {margin: 0 0 10px;}

.login_form .inputbox, .login-fields .required { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox { width: 20px; }

.login_form .button, .login button { margin-left: 140px; }


.introimg {background: url(../../../images/images_site/ca_home.png) no-repeat; height: 230px; position: relative;}
.introimg span {display: block; font-size: 1.2em;padding: 10px 0;background: #111; filter:alpha(opacity=75); opacity:.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
  color: #fff; position: absolute;bottom: 11px;left: 0;padding: 15px;margin: 0;width: 700px;border-top: 1px solid #000;
  border-bottom: 1px solid #000;font-weight: bold;}

/* float images */

img.alignright {float:right; margin:0 0 1em 1em; border: 1px solid #ccc;padding: 2px; display: inline;}
img.alignleft {float:left; margin:0 1em 1em 0; border: 1px solid #ccc;padding: 2px; display: inline;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 1px solid #ccc;padding: 2px;}
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
p img { padding: 0; max-width: 100%; }

h2 span {font-size: 14px; font-style: italic; color: #000; font-weight: normal;}
em {font-family: Georgia,serif; font-weight: normal;}

/* Custom Style: mystylem */
.rl_tabs.top > ul.nav > li.mystylem > a {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  font-size: 22px;
  background-color: #ffc2c2;
  background-image: -moz-linear-gradient(top, #ff9999, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9999), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ff9999, #ffffff);
  background-image: -o-linear-gradient(top, #ff9999, #ffffff);
  background-image: linear-gradient(to bottom, #ff9999, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9999', endColorstr='#ffffffff', GradientType=0);
  background-color: #ffffff;
}
.rl_tabs.top > ul.nav > li.mystylem > a:hover {
  background-color: #2c688c;
  background-image: -moz-linear-gradient(top, #9999ff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9999ff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #9999ff, #ffffff);
  background-image: -o-linear-gradient(top, #9999ff, #ffffff);
  background-image: linear-gradient(to bottom, #9999ff, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9999ff', endColorstr='#ffffffff', GradientType=0);
  background-color: #ffffff;
}
.rl_tabs.top > ul.nav > li.mystylem.active > a,
.rl_tabs.top > ul.nav > li.mystylem.active > a:hover {
  background-color: #474c4f;
  background-image: -moz-linear-gradient(top, #99ff99, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#99ff99), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #99ff99, #ffffff);
  background-image: -o-linear-gradient(top, #99ff99, #ffffff);
  background-image: linear-gradient(to bottom, #99ff99, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff99ff99', endColorstr='#ffffffff', GradientType=0);
  background-color: #ffffff;
}
.rl_tabs.top > .tab-content > .tab-pane.mystylem {
  background-color: #f5fff5;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#ccffcc));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #ccffcc);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #ccffcc);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#a7eef9', GradientType=0);
}