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



#cgu {
	max-width: 760px;
}
#cgu h1 {
	margin-bottom: 50px;
	font-size: 30px;
	color: #369
}
h1:after {
    background-color: #DD4925;
    margin: 15px 0 0;
    display: block;
    height: 4px;
    width: 90px;
    content: '';
}
#cgu h2 {
	font-size: 24px;
	margin: 30px 0 0 0;
}
#cgu h3 {
    font-size: 15px;
    color: #72A8C5;
    border-radius: 5px;
    padding: 10px 15px;
    background-color: #2E353E;
}
#cgu p {
	font-family: Montserrat, "Open Sans", Arial;
	font-size: 15px;
    color: #CCC;
	text-align: justify;
	margin: 20px 0 0 5px;
}
#cgu a {
	/*
    color: #369;
    */
	margin-bottom: -5px;
}
#cgu i {
    color: #999;
	font-size: 20px;
    margin-right: 10px;
}
#cgu ul {
	list-style-type: disc;
    padding: 20px;
	font-size: 15px;
	font-family: Montserrat, "Open Sans", Arial;
}
#cgu li {
    color: #CCC;    
    display: list-item;
	margin-bottom: 10px;
}
#cgu li strong {
	font-family: Sansita, Georgia, Arial;
	letter-spacing: 0.8px;
    color: #72A8C5;
}
#cgu li strong:after {
    background-color: #DD4925;
    margin: 4px 0 10px 0;
    display: block;
    height: 2px;
    width: 45px;
    content: '';
}




#cgu ul#annonceur {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 25px;
    overflow: auto;
    border-radius: 10px;
    background-color: #242830;
}
#cgu ul#annonceur li.item {
    float: left;
    margin: 18px;
}
#cgu ul#annonceur li.item img {
    border-radius: 10px;
}


@media (max-width: 767px) {
    
    #cgu ul#annonceur {
        padding: 10px;
    }
    #cgu ul#annonceur li.item {
        margin: 3%;
        /*
        margin: 3.5%;
        */
    }
    
}

@media (max-width: 380px) {
    
    #cgu ul#annonceur li.item {
        margin: 10px 0 0 10px;
    }
    
}